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

package/css/components/Popover/popover.css

@@ -62,38 +62,38 @@
   --pf-v5-c-popover--MaxWidth: none;
 }
 .pf-v5-c-popover.pf-m-top .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-top-left .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-top-right .pf-v5-c-popover__arrow {
-  bottom: 0;
-  left: 50%;
+  inset-block-end: 0;
+  inset-inline-start: 50%;
   transform: translateX(var(--pf-v5-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
 }
 .pf-v5-c-popover.pf-m-bottom .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-bottom-left .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-bottom-right .pf-v5-c-popover__arrow {
-  top: 0;
-  left: 50%;
+  inset-block-start: 0;
+  inset-inline-start: 50%;
   transform: translateX(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
 }
 .pf-v5-c-popover.pf-m-left .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-left-top .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-left-bottom .pf-v5-c-popover__arrow {
-  top: 50%;
-  right: 0;
+  inset-block-start: 50%;
+  inset-inline-end: 0;
   transform: translateX(var(--pf-v5-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
 }
 .pf-v5-c-popover.pf-m-right .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-right-top .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-right-bottom .pf-v5-c-popover__arrow {
-  top: 50%;
-  left: 0;
+  inset-block-start: 50%;
+  inset-inline-start: 0;
   transform: translateX(var(--pf-v5-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
 }
 .pf-v5-c-popover.pf-m-left-top .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-right-top .pf-v5-c-popover__arrow {
-  top: var(--pf-v5-c-popover__arrow--Height);
+  inset-block-start: var(--pf-v5-c-popover__arrow--Height);
 }
 .pf-v5-c-popover.pf-m-left-bottom .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-right-bottom .pf-v5-c-popover__arrow {
-  top: auto;
-  bottom: 0;
+  inset-block-start: auto;
+  inset-block-end: 0;
 }
 .pf-v5-c-popover.pf-m-top-left .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-bottom-left .pf-v5-c-popover__arrow {
-  left: var(--pf-v5-c-popover__arrow--Width);
+  inset-inline-start: var(--pf-v5-c-popover__arrow--Width);
 }
 .pf-v5-c-popover.pf-m-top-right .pf-v5-c-popover__arrow, .pf-v5-c-popover.pf-m-bottom-right .pf-v5-c-popover__arrow {
-  right: 0;
-  left: auto;
+  inset-inline-start: auto;
+  inset-inline-end: 0;
 }
 .pf-v5-c-popover.pf-m-danger {
   --pf-v5-c-popover__title-icon--Color: var(--pf-v5-c-popover--m-danger__title-icon--Color);
@@ -118,17 +118,20 @@
 
 .pf-v5-c-popover__content {
   position: relative;
-  padding: var(--pf-v5-c-popover__content--PaddingTop) var(--pf-v5-c-popover__content--PaddingRight) var(--pf-v5-c-popover__content--PaddingBottom) var(--pf-v5-c-popover__content--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-popover__content--PaddingTop);
+  padding-block-end: var(--pf-v5-c-popover__content--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-popover__content--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-popover__content--PaddingRight);
   background-color: var(--pf-v5-c-popover__content--BackgroundColor);
 }
 
 .pf-v5-c-popover__close {
   position: absolute;
-  top: var(--pf-v5-c-popover__close--Top);
-  right: var(--pf-v5-c-popover__close--Right);
+  inset-block-start: var(--pf-v5-c-popover__close--Top);
+  inset-inline-end: var(--pf-v5-c-popover__close--Right);
 }
 .pf-v5-c-popover__close + * {
-  padding-right: var(--pf-v5-c-popover__close--sibling--PaddingRight);
+  padding-inline-end: var(--pf-v5-c-popover__close--sibling--PaddingRight);
 }
 
 .pf-v5-c-popover__arrow {
@@ -141,7 +144,7 @@
 }
 
 .pf-v5-c-popover__header {
-  margin-bottom: var(--pf-v5-c-popover__header--MarginBottom);
+  margin-block-end: var(--pf-v5-c-popover__header--MarginBottom);
 }
 
 .pf-v5-c-popover__title {
@@ -150,7 +153,7 @@
 }
 
 .pf-v5-c-popover__title-icon {
-  margin-right: var(--pf-v5-c-popover__title-icon--MarginRight);
+  margin-inline-end: var(--pf-v5-c-popover__title-icon--MarginRight);
   font-size: var(--pf-v5-c-popover__title-icon--FontSize);
   color: var(--pf-v5-c-popover__title-icon--Color);
 }
@@ -167,7 +170,7 @@
 }
 
 .pf-v5-c-popover__footer {
-  margin-top: var(--pf-v5-c-popover__footer--MarginTop);
+  margin-block-start: var(--pf-v5-c-popover__footer--MarginTop);
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-popover {

package/css/components/Progress/progress.css

@@ -69,7 +69,7 @@
 }
 .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure.pf-m-static-width {
   min-width: var(--pf-v5-c-progress__measure--m-static-width--MinWidth);
-  text-align: left;
+  text-align: start;
 }
 .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__bar,
 .pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__indicator {
@@ -124,7 +124,7 @@
   gap: var(--pf-v5-c-progress__status--Gap);
   align-items: flex-start;
   justify-content: flex-end;
-  text-align: right;
+  text-align: end;
   word-break: break-word;
 }
 
@@ -142,8 +142,8 @@
 }
 .pf-v5-c-progress__bar::before {
   position: absolute;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   width: 100%;
   height: 100%;
   content: "";
@@ -153,8 +153,8 @@
 
 .pf-v5-c-progress__indicator {
   position: absolute;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   height: var(--pf-v5-c-progress__indicator--Height);
   background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
 }
@@ -162,7 +162,7 @@
 .pf-v5-c-progress__helper-text {
   grid-row: 3/4;
   grid-column: 1/3;
-  margin-top: var(--pf-v5-c-progress__helper-text--MarginTop);
+  margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-progress {

package/css/components/ProgressStepper/progress-stepper.css

@@ -17,7 +17,9 @@
   --pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
+  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop: 0;
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
+  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft: 0;
   --pf-v5-c-progress-stepper--m-vertical--m-center__step-main--MarginRight: 0;
   --pf-v5-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft: 0;
   --pf-v5-c-progress-stepper--m-horizontal--GridAutoFlow: column;
@@ -57,7 +59,7 @@
   --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
   --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
   --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
-  --pf-v5-c-progress-stepper__step-connector--JustifyContent: start;
+  --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
   --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
   --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
   --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
@@ -69,7 +71,7 @@
   --pf-v5-c-progress-stepper__pficon--MarginTop: 3px;
   --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-title--TextAlign: left;
+  --pf-v5-c-progress-stepper__step-title--TextAlign: start;
   --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
@@ -91,7 +93,7 @@
   --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-v5-global--spacer--xs);
   --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-progress-stepper__step-description--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-progress-stepper__step-description--TextAlign: left;
+  --pf-v5-c-progress-stepper__step-description--TextAlign: start;
   --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
   --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
   --pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top);
@@ -160,7 +162,7 @@
   position: relative;
 }
 .pf-v5-c-progress-stepper.pf-m-center .pf-v5-c-progress-stepper__step:not(:last-of-type) > .pf-v5-c-progress-stepper__step-connector::before {
-  left: var(--pf-v5-c-progress-stepper--m-center__step-connector--before--Left);
+  inset-inline-start: var(--pf-v5-c-progress-stepper--m-center__step-connector--before--Left);
 }
 .pf-v5-c-progress-stepper.pf-m-center:not(.pf-m-compact) .pf-v5-c-progress-stepper__step:not(:last-of-type) > .pf-v5-c-progress-stepper__step-main::before {
   content: var(--pf-v5-c-progress-stepper--m-center__step-main--before--Content);
@@ -177,8 +179,9 @@
   --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v5-c-progress-stepper--m-compact__step-title--FontWeight);
   --pf-v5-c-progress-stepper__pficon--MarginTop: var(--pf-v5-c-progress-stepper--m-compact__pficon--MarginTop);
   --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-v5-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
-  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);
+  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop);
   --pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);
+  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);
   display: inline-grid;
   grid-template-columns: var(--pf-v5-c-progress-stepper--m-compact--GridTemplateColumns);
   grid-auto-flow: var(--pf-v5-c-progress-stepper--m-compact--GridAutoFlow);
@@ -186,15 +189,15 @@
 .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step-connector {
   grid-row: var(--pf-v5-c-progress-stepper--m-compact__step-connector--GridRow);
   min-width: var(--pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth);
-  padding-bottom: var(--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom);
+  padding-block-end: var(--pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom);
 }
 .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step-main {
-  margin-bottom: var(--pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom);
+  margin-block-end: var(--pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom);
 }
 .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step:not(.pf-m-current) .pf-v5-c-progress-stepper__step-main {
   position: fixed;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
@@ -248,13 +251,13 @@
 }
 .pf-v5-c-progress-stepper__step:not(:last-of-type) > .pf-v5-c-progress-stepper__step-connector::before {
   position: absolute;
-  top: var(--pf-v5-c-progress-stepper__step-connector--before--Top);
-  left: var(--pf-v5-c-progress-stepper__step-connector--before--Left);
+  inset-block-start: var(--pf-v5-c-progress-stepper__step-connector--before--Top);
+  inset-inline-start: var(--pf-v5-c-progress-stepper__step-connector--before--Left);
   width: var(--pf-v5-c-progress-stepper__step-connector--before--Width);
   height: var(--pf-v5-c-progress-stepper__step-connector--before--Height);
   content: "";
-  border-right: var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor);
-  border-bottom: var(--pf-v5-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor);
+  border-block-end: var(--pf-v5-c-progress-stepper__step-connector--before--BorderBottomWidth) solid var(--pf-v5-c-progress-stepper__step-connector--before--BorderBottomColor);
+  border-inline-end: var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor);
   transform: var(--pf-v5-c-progress-stepper__step-connector--before--Transform);
 }
 
@@ -272,25 +275,28 @@
   border-radius: 50%;
 }
 .pf-v5-c-progress-stepper__step-icon .pf-v5-pficon {
-  margin-top: var(--pf-v5-c-progress-stepper__pficon--MarginTop);
+  margin-block-start: var(--pf-v5-c-progress-stepper__pficon--MarginTop);
 }
 .pf-v5-c-progress-stepper__step-icon .fa-exclamation-triangle {
-  margin-top: var(--pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop);
+  margin-block-start: var(--pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop);
 }
 
 .pf-v5-c-progress-stepper__step-main {
   min-width: 0;
-  margin: var(--pf-v5-c-progress-stepper__step-main--MarginTop) var(--pf-v5-c-progress-stepper__step-main--MarginRight) var(--pf-v5-c-progress-stepper__step-main--MarginBottom) var(--pf-v5-c-progress-stepper__step-main--MarginLeft);
+  margin-block-start: var(--pf-v5-c-progress-stepper__step-main--MarginTop);
+  margin-block-end: var(--pf-v5-c-progress-stepper__step-main--MarginBottom);
+  margin-inline-start: var(--pf-v5-c-progress-stepper__step-main--MarginLeft);
+  margin-inline-end: var(--pf-v5-c-progress-stepper__step-main--MarginRight);
   text-align: var(--pf-v5-c-progress-stepper--step-main--TextAlign, auto);
   overflow-wrap: anywhere;
 }
 .pf-v5-c-progress-stepper__step:not(:last-of-type) > .pf-v5-c-progress-stepper__step-main::before {
   position: absolute;
-  top: calc(100% + var(--pf-v5-c-progress-stepper__step-main--MarginTop));
-  left: calc(50% - var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth) / 2);
+  inset-block-start: calc(100% + var(--pf-v5-c-progress-stepper__step-main--MarginTop));
+  inset-inline-start: calc(50% - var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth) / 2);
   width: auto;
   height: calc(var(--pf-v5-c-progress-stepper__step-main--MarginTop) + var(--pf-v5-c-progress-stepper__step-main--MarginBottom));
