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

package/css/components/DataList/data-list.css

@@ -84,19 +84,17 @@
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
+    padding-block-end: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
-    margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
+    margin-inline-end: var(--pf-v5-c-data-list__cell--MarginRight);
   }
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell + .pf-v5-c-data-list__cell {
     flex: 1;
     order: initial;
   }
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell.pf-m-align-right {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell.pf-m-no-fill {
     flex: none;
@@ -113,8 +111,6 @@
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -146,19 +142,17 @@
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
+    padding-block-end: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 0) {
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
-    margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
+    margin-inline-end: var(--pf-v5-c-data-list__cell--MarginRight);
   }
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell + .pf-v5-c-data-list__cell {
     flex: 1;
     order: initial;
   }
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell.pf-m-align-right {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell.pf-m-no-fill {
     flex: none;
@@ -175,8 +169,6 @@
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 0) {
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -208,19 +200,17 @@
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
+    padding-block-end: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 576px) {
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
-    margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
+    margin-inline-end: var(--pf-v5-c-data-list__cell--MarginRight);
   }
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell + .pf-v5-c-data-list__cell {
     flex: 1;
     order: initial;
   }
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell.pf-m-align-right {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell.pf-m-no-fill {
     flex: none;
@@ -237,8 +227,6 @@
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 576px) {
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -270,19 +258,17 @@
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
+    padding-block-end: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
-    margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
+    margin-inline-end: var(--pf-v5-c-data-list__cell--MarginRight);
   }
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell + .pf-v5-c-data-list__cell {
     flex: 1;
     order: initial;
   }
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell.pf-m-align-right {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell.pf-m-no-fill {
     flex: none;
@@ -299,8 +285,6 @@
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -332,19 +316,17 @@
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
+    padding-block-end: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 992px) {
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
-    margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
+    margin-inline-end: var(--pf-v5-c-data-list__cell--MarginRight);
   }
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell + .pf-v5-c-data-list__cell {
     flex: 1;
     order: initial;
   }
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell.pf-m-align-right {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell.pf-m-no-fill {
     flex: none;
@@ -361,8 +343,6 @@
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 992px) {
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -394,19 +374,17 @@
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
+    padding-block-end: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 1200px) {
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
-    margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
+    margin-inline-end: var(--pf-v5-c-data-list__cell--MarginRight);
   }
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell + .pf-v5-c-data-list__cell {
     flex: 1;
     order: initial;
   }
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell.pf-m-align-right {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell.pf-m-no-fill {
     flex: none;
@@ -423,8 +401,6 @@
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 1200px) {
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -456,19 +432,17 @@
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
+    padding-block-end: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 1450px) {
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
-    margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
+    margin-inline-end: var(--pf-v5-c-data-list__cell--MarginRight);
   }
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell + .pf-v5-c-data-list__cell {
     flex: 1;
     order: initial;
   }
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell.pf-m-align-right {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell.pf-m-no-fill {
     flex: none;
@@ -485,8 +459,6 @@
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 1450px) {
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -618,7 +590,7 @@
   font-size: var(--pf-v5-c-data-list--FontSize);
   line-height: var(--pf-v5-c-data-list--LineHeight);
   overflow-wrap: break-word;
-  border-top: var(--pf-v5-c-data-list--BorderTopWidth) solid var(--pf-v5-c-data-list--BorderTopColor);
+  border-block-start: var(--pf-v5-c-data-list--BorderTopWidth) solid var(--pf-v5-c-data-list--BorderTopColor);
 }
 @media screen and (min-width: 576px) {
   .pf-v5-c-data-list {
@@ -697,13 +669,13 @@
   display: flex;
   flex-direction: column;
   background-color: var(--pf-v5-c-data-list__item--BackgroundColor);
-  border-bottom: var(--pf-v5-c-data-list__item--BorderBottomWidth) solid var(--pf-v5-c-data-list__item--BorderBottomColor);
+  border-block-end: var(--pf-v5-c-data-list__item--BorderBottomWidth) solid var(--pf-v5-c-data-list__item--BorderBottomColor);
 }
 .pf-v5-c-data-list__item::before {
   position: absolute;
-  top: var(--pf-v5-c-data-list__item--before--Top);
-  bottom: 0;
-  left: 0;
+  inset-block-start: var(--pf-v5-c-data-list__item--before--Top);
+  inset-block-end: 0;
+  inset-inline-start: 0;
   width: var(--pf-v5-c-data-list__item--before--Width);
   content: "";
   background-color: var(--pf-v5-c-data-list__item--before--BackgroundColor);
@@ -721,7 +693,7 @@
   --pf-v5-c-data-list__item--BorderBottomWidth: 0;
 }
 .pf-v5-c-data-list__item.pf-m-clickable:hover:not(.pf-m-selected):not(:last-child) + .pf-v5-c-data-list__item, .pf-v5-c-data-list__item.pf-m-clickable:focus:not(.pf-m-selected):not(:last-child) + .pf-v5-c-data-list__item {
-  border-top: var(--pf-v5-c-data-list__item--m-clickable--hover--item--BorderTopWidth) solid var(--pf-v5-c-data-list__item--m-clickable--hover--item--BorderTopColor);
+  border-block-start: var(--pf-v5-c-data-list__item--m-clickable--hover--item--BorderTopWidth) solid var(--pf-v5-c-data-list__item--m-clickable--hover--item--BorderTopColor);
 }
 .pf-v5-c-data-list__item.pf-m-clickable:hover {
   box-shadow: var(--pf-v5-c-data-list__item--m-clickable--hover--BoxShadow);
@@ -740,10 +712,10 @@
 }
 .pf-v5-c-data-list__item.pf-m-ghost-row::after {
   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;
   content: "";
   background-color: var(--pf-v5-c-data-list__item--m-ghost-row--after--BackgroundColor);
   opacity: var(--pf-v5-c-data-list__item--m-ghost-row--after--Opacity);
@@ -755,19 +727,19 @@
 .pf-v5-c-data-list__item-row {
   display: flex;
   flex-wrap: nowrap;
-  padding-right: var(--pf-v5-c-data-list__item-row--PaddingRight);
-  padding-left: var(--pf-v5-c-data-list__item-row--PaddingLeft);
+  padding-inline-start: var(--pf-v5-c-data-list__item-row--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-data-list__item-row--PaddingRight);
 }
 
 .pf-v5-c-data-list__item-control {
   display: flex;
   flex-wrap: nowrap;
-  padding-top: var(--pf-v5-c-data-list__item-control--PaddingTop);
-  padding-bottom: var(--pf-v5-c-data-list__item-control--PaddingBottom);
-  margin-right: var(--pf-v5-c-data-list__item-control--MarginRight);
+  padding-block-start: var(--pf-v5-c-data-list__item-control--PaddingTop);
+  padding-block-end: var(--pf-v5-c-data-list__item-control--PaddingBottom);
+  margin-inline-end: var(--pf-v5-c-data-list__item-control--MarginRight);
 }
 .pf-v5-c-data-list__item-control > *:not(:last-child) {
-  margin-right: var(--pf-v5-c-data-list__item-control--not-last-child--MarginRight);
+  margin-inline-end: var(--pf-v5-c-data-list__item-control--not-last-child--MarginRight);
 }
 
 .pf-v5-c-data-list__check {
@@ -775,7 +747,7 @@
   align-items: center;
   align-self: flex-start;
   height: var(--pf-v5-c-data-list__check--Height);
-  margin-top: var(--pf-v5-c-data-list__check--MarginTop);
+  margin-block-start: var(--pf-v5-c-data-list__check--MarginTop);
 }
 .pf-v5-c-data-list__check > input {
   cursor: pointer;
@@ -784,8 +756,13 @@
 .pf-v5-c-data-list__item-draggable-button {
   display: flex;
   flex-direction: column;
-  padding: var(--pf-v5-c-data-list__item-draggable-button--PaddingTop) var(--pf-v5-c-data-list__item-draggable-button--PaddingRight) var(--pf-v5-c-data-list__item-draggable-button--PaddingBottom) var(--pf-v5-c-data-list__item-draggable-button--PaddingLeft);
-  margin: var(--pf-v5-c-data-list__item-draggable-button--MarginTop) 0 var(--pf-v5-c-data-list__item-draggable-button--MarginBottom) var(--pf-v5-c-data-list__item-draggable-button--MarginLeft);
+  padding-block-start: var(--pf-v5-c-data-list__item-draggable-button--PaddingTop);
+  padding-block-end: var(--pf-v5-c-data-list__item-draggable-button--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-data-list__item-draggable-button--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-data-list__item-draggable-button--PaddingRight);
+  margin-block-start: var(--pf-v5-c-data-list__item-draggable-button--MarginTop);
+  margin-block-end: var(--pf-v5-c-data-list__item-draggable-button--MarginBottom);
+  margin-inline-start: var(--pf-v5-c-data-list__item-draggable-button--MarginLeft);
   background-color: var(--pf-v5-c-data-list__item-draggable-button--BackgroundColor);
   border: 0;
 }
@@ -811,20 +788,22 @@
   --pf-v5-hidden-visible--visible--Display: var(--pf-v5-c-data-list__item-action--Display);
   align-content: flex-start;
   align-items: flex-start;
-  padding-top: var(--pf-v5-c-data-list__item-action--PaddingTop);
-  padding-bottom: var(--pf-v5-c-data-list__item-action--PaddingBottom);
-  margin-left: var(--pf-v5-c-data-list__item-action--MarginLeft);
+  padding-block-start: var(--pf-v5-c-data-list__item-action--PaddingTop);
+  padding-block-end: var(--pf-v5-c-data-list__item-action--PaddingBottom);
+  margin-inline-start: var(--pf-v5-c-data-list__item-action--MarginLeft);
 }
 .pf-v5-c-data-list__item-action > *:not(:last-child) {
-  margin-right: var(--pf-v5-c-data-list__item-action--not-last-child--MarginRight);
+  margin-inline-end: var(--pf-v5-c-data-list__item-action--not-last-child--MarginRight);
 }
 .pf-v5-c-data-list__item-action .pf-v5-c-data-list__action {
-  margin-top: var(--pf-v5-c-data-list__action--MarginTop);
-  margin-bottom: var(--pf-v5-c-data-list__item-action__action--MarginBottom);
+  margin-block-start: var(--pf-v5-c-data-list__action--MarginTop);
+  margin-block-end: var(--pf-v5-c-data-list__item-action__action--MarginBottom);
 }
 
 .pf-v5-c-data-list__toggle {
-  margin: var(--pf-v5-c-data-list__toggle--MarginTop) 0 var(--pf-v5-c-data-list__toggle--MarginBottom) var(--pf-v5-c-data-list__toggle--MarginLeft);
+  margin-block-start: var(--pf-v5-c-data-list__toggle--MarginTop);
+  margin-block-end: var(--pf-v5-c-data-list__toggle--MarginBottom);
+  margin-inline-start: var(--pf-v5-c-data-list__toggle--MarginLeft);
 }
 
 .pf-v5-c-data-list__toggle-icon {
@@ -843,25 +822,25 @@
 .pf-v5-c-data-list__cell {
   flex: 1;
   grid-column: 1/-1;
-  padding-top: var(--pf-v5-c-data-list__cell--PaddingTop);
-  padding-bottom: var(--pf-v5-c-data-list__cell--PaddingBottom);
+  padding-block-start: var(--pf-v5-c-data-list__cell--PaddingTop);
+  padding-block-end: var(--pf-v5-c-data-list__cell--PaddingBottom);
 }
 .pf-v5-c-data-list__cell + .pf-v5-c-data-list__cell {
   flex: 1 0 100%;
   order: 1;
-  padding-top: var(--pf-v5-c-data-list__cell--cell--PaddingTop);
+  padding-block-start: var(--pf-v5-c-data-list__cell--cell--PaddingTop);
 }
 .pf-v5-c-data-list__cell.pf-m-icon {
   flex-grow: 0;
   grid-column: 1/2;
-  margin-right: var(--pf-v5-c-data-list__cell--m-icon--MarginRight);
+  margin-inline-end: var(--pf-v5-c-data-list__cell--m-icon--MarginRight);
 }
 .pf-v5-c-data-list__cell.pf-m-icon + .pf-v5-c-data-list__cell {
   grid-column: 2/3;
-  padding-top: var(--pf-v5-c-data-list__cell--m-icon--cell--PaddingTop);
+  padding-block-start: var(--pf-v5-c-data-list__cell--m-icon--cell--PaddingTop);
 }
 .pf-v5-c-data-list__cell.pf-m-align-right {
-  margin-left: 0;
+  margin-inline-start: 0;
 }
 
 .pf-v5-c-data-list__text {
@@ -883,13 +862,16 @@
   overflow-y: auto;
 }
 .pf-v5-c-data-list__expandable-content .pf-v5-c-data-list__expandable-content-body {
-  padding: var(--pf-v5-c-data-list__expandable-content-body--PaddingTop) var(--pf-v5-c-data-list__expandable-content-body--PaddingRight) var(--pf-v5-c-data-list__expandable-content-body--PaddingBottom) var(--pf-v5-c-data-list__expandable-content-body--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-data-list__expandable-content-body--PaddingTop);
+  padding-block-end: var(--pf-v5-c-data-list__expandable-content-body--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-data-list__expandable-content-body--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-data-list__expandable-content-body--PaddingRight);
 }
 .pf-v5-c-data-list__expandable-content .pf-v5-c-data-list__expandable-content-body > .pf-v5-c-data-list {
-  margin-left: var(--pf-v5-c-data-list--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-data-list--MarginLeft);
 }
 .pf-v5-c-data-list__expandable-content .pf-v5-c-data-list__expandable-content-body .pf-v5-c-data-list__item:last-child {
-  border-bottom: 0;
+  border-block-end: 0;
 }
 .pf-v5-c-data-list__expandable-content .pf-v5-c-data-list__expandable-content-body .pf-v5-c-data-list__item-row {
   --pf-v5-c-data-list__item-row--PaddingLeft: 0;

package/css/components/DatePicker/date-picker.css

@@ -18,7 +18,7 @@
 }
 
 .pf-v5-c-date-picker__helper-text {
-  margin-top: var(--pf-v5-c-date-picker__helper-text--MarginTop);
+  margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
 }
 
 .pf-v5-c-date-picker__input .pf-v5-c-form-control {
@@ -27,9 +27,9 @@
 
 .pf-v5-c-date-picker__calendar {
   position: absolute;
-  top: var(--pf-v5-c-date-picker__calendar--Top);
-  right: var(--pf-v5-c-date-picker__calendar--Right);
-  left: var(--pf-v5-c-date-picker__calendar--Left);
+  inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
+  inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
+  inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
   z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
   background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
   box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
@@ -45,10 +45,10 @@
 .pf-v5-c-date-picker__calendar.pf-m-static {
   --pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
   position: static;
-  top: auto;
-  right: auto;
-  bottom: auto;
-  left: auto;
+  inset-block-start: auto;
+  inset-block-end: auto;
+  inset-inline-start: auto;
+  inset-inline-end: auto;
   z-index: auto;
   min-width: min-content;
 }

package/css/components/DescriptionList/description-list.css

@@ -122,13 +122,13 @@
 .pf-v5-c-description-list.pf-m-fill-columns {
   display: block;
   column-count: var(--pf-v5-c-description-list--GridTemplateColumns--count);
-  margin-bottom: calc(var(--pf-v5-c-description-list--RowGap) * -1);
+  margin-block-end: calc(var(--pf-v5-c-description-list--RowGap) * -1);
 }
 .pf-v5-c-description-list.pf-m-fill-columns .pf-v5-c-description-list__group,
 .pf-v5-c-description-list.pf-m-fill-columns > .pf-v5-c-card {
   display: inline-grid;
   width: 100%;
-  margin-bottom: var(--pf-v5-c-description-list--RowGap);
+  margin-block-end: var(--pf-v5-c-description-list--RowGap);
   break-inside: avoid;
   page-break-inside: avoid;
   -webkit-column-break-inside: avoid;
@@ -142,7 +142,10 @@
 }
 .pf-v5-c-description-list > .pf-v5-c-card {
   align-self: stretch;
-  padding: var(--pf-v5-c-card--first-child--PaddingTop) var(--pf-v5-c-card--child--PaddingRight) var(--pf-v5-c-card--child--PaddingBottom) var(--pf-v5-c-card--child--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-card--first-child--PaddingTop);
+  padding-block-end: var(--pf-v5-c-card--child--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-card--child--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-card--child--PaddingRight);
 }
 
 .pf-v5-c-description-list__group,
@@ -159,7 +162,7 @@
 .pf-v5-c-description-list__term,
 .pf-v5-c-description-list__description {
   min-width: 0;
-  text-align: left;
+  text-align: start;
   overflow-wrap: break-word;
 }
 
@@ -176,7 +179,7 @@
 .pf-v5-c-description-list__term-icon {
   flex-shrink: 0;
   min-width: var(--pf-v5-c-description-list__term-icon--MinWidth);
-  margin-right: var(--pf-v5-c-description-list__term-icon--MarginRight);
+  margin-inline-end: var(--pf-v5-c-description-list__term-icon--MarginRight);
   color: var(--pf-v5-c-description-list__term-icon--Color);
 }
 

package/css/components/DragDrop/drag-drop.css

@@ -16,10 +16,10 @@
 }
 .pf-v5-c-draggable.pf-m-dragging::after {
   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;
   content: "";
   border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
 }
@@ -41,10 +41,10 @@
 }
 .pf-v5-c-droppable::before, .pf-v5-c-droppable::after {
   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: "";
 }