-  border-right: var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor);
+  border-inline-end: var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-v5-c-progress-stepper__step-connector--before--BorderRightColor);
 }
 
 .pf-v5-c-progress-stepper__step-title {
@@ -319,7 +325,7 @@
 }
 
 .pf-v5-c-progress-stepper__step-description {
-  margin-top: var(--pf-v5-c-progress-stepper__step-description--MarginTop);
+  margin-block-start: var(--pf-v5-c-progress-stepper__step-description--MarginTop);
   font-size: var(--pf-v5-c-progress-stepper__step-description--FontSize);
   color: var(--pf-v5-c-progress-stepper__step-description--Color);
   text-align: var(--pf-v5-c-progress-stepper__step-description--TextAlign);

package/css/components/Radio/radio.css

@@ -11,11 +11,10 @@
   --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
   --pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
-  display: inline-grid;
+  display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-v5-c-radio--GridGap);
   align-items: baseline;
-  width: 100%;
 }
 .pf-v5-c-radio.pf-m-standalone {
   --pf-v5-c-radio--GridGap: 0;
@@ -34,10 +33,10 @@
   -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
 }
 .pf-v5-c-radio__input:first-child {
-  margin-left: var(--pf-v5-c-radio__input--first-child--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-radio__input--first-child--MarginLeft);
 }
 .pf-v5-c-radio__input:last-child {
-  margin-right: var(--pf-v5-c-radio__input--last-child--MarginRight);
+  margin-inline-end: var(--pf-v5-c-radio__input--last-child--MarginRight);
 }
 
 .pf-v5-c-radio__description {
@@ -48,7 +47,7 @@
 
 .pf-v5-c-radio__body {
   grid-column: 2;
-  margin-top: var(--pf-v5-c-radio__body--MarginTop);
+  margin-block-start: var(--pf-v5-c-radio__body--MarginTop);
 }
 
 .pf-v5-c-radio__label,

package/css/components/Select/select.css

@@ -172,8 +172,8 @@
   width: 100%;
 }
 .pf-v5-c-select .pf-v5-c-divider {
-  margin-top: var(--pf-v5-c-select-menu--c-divider--MarginTop);
-  margin-bottom: var(--pf-v5-c-select-menu--c-divider--MarginBottom);
+  margin-block-start: var(--pf-v5-c-select-menu--c-divider--MarginTop);
+  margin-block-end: var(--pf-v5-c-select-menu--c-divider--MarginBottom);
 }
 .pf-v5-c-select .pf-v5-c-divider:last-child {
   --pf-v5-c-select-menu--c-divider--MarginBottom: 0;
@@ -217,7 +217,10 @@
   justify-content: space-between;
   width: 100%;
   min-width: var(--pf-v5-c-select__toggle--MinWidth);
-  padding: var(--pf-v5-c-select__toggle--PaddingTop) var(--pf-v5-c-select__toggle--PaddingRight) var(--pf-v5-c-select__toggle--PaddingBottom) var(--pf-v5-c-select__toggle--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-select__toggle--PaddingTop);
+  padding-block-end: var(--pf-v5-c-select__toggle--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-select__toggle--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-select__toggle--PaddingRight);
   font-size: var(--pf-v5-c-select__toggle--FontSize);
   font-weight: var(--pf-v5-c-select__toggle--FontWeight);
   line-height: var(--pf-v5-c-select__toggle--LineHeight);
@@ -237,14 +240,14 @@
 .pf-v5-c-select__toggle::before {
   --pf-v5-c-select__toggle--before--BorderWidth-base: var(--pf-v5-c-select__toggle--before--BorderTopWidth) var(--pf-v5-c-select__toggle--before--BorderRightWidth) var(--pf-v5-c-select__toggle--before--BorderBottomWidth) var(--pf-v5-c-select__toggle--before--BorderLeftWidth);
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   content: "";
-  border-color: var(--pf-v5-c-select__toggle--before--BorderTopColor) var(--pf-v5-c-select__toggle--before--BorderRightColor) var(--pf-v5-c-select__toggle--before--BorderBottomColor) var(--pf-v5-c-select__toggle--before--BorderLeftColor);
   border-style: solid;
   border-width: var(--pf-v5-c-select__toggle--before--BorderWidth, var(--pf-v5-c-select__toggle--before--BorderWidth-base));
+  border-block-start-color: var(--pf-v5-c-select__toggle--before--BorderTopColor);
+  border-block-end-color: var(--pf-v5-c-select__toggle--before--BorderBottomColor);
+  border-inline-start-color: var(--pf-v5-c-select__toggle--before--BorderLeftColor);
+  border-inline-end-color: var(--pf-v5-c-select__toggle--before--BorderRightColor);
 }
 .pf-v5-c-select__toggle:hover {
   --pf-v5-c-select__toggle--before--BorderBottomColor: var(--pf-v5-c-select__toggle--hover--before--BorderBottomColor);
@@ -283,15 +286,15 @@
   position: relative;
 }
 .pf-v5-c-select__toggle .pf-v5-c-select__toggle-clear {
-  padding-right: var(--pf-v5-c-select__toggle-clear--PaddingRight);
-  padding-left: var(--pf-v5-c-select__toggle-clear--PaddingLeft);
-  margin-left: auto;
+  padding-inline-start: var(--pf-v5-c-select__toggle-clear--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-select__toggle-clear--PaddingRight);
+  margin-inline-start: auto;
 }
 .pf-v5-c-select__toggle .pf-v5-c-select__toggle-button {
   color: var(--pf-v5-c-select__toggle-button--Color);
 }
 .pf-v5-c-select__toggle .pf-v5-c-select__toggle-clear + .pf-v5-c-select__toggle-button {
-  padding-left: var(--pf-v5-c-select__toggle-clear--toggle-button--PaddingLeft);
+  padding-inline-start: var(--pf-v5-c-select__toggle-clear--toggle-button--PaddingLeft);
 }
 .pf-v5-c-select__toggle.pf-m-placeholder {
   --pf-v5-c-select__toggle-text--Color: var(--pf-v5-c-select__toggle--m-placeholder__toggle-text--Color);
@@ -301,8 +304,8 @@
   color: var(--pf-v5-c-select__toggle-arrow--Color, inherit);
 }
 * + .pf-v5-c-select__toggle-arrow {
-  margin-right: var(--pf-v5-c-select__toggle-arrow--MarginRight);
-  margin-left: var(--pf-v5-c-select__toggle-arrow--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-select__toggle-arrow--MarginLeft);
+  margin-inline-end: var(--pf-v5-c-select__toggle-arrow--MarginRight);
 }
 .pf-v5-c-select.pf-m-top.pf-m-expanded .pf-v5-c-select__toggle-arrow {
   transform: rotate(var(--pf-v5-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate));
@@ -326,28 +329,28 @@
   white-space: normal;
 }
 .pf-v5-c-select__toggle-wrapper > :not(:last-child) {
-  margin-right: var(--pf-v5-c-select__toggle-wrapper--not-last-child--MarginRight);
+  margin-inline-end: var(--pf-v5-c-select__toggle-wrapper--not-last-child--MarginRight);
 }
 .pf-v5-c-select__toggle-wrapper .pf-v5-c-chip-group {
-  margin-top: var(--pf-v5-c-select__toggle-wrapper--c-chip-group--MarginTop);
-  margin-bottom: var(--pf-v5-c-select__toggle-wrapper--c-chip-group--MarginBottom);
+  margin-block-start: var(--pf-v5-c-select__toggle-wrapper--c-chip-group--MarginTop);
+  margin-block-end: var(--pf-v5-c-select__toggle-wrapper--c-chip-group--MarginBottom);
 }
 .pf-v5-c-select__toggle-wrapper > .pf-v5-c-select__toggle-typeahead:first-child {
-  margin-left: calc(-1 * var(--pf-v5-c-select__toggle--PaddingLeft));
+  margin-inline-start: calc(-1 * var(--pf-v5-c-select__toggle--PaddingLeft));
 }
 
 .pf-v5-c-select__toggle-icon + .pf-v5-c-select__toggle-text {
-  margin-left: var(--pf-v5-c-select__toggle-icon--toggle-text--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-select__toggle-icon--toggle-text--MarginLeft);
 }
 
 .pf-v5-c-select__toggle-status-icon {
-  margin-left: var(--pf-v5-c-select__toggle-status-icon--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-select__toggle-status-icon--MarginLeft);
   color: var(--pf-v5-c-select__toggle-status-icon--Color);
 }
 
 .pf-v5-c-select__toggle-badge {
   display: flex;
-  padding-left: var(--pf-v5-c-select__toggle-badge--PaddingLeft);
+  padding-inline-start: var(--pf-v5-c-select__toggle-badge--PaddingLeft);
 }
 
 .pf-v5-c-select__toggle-typeahead {
@@ -365,30 +368,27 @@
 
 .pf-v5-c-select__menu {
   position: absolute;
-  top: var(--pf-v5-c-select__menu--Top);
+  inset-block-start: var(--pf-v5-c-select__menu--Top);
   z-index: var(--pf-v5-c-select__menu--ZIndex);
   width: var(--pf-v5-c-select__menu--Width);
   min-width: var(--pf-v5-c-select__menu--MinWidth);
-  padding-top: var(--pf-v5-c-select__menu--PaddingTop);
-  padding-bottom: var(--pf-v5-c-select__menu--PaddingBottom);
+  padding-block-start: var(--pf-v5-c-select__menu--PaddingTop);
+  padding-block-end: var(--pf-v5-c-select__menu--PaddingBottom);
   background-color: var(--pf-v5-c-select__menu--BackgroundColor);
   background-clip: padding-box;
   box-shadow: var(--pf-v5-c-select__menu--BoxShadow);
 }
 .pf-v5-c-select__menu.pf-m-align-right {
-  right: 0;
+  inset-inline-end: 0;
 }
 .pf-v5-c-select.pf-m-top .pf-v5-c-select__menu {
-  top: 0;
+  inset-block-start: 0;
   transform: translateY(var(--pf-v5-c-select__menu--m-top--TranslateY));
 }
 .pf-v5-c-select__menu.pf-m-static {
   --pf-v5-c-select__menu--m-top--TranslateY: 0;
   position: static;
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
+  inset: auto;
   z-index: auto;
   min-width: min-content;
 }
@@ -409,12 +409,15 @@
 .pf-v5-c-select__menu-item {
   position: relative;
   width: var(--pf-v5-c-select__menu-item--Width);
-  padding: var(--pf-v5-c-select__menu-item--PaddingTop) var(--pf-v5-c-select__menu-item--PaddingRight) var(--pf-v5-c-select__menu-item--PaddingBottom) var(--pf-v5-c-select__menu-item--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-select__menu-item--PaddingTop);
+  padding-block-end: var(--pf-v5-c-select__menu-item--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-select__menu-item--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-select__menu-item--PaddingRight);
   font-size: var(--pf-v5-c-select__menu-item--FontSize);
   font-weight: var(--pf-v5-c-select__menu-item--FontWeight);
   line-height: var(--pf-v5-c-select__menu-item--LineHeight);
   color: var(--pf-v5-c-select__menu-item--Color);
-  text-align: left;
+  text-align: start;
   white-space: nowrap;
   background-color: transparent;
   border: none;
@@ -495,14 +498,14 @@
 }
 
 .pf-v5-c-select__list-item.pf-m-loading {
-  padding-top: var(--pf-v5-c-select__list-item--m-loading--PaddingTop);
+  padding-block-start: var(--pf-v5-c-select__list-item--m-loading--PaddingTop);
   text-align: center;
 }
 
 .pf-v5-c-select__menu-item-main {
   position: relative;
   display: block;
-  padding-right: var(--pf-v5-c-select__menu-item-main--PaddingRight);
+  padding-inline-end: var(--pf-v5-c-select__menu-item-main--PaddingRight);
   white-space: nowrap;
 }
 
@@ -516,22 +519,22 @@
 
 .pf-v5-c-select__menu-item-count {
   align-self: center;
-  margin-left: var(--pf-v5-c-select__menu-item-count--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-select__menu-item-count--MarginLeft);
   font-size: var(--pf-v5-c-select__menu-item-count--FontSize);
   color: var(--pf-v5-c-select__menu-item-count--Color);
 }
 
 .pf-v5-c-select__menu-item-description {
   display: block;
-  padding-right: var(--pf-v5-c-select__menu-item-description--PaddingRight);
+  padding-inline-end: var(--pf-v5-c-select__menu-item-description--PaddingRight);
   font-size: var(--pf-v5-c-select__menu-item-description--FontSize);
   color: var(--pf-v5-c-select__menu-item-description--Color);
 }
 
 .pf-v5-c-select__menu-item-icon {
   position: absolute;
-  top: var(--pf-v5-c-select__menu-item-icon--Top);
-  right: var(--pf-v5-c-select__menu-item-icon--Right);
+  inset-block-start: var(--pf-v5-c-select__menu-item-icon--Top);
+  inset-inline-end: var(--pf-v5-c-select__menu-item-icon--Right);
   font-size: var(--pf-v5-c-select__menu-item-icon--FontSize);
   color: var(--pf-v5-c-select__menu-item-icon--Color);
   transform: translateY(var(--pf-v5-c-select__menu-item-icon--TranslateY));
@@ -549,27 +552,33 @@
 }
 
 .pf-v5-c-select__menu-group + .pf-v5-c-select__menu-group {
-  padding-top: var(--pf-v5-c-select__menu-group--menu-group--PaddingTop);
+  padding-block-start: var(--pf-v5-c-select__menu-group--menu-group--PaddingTop);
 }
 
 .pf-v5-c-select__menu-search {
-  padding: var(--pf-v5-c-select__menu-search--PaddingTop) var(--pf-v5-c-select__menu-search--PaddingRight) var(--pf-v5-c-select__menu-search--PaddingBottom) var(--pf-v5-c-select__menu-search--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-select__menu-search--PaddingTop);
+  padding-block-end: var(--pf-v5-c-select__menu-search--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-select__menu-search--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-select__menu-search--PaddingRight);
 }
 
 .pf-v5-c-select__menu-group-title {
-  padding-top: var(--pf-v5-c-select__menu-group-title--PaddingTop);
-  padding-right: var(--pf-v5-c-select__menu-group-title--PaddingRight);
-  padding-bottom: var(--pf-v5-c-select__menu-group-title--PaddingBottom);
-  padding-left: var(--pf-v5-c-select__menu-group-title--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-select__menu-group-title--PaddingTop);
+  padding-block-end: var(--pf-v5-c-select__menu-group-title--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-select__menu-group-title--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-select__menu-group-title--PaddingRight);
   font-size: var(--pf-v5-c-select__menu-group-title--FontSize);
   font-weight: var(--pf-v5-c-select__menu-group-title--FontWeight);
   color: var(--pf-v5-c-select__menu-group-title--Color);
 }
 
 .pf-v5-c-select__menu-footer {
-  padding: var(--pf-v5-c-select__menu-footer--PaddingTop) var(--pf-v5-c-select__menu-footer--PaddingRight) var(--pf-v5-c-select__menu-footer--PaddingBottom) var(--pf-v5-c-select__menu-footer--PaddingLeft);
-  margin-top: var(--pf-v5-c-select__menu-footer--MarginTop);
-  margin-bottom: var(--pf-v5-c-select__menu-footer--MarginBottom);
+  padding-block-start: var(--pf-v5-c-select__menu-footer--PaddingTop);
+  padding-block-end: var(--pf-v5-c-select__menu-footer--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-select__menu-footer--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-select__menu-footer--PaddingRight);
+  margin-block-start: var(--pf-v5-c-select__menu-footer--MarginTop);
+  margin-block-end: var(--pf-v5-c-select__menu-footer--MarginBottom);
   box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
 }
 

package/css/components/Sidebar/sidebar.css

@@ -25,7 +25,7 @@
   --pf-v5-c-sidebar__main--FlexDirection: column;
   --pf-v5-c-sidebar__main--md--FlexDirection: row;
   --pf-v5-c-sidebar__main--AlignItems: stretch;
-  --pf-v5-c-sidebar__main--md--AlignItems: start;
+  --pf-v5-c-sidebar__main--md--AlignItems: flex-start;
   --pf-v5-c-sidebar__main--child--MarginTop: 0;
   --pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
   --pf-v5-c-sidebar__main--m-border--before--Display: none;
@@ -41,7 +41,7 @@
   --pf-v5-c-sidebar--m-stack__panel--Top: 0;
   --pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
   --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
-  --pf-v5-c-sidebar--m-split__main--AlignItems: start;
+  --pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
   --pf-v5-c-sidebar--m-split__main--FlexDirection: row;
   --pf-v5-c-sidebar--m-split__panel--Position: static;
   --pf-v5-c-sidebar--m-split__panel--Top: auto;
@@ -131,12 +131,15 @@
 
 .pf-v5-c-sidebar__panel {
   position: var(--pf-v5-c-sidebar__panel--Position);
-  top: var(--pf-v5-c-sidebar__panel--Top);
+  inset-block-start: var(--pf-v5-c-sidebar__panel--Top);
   z-index: var(--pf-v5-c-sidebar__panel--ZIndex);
   flex-basis: var(--pf-v5-c-sidebar__panel--FlexBasis);
   flex-shrink: 0;
   order: var(--pf-v5-c-sidebar__panel--Order);
-  padding: var(--pf-v5-c-sidebar__panel--PaddingTop) var(--pf-v5-c-sidebar__panel--PaddingRight) var(--pf-v5-c-sidebar__panel--PaddingBottom) var(--pf-v5-c-sidebar__panel--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-sidebar__panel--PaddingTop);
+  padding-block-end: var(--pf-v5-c-sidebar__panel--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-sidebar__panel--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-sidebar__panel--PaddingRight);
   background-color: var(--pf-v5-c-sidebar__panel--BackgroundColor);
   box-shadow: var(--pf-v5-c-sidebar__panel--BoxShadow);
 }
@@ -158,7 +161,10 @@
 .pf-v5-c-sidebar__content {
   flex-grow: 1;
   order: var(--pf-v5-c-sidebar__content--Order);
-  padding: var(--pf-v5-c-sidebar__content--PaddingTop) var(--pf-v5-c-sidebar__content--PaddingRight) var(--pf-v5-c-sidebar__content--PaddingBottom) var(--pf-v5-c-sidebar__content--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-sidebar__content--PaddingTop);
+  padding-block-end: var(--pf-v5-c-sidebar__content--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-sidebar__content--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-sidebar__content--PaddingRight);
   background-color: var(--pf-v5-c-sidebar__content--BackgroundColor);
 }
 .pf-v5-c-sidebar__content.pf-m-padding {

package/css/components/SimpleList/simple-list.css

@@ -31,11 +31,14 @@
 .pf-v5-c-simple-list__item-link {
   display: block;
   width: 100%;
-  padding: var(--pf-v5-c-simple-list__item-link--PaddingTop) var(--pf-v5-c-simple-list__item-link--PaddingRight) var(--pf-v5-c-simple-list__item-link--PaddingBottom) var(--pf-v5-c-simple-list__item-link--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-simple-list__item-link--PaddingTop);
+  padding-block-end: var(--pf-v5-c-simple-list__item-link--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
   font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
   font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
   color: var(--pf-v5-c-simple-list__item-link--Color);
-  text-align: left;
+  text-align: start;
   background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
   border: none;
 }
@@ -61,14 +64,17 @@
 }
 
 .pf-v5-c-simple-list__title {
-  padding: var(--pf-v5-c-simple-list__title--PaddingTop) var(--pf-v5-c-simple-list__title--PaddingRight) var(--pf-v5-c-simple-list__title--PaddingBottom) var(--pf-v5-c-simple-list__title--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-simple-list__title--PaddingTop);
+  padding-block-end: var(--pf-v5-c-simple-list__title--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-simple-list__title--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-simple-list__title--PaddingRight);
   font-size: var(--pf-v5-c-simple-list__title--FontSize);
   font-weight: var(--pf-v5-c-simple-list__title--FontWeight);
   color: var(--pf-v5-c-simple-list__title--Color);
 }
 
 .pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
-  margin-top: var(--pf-v5-c-simple-list__section--section--MarginTop);
+  margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-simple-list {