@patternfly/react-styles 5.0.0-alpha.1 → 5.0.0-alpha.10

package/css/utilities/Flex/flex.css

@@ -1,826 +1,826 @@
-.pf-u-flex-direction-column {
+.pf-v5-u-flex-direction-column {
   flex-direction: column !important;
 }
 
-.pf-u-flex-direction-column-reverse {
+.pf-v5-u-flex-direction-column-reverse {
   flex-direction: column-reverse !important;
 }
 
-.pf-u-flex-direction-row {
+.pf-v5-u-flex-direction-row {
   flex-direction: row !important;
 }
 
-.pf-u-flex-direction-row-reverse {
+.pf-v5-u-flex-direction-row-reverse {
   flex-direction: row-reverse !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-flex-direction-column-on-sm {
+  .pf-v5-u-flex-direction-column-on-sm {
     flex-direction: column !important;
   }
-  .pf-u-flex-direction-column-reverse-on-sm {
+  .pf-v5-u-flex-direction-column-reverse-on-sm {
     flex-direction: column-reverse !important;
   }
-  .pf-u-flex-direction-row-on-sm {
+  .pf-v5-u-flex-direction-row-on-sm {
     flex-direction: row !important;
   }
-  .pf-u-flex-direction-row-reverse-on-sm {
+  .pf-v5-u-flex-direction-row-reverse-on-sm {
     flex-direction: row-reverse !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-flex-direction-column-on-md {
+  .pf-v5-u-flex-direction-column-on-md {
     flex-direction: column !important;
   }
-  .pf-u-flex-direction-column-reverse-on-md {
+  .pf-v5-u-flex-direction-column-reverse-on-md {
     flex-direction: column-reverse !important;
   }
-  .pf-u-flex-direction-row-on-md {
+  .pf-v5-u-flex-direction-row-on-md {
     flex-direction: row !important;
   }
-  .pf-u-flex-direction-row-reverse-on-md {
+  .pf-v5-u-flex-direction-row-reverse-on-md {
     flex-direction: row-reverse !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-flex-direction-column-on-lg {
+  .pf-v5-u-flex-direction-column-on-lg {
     flex-direction: column !important;
   }
-  .pf-u-flex-direction-column-reverse-on-lg {
+  .pf-v5-u-flex-direction-column-reverse-on-lg {
     flex-direction: column-reverse !important;
   }
-  .pf-u-flex-direction-row-on-lg {
+  .pf-v5-u-flex-direction-row-on-lg {
     flex-direction: row !important;
   }
-  .pf-u-flex-direction-row-reverse-on-lg {
+  .pf-v5-u-flex-direction-row-reverse-on-lg {
     flex-direction: row-reverse !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-flex-direction-column-on-xl {
+  .pf-v5-u-flex-direction-column-on-xl {
     flex-direction: column !important;
   }
-  .pf-u-flex-direction-column-reverse-on-xl {
+  .pf-v5-u-flex-direction-column-reverse-on-xl {
     flex-direction: column-reverse !important;
   }
-  .pf-u-flex-direction-row-on-xl {
+  .pf-v5-u-flex-direction-row-on-xl {
     flex-direction: row !important;
   }
-  .pf-u-flex-direction-row-reverse-on-xl {
+  .pf-v5-u-flex-direction-row-reverse-on-xl {
     flex-direction: row-reverse !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-flex-direction-column-on-2xl {
+  .pf-v5-u-flex-direction-column-on-2xl {
     flex-direction: column !important;
   }
-  .pf-u-flex-direction-column-reverse-on-2xl {
+  .pf-v5-u-flex-direction-column-reverse-on-2xl {
     flex-direction: column-reverse !important;
   }
-  .pf-u-flex-direction-row-on-2xl {
+  .pf-v5-u-flex-direction-row-on-2xl {
     flex-direction: row !important;
   }
-  .pf-u-flex-direction-row-reverse-on-2xl {
+  .pf-v5-u-flex-direction-row-reverse-on-2xl {
     flex-direction: row-reverse !important;
   }
 }
-.pf-u-flex-wrap {
+.pf-v5-u-flex-wrap {
   flex-wrap: wrap !important;
 }
 
-.pf-u-flex-nowrap {
+.pf-v5-u-flex-nowrap {
   flex-wrap: nowrap !important;
 }
 
-.pf-u-flex-wrap-reverse {
+.pf-v5-u-flex-wrap-reverse {
   flex-wrap: wrap-reverse !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-flex-wrap-on-sm {
+  .pf-v5-u-flex-wrap-on-sm {
     flex-wrap: wrap !important;
   }
-  .pf-u-flex-nowrap-on-sm {
+  .pf-v5-u-flex-nowrap-on-sm {
     flex-wrap: nowrap !important;
   }
-  .pf-u-flex-wrap-reverse-on-sm {
+  .pf-v5-u-flex-wrap-reverse-on-sm {
     flex-wrap: wrap-reverse !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-flex-wrap-on-md {
+  .pf-v5-u-flex-wrap-on-md {
     flex-wrap: wrap !important;
   }
-  .pf-u-flex-nowrap-on-md {
+  .pf-v5-u-flex-nowrap-on-md {
     flex-wrap: nowrap !important;
   }
-  .pf-u-flex-wrap-reverse-on-md {
+  .pf-v5-u-flex-wrap-reverse-on-md {
     flex-wrap: wrap-reverse !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-flex-wrap-on-lg {
+  .pf-v5-u-flex-wrap-on-lg {
     flex-wrap: wrap !important;
   }
-  .pf-u-flex-nowrap-on-lg {
+  .pf-v5-u-flex-nowrap-on-lg {
     flex-wrap: nowrap !important;
   }
-  .pf-u-flex-wrap-reverse-on-lg {
+  .pf-v5-u-flex-wrap-reverse-on-lg {
     flex-wrap: wrap-reverse !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-flex-wrap-on-xl {
+  .pf-v5-u-flex-wrap-on-xl {
     flex-wrap: wrap !important;
   }
-  .pf-u-flex-nowrap-on-xl {
+  .pf-v5-u-flex-nowrap-on-xl {
     flex-wrap: nowrap !important;
   }
-  .pf-u-flex-wrap-reverse-on-xl {
+  .pf-v5-u-flex-wrap-reverse-on-xl {
     flex-wrap: wrap-reverse !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-flex-wrap-on-2xl {
+  .pf-v5-u-flex-wrap-on-2xl {
     flex-wrap: wrap !important;
   }
-  .pf-u-flex-nowrap-on-2xl {
+  .pf-v5-u-flex-nowrap-on-2xl {
     flex-wrap: nowrap !important;
   }
-  .pf-u-flex-wrap-reverse-on-2xl {
+  .pf-v5-u-flex-wrap-reverse-on-2xl {
     flex-wrap: wrap-reverse !important;
   }
 }
-.pf-u-align-items-flex-start {
+.pf-v5-u-align-items-flex-start {
   align-items: flex-start !important;
 }
 
-.pf-u-align-items-flex-end {
+.pf-v5-u-align-items-flex-end {
   align-items: flex-end !important;
 }
 
-.pf-u-align-items-center {
+.pf-v5-u-align-items-center {
   align-items: center !important;
 }
 
-.pf-u-align-items-baseline {
+.pf-v5-u-align-items-baseline {
   align-items: baseline !important;
 }
 
-.pf-u-align-items-stretch {
+.pf-v5-u-align-items-stretch {
   align-items: stretch !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-align-items-flex-start-on-sm {
+  .pf-v5-u-align-items-flex-start-on-sm {
     align-items: flex-start !important;
   }
-  .pf-u-align-items-flex-end-on-sm {
+  .pf-v5-u-align-items-flex-end-on-sm {
     align-items: flex-end !important;
   }
-  .pf-u-align-items-center-on-sm {
+  .pf-v5-u-align-items-center-on-sm {
     align-items: center !important;
   }
-  .pf-u-align-items-baseline-on-sm {
+  .pf-v5-u-align-items-baseline-on-sm {
     align-items: baseline !important;
   }
-  .pf-u-align-items-stretch-on-sm {
+  .pf-v5-u-align-items-stretch-on-sm {
     align-items: stretch !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-align-items-flex-start-on-md {
+  .pf-v5-u-align-items-flex-start-on-md {
     align-items: flex-start !important;
   }
-  .pf-u-align-items-flex-end-on-md {
+  .pf-v5-u-align-items-flex-end-on-md {
     align-items: flex-end !important;
   }
-  .pf-u-align-items-center-on-md {
+  .pf-v5-u-align-items-center-on-md {
     align-items: center !important;
   }
-  .pf-u-align-items-baseline-on-md {
+  .pf-v5-u-align-items-baseline-on-md {
     align-items: baseline !important;
   }
-  .pf-u-align-items-stretch-on-md {
+  .pf-v5-u-align-items-stretch-on-md {
     align-items: stretch !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-align-items-flex-start-on-lg {
+  .pf-v5-u-align-items-flex-start-on-lg {
     align-items: flex-start !important;
   }
-  .pf-u-align-items-flex-end-on-lg {
+  .pf-v5-u-align-items-flex-end-on-lg {
     align-items: flex-end !important;
   }
-  .pf-u-align-items-center-on-lg {
+  .pf-v5-u-align-items-center-on-lg {
     align-items: center !important;
   }
-  .pf-u-align-items-baseline-on-lg {
+  .pf-v5-u-align-items-baseline-on-lg {
     align-items: baseline !important;
   }
-  .pf-u-align-items-stretch-on-lg {
+  .pf-v5-u-align-items-stretch-on-lg {
     align-items: stretch !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-align-items-flex-start-on-xl {
+  .pf-v5-u-align-items-flex-start-on-xl {
     align-items: flex-start !important;
   }
-  .pf-u-align-items-flex-end-on-xl {
+  .pf-v5-u-align-items-flex-end-on-xl {
     align-items: flex-end !important;
   }
-  .pf-u-align-items-center-on-xl {
+  .pf-v5-u-align-items-center-on-xl {
     align-items: center !important;
   }
-  .pf-u-align-items-baseline-on-xl {
+  .pf-v5-u-align-items-baseline-on-xl {
     align-items: baseline !important;
   }
-  .pf-u-align-items-stretch-on-xl {
+  .pf-v5-u-align-items-stretch-on-xl {
     align-items: stretch !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-align-items-flex-start-on-2xl {
+  .pf-v5-u-align-items-flex-start-on-2xl {
     align-items: flex-start !important;
   }
-  .pf-u-align-items-flex-end-on-2xl {
+  .pf-v5-u-align-items-flex-end-on-2xl {
     align-items: flex-end !important;
   }
-  .pf-u-align-items-center-on-2xl {
+  .pf-v5-u-align-items-center-on-2xl {
     align-items: center !important;
   }
-  .pf-u-align-items-baseline-on-2xl {
+  .pf-v5-u-align-items-baseline-on-2xl {
     align-items: baseline !important;
   }
-  .pf-u-align-items-stretch-on-2xl {
+  .pf-v5-u-align-items-stretch-on-2xl {
     align-items: stretch !important;
   }
 }
-.pf-u-align-self-flex-start {
+.pf-v5-u-align-self-flex-start {
   align-self: flex-start !important;
 }
 
-.pf-u-align-self-flex-end {
+.pf-v5-u-align-self-flex-end {
   align-self: flex-end !important;
 }
 
-.pf-u-align-self-center {
+.pf-v5-u-align-self-center {
   align-self: center !important;
 }
 
-.pf-u-align-self-baseline {
+.pf-v5-u-align-self-baseline {
   align-self: baseline !important;
 }
 
-.pf-u-align-self-stretch {
+.pf-v5-u-align-self-stretch {
   align-self: stretch !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-align-self-flex-start-on-sm {
+  .pf-v5-u-align-self-flex-start-on-sm {
     align-self: flex-start !important;
   }
-  .pf-u-align-self-flex-end-on-sm {
+  .pf-v5-u-align-self-flex-end-on-sm {
     align-self: flex-end !important;
   }
-  .pf-u-align-self-center-on-sm {
+  .pf-v5-u-align-self-center-on-sm {
     align-self: center !important;
   }
-  .pf-u-align-self-baseline-on-sm {
+  .pf-v5-u-align-self-baseline-on-sm {
     align-self: baseline !important;
   }
-  .pf-u-align-self-stretch-on-sm {
+  .pf-v5-u-align-self-stretch-on-sm {
     align-self: stretch !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-align-self-flex-start-on-md {
+  .pf-v5-u-align-self-flex-start-on-md {
     align-self: flex-start !important;
   }
-  .pf-u-align-self-flex-end-on-md {
+  .pf-v5-u-align-self-flex-end-on-md {
     align-self: flex-end !important;
   }
-  .pf-u-align-self-center-on-md {
+  .pf-v5-u-align-self-center-on-md {
     align-self: center !important;
   }
-  .pf-u-align-self-baseline-on-md {
+  .pf-v5-u-align-self-baseline-on-md {
     align-self: baseline !important;
   }
-  .pf-u-align-self-stretch-on-md {
+  .pf-v5-u-align-self-stretch-on-md {
     align-self: stretch !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-align-self-flex-start-on-lg {
+  .pf-v5-u-align-self-flex-start-on-lg {
     align-self: flex-start !important;
   }
-  .pf-u-align-self-flex-end-on-lg {
+  .pf-v5-u-align-self-flex-end-on-lg {
     align-self: flex-end !important;
   }
-  .pf-u-align-self-center-on-lg {
+  .pf-v5-u-align-self-center-on-lg {
     align-self: center !important;
   }
-  .pf-u-align-self-baseline-on-lg {
+  .pf-v5-u-align-self-baseline-on-lg {
     align-self: baseline !important;
   }
-  .pf-u-align-self-stretch-on-lg {
+  .pf-v5-u-align-self-stretch-on-lg {
     align-self: stretch !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-align-self-flex-start-on-xl {
+  .pf-v5-u-align-self-flex-start-on-xl {
     align-self: flex-start !important;
   }
-  .pf-u-align-self-flex-end-on-xl {
+  .pf-v5-u-align-self-flex-end-on-xl {
     align-self: flex-end !important;
   }
-  .pf-u-align-self-center-on-xl {
+  .pf-v5-u-align-self-center-on-xl {
     align-self: center !important;
   }
-  .pf-u-align-self-baseline-on-xl {
+  .pf-v5-u-align-self-baseline-on-xl {
     align-self: baseline !important;
   }
-  .pf-u-align-self-stretch-on-xl {
+  .pf-v5-u-align-self-stretch-on-xl {
     align-self: stretch !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-align-self-flex-start-on-2xl {
+  .pf-v5-u-align-self-flex-start-on-2xl {
     align-self: flex-start !important;
   }
-  .pf-u-align-self-flex-end-on-2xl {
+  .pf-v5-u-align-self-flex-end-on-2xl {
     align-self: flex-end !important;
   }
-  .pf-u-align-self-center-on-2xl {
+  .pf-v5-u-align-self-center-on-2xl {
     align-self: center !important;
   }
-  .pf-u-align-self-baseline-on-2xl {
+  .pf-v5-u-align-self-baseline-on-2xl {
     align-self: baseline !important;
   }
-  .pf-u-align-self-stretch-on-2xl {
+  .pf-v5-u-align-self-stretch-on-2xl {
     align-self: stretch !important;
   }
 }
-.pf-u-align-content-flex-start {
+.pf-v5-u-align-content-flex-start {
   align-content: flex-start !important;
 }
 
-.pf-u-align-content-flex-end {
+.pf-v5-u-align-content-flex-end {
   align-content: flex-end !important;
 }
 
-.pf-u-align-content-center {
+.pf-v5-u-align-content-center {
   align-content: center !important;
 }
 
-.pf-u-align-content-space-between {
+.pf-v5-u-align-content-space-between {
   align-content: space-between !important;
 }
 
-.pf-u-align-content-space-around {
+.pf-v5-u-align-content-space-around {
   align-content: space-around !important;
 }
 
-.pf-u-align-content-stretch {
+.pf-v5-u-align-content-stretch {
   align-content: stretch !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-align-content-flex-start-on-sm {
+  .pf-v5-u-align-content-flex-start-on-sm {
     align-content: flex-start !important;
   }
-  .pf-u-align-content-flex-end-on-sm {
+  .pf-v5-u-align-content-flex-end-on-sm {
     align-content: flex-end !important;
   }
-  .pf-u-align-content-center-on-sm {
+  .pf-v5-u-align-content-center-on-sm {
     align-content: center !important;
   }
-  .pf-u-align-content-space-between-on-sm {
+  .pf-v5-u-align-content-space-between-on-sm {
     align-content: space-between !important;
   }
-  .pf-u-align-content-space-around-on-sm {
+  .pf-v5-u-align-content-space-around-on-sm {
     align-content: space-around !important;
   }
-  .pf-u-align-content-stretch-on-sm {
+  .pf-v5-u-align-content-stretch-on-sm {
     align-content: stretch !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-align-content-flex-start-on-md {
+  .pf-v5-u-align-content-flex-start-on-md {
     align-content: flex-start !important;
   }
-  .pf-u-align-content-flex-end-on-md {
+  .pf-v5-u-align-content-flex-end-on-md {
     align-content: flex-end !important;
   }
-  .pf-u-align-content-center-on-md {
+  .pf-v5-u-align-content-center-on-md {
     align-content: center !important;
   }
-  .pf-u-align-content-space-between-on-md {
+  .pf-v5-u-align-content-space-between-on-md {
     align-content: space-between !important;
   }
-  .pf-u-align-content-space-around-on-md {
+  .pf-v5-u-align-content-space-around-on-md {
     align-content: space-around !important;
   }
-  .pf-u-align-content-stretch-on-md {
+  .pf-v5-u-align-content-stretch-on-md {
     align-content: stretch !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-align-content-flex-start-on-lg {
+  .pf-v5-u-align-content-flex-start-on-lg {
     align-content: flex-start !important;
   }
-  .pf-u-align-content-flex-end-on-lg {
+  .pf-v5-u-align-content-flex-end-on-lg {
     align-content: flex-end !important;
   }
-  .pf-u-align-content-center-on-lg {
+  .pf-v5-u-align-content-center-on-lg {
     align-content: center !important;
   }
-  .pf-u-align-content-space-between-on-lg {
+  .pf-v5-u-align-content-space-between-on-lg {
     align-content: space-between !important;
   }
-  .pf-u-align-content-space-around-on-lg {
+  .pf-v5-u-align-content-space-around-on-lg {
     align-content: space-around !important;
   }
-  .pf-u-align-content-stretch-on-lg {
+  .pf-v5-u-align-content-stretch-on-lg {
     align-content: stretch !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-align-content-flex-start-on-xl {
+  .pf-v5-u-align-content-flex-start-on-xl {
     align-content: flex-start !important;
   }
-  .pf-u-align-content-flex-end-on-xl {
+  .pf-v5-u-align-content-flex-end-on-xl {
     align-content: flex-end !important;
   }
-  .pf-u-align-content-center-on-xl {
+  .pf-v5-u-align-content-center-on-xl {
     align-content: center !important;
   }
-  .pf-u-align-content-space-between-on-xl {
+  .pf-v5-u-align-content-space-between-on-xl {
     align-content: space-between !important;
   }
-  .pf-u-align-content-space-around-on-xl {
+  .pf-v5-u-align-content-space-around-on-xl {
     align-content: space-around !important;
   }
-  .pf-u-align-content-stretch-on-xl {
+  .pf-v5-u-align-content-stretch-on-xl {
     align-content: stretch !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-align-content-flex-start-on-2xl {
+  .pf-v5-u-align-content-flex-start-on-2xl {
     align-content: flex-start !important;
   }
-  .pf-u-align-content-flex-end-on-2xl {
+  .pf-v5-u-align-content-flex-end-on-2xl {
     align-content: flex-end !important;
   }
-  .pf-u-align-content-center-on-2xl {
+  .pf-v5-u-align-content-center-on-2xl {
     align-content: center !important;
   }
-  .pf-u-align-content-space-between-on-2xl {
+  .pf-v5-u-align-content-space-between-on-2xl {
     align-content: space-between !important;
   }
-  .pf-u-align-content-space-around-on-2xl {
+  .pf-v5-u-align-content-space-around-on-2xl {
     align-content: space-around !important;
   }
-  .pf-u-align-content-stretch-on-2xl {
+  .pf-v5-u-align-content-stretch-on-2xl {
     align-content: stretch !important;
   }
 }
-.pf-u-justify-content-flex-start {
+.pf-v5-u-justify-content-flex-start {
   justify-content: flex-start !important;
 }
 
-.pf-u-justify-content-flex-end {
+.pf-v5-u-justify-content-flex-end {
   justify-content: flex-end !important;
 }
 
-.pf-u-justify-content-center {
+.pf-v5-u-justify-content-center {
   justify-content: center !important;
 }
 
-.pf-u-justify-content-space-between {
+.pf-v5-u-justify-content-space-between {
   justify-content: space-between !important;
 }
 
-.pf-u-justify-content-space-around {
+.pf-v5-u-justify-content-space-around {
   justify-content: space-around !important;
 }
 
-.pf-u-justify-content-stretch {
+.pf-v5-u-justify-content-stretch {
   justify-content: stretch !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-justify-content-flex-start-on-sm {
+  .pf-v5-u-justify-content-flex-start-on-sm {
     justify-content: flex-start !important;
   }
-  .pf-u-justify-content-flex-end-on-sm {
+  .pf-v5-u-justify-content-flex-end-on-sm {
     justify-content: flex-end !important;
   }
-  .pf-u-justify-content-center-on-sm {
+  .pf-v5-u-justify-content-center-on-sm {
     justify-content: center !important;
   }
-  .pf-u-justify-content-space-between-on-sm {
+  .pf-v5-u-justify-content-space-between-on-sm {
     justify-content: space-between !important;
   }
-  .pf-u-justify-content-space-around-on-sm {
+  .pf-v5-u-justify-content-space-around-on-sm {
     justify-content: space-around !important;
   }
-  .pf-u-justify-content-stretch-on-sm {
+  .pf-v5-u-justify-content-stretch-on-sm {
     justify-content: stretch !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-justify-content-flex-start-on-md {
+  .pf-v5-u-justify-content-flex-start-on-md {
     justify-content: flex-start !important;
   }
-  .pf-u-justify-content-flex-end-on-md {
+  .pf-v5-u-justify-content-flex-end-on-md {
     justify-content: flex-end !important;
   }
-  .pf-u-justify-content-center-on-md {
+  .pf-v5-u-justify-content-center-on-md {
     justify-content: center !important;
   }
-  .pf-u-justify-content-space-between-on-md {
+  .pf-v5-u-justify-content-space-between-on-md {
     justify-content: space-between !important;
   }
-  .pf-u-justify-content-space-around-on-md {
+  .pf-v5-u-justify-content-space-around-on-md {
     justify-content: space-around !important;
   }
-  .pf-u-justify-content-stretch-on-md {
+  .pf-v5-u-justify-content-stretch-on-md {
     justify-content: stretch !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-justify-content-flex-start-on-lg {
+  .pf-v5-u-justify-content-flex-start-on-lg {
     justify-content: flex-start !important;
   }
-  .pf-u-justify-content-flex-end-on-lg {
+  .pf-v5-u-justify-content-flex-end-on-lg {
     justify-content: flex-end !important;
   }
-  .pf-u-justify-content-center-on-lg {
+  .pf-v5-u-justify-content-center-on-lg {
     justify-content: center !important;
   }
-  .pf-u-justify-content-space-between-on-lg {
+  .pf-v5-u-justify-content-space-between-on-lg {
     justify-content: space-between !important;
   }
-  .pf-u-justify-content-space-around-on-lg {
+  .pf-v5-u-justify-content-space-around-on-lg {
     justify-content: space-around !important;
   }
-  .pf-u-justify-content-stretch-on-lg {
+  .pf-v5-u-justify-content-stretch-on-lg {
     justify-content: stretch !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-justify-content-flex-start-on-xl {
+  .pf-v5-u-justify-content-flex-start-on-xl {
     justify-content: flex-start !important;
   }
-  .pf-u-justify-content-flex-end-on-xl {
+  .pf-v5-u-justify-content-flex-end-on-xl {
     justify-content: flex-end !important;
   }
-  .pf-u-justify-content-center-on-xl {
+  .pf-v5-u-justify-content-center-on-xl {
     justify-content: center !important;
   }
-  .pf-u-justify-content-space-between-on-xl {
+  .pf-v5-u-justify-content-space-between-on-xl {
     justify-content: space-between !important;
   }
-  .pf-u-justify-content-space-around-on-xl {
+  .pf-v5-u-justify-content-space-around-on-xl {
     justify-content: space-around !important;
   }
-  .pf-u-justify-content-stretch-on-xl {
+  .pf-v5-u-justify-content-stretch-on-xl {
     justify-content: stretch !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-justify-content-flex-start-on-2xl {
+  .pf-v5-u-justify-content-flex-start-on-2xl {
     justify-content: flex-start !important;
   }
-  .pf-u-justify-content-flex-end-on-2xl {
+  .pf-v5-u-justify-content-flex-end-on-2xl {
     justify-content: flex-end !important;
   }
-  .pf-u-justify-content-center-on-2xl {
+  .pf-v5-u-justify-content-center-on-2xl {
     justify-content: center !important;
   }
-  .pf-u-justify-content-space-between-on-2xl {
+  .pf-v5-u-justify-content-space-between-on-2xl {
     justify-content: space-between !important;
   }
-  .pf-u-justify-content-space-around-on-2xl {
+  .pf-v5-u-justify-content-space-around-on-2xl {
     justify-content: space-around !important;
   }
-  .pf-u-justify-content-stretch-on-2xl {
+  .pf-v5-u-justify-content-stretch-on-2xl {
     justify-content: stretch !important;
   }
 }
-.pf-u-flex-shrink-1 {
+.pf-v5-u-flex-shrink-1 {
   flex-shrink: 1 !important;
 }
 
-.pf-u-flex-grow-1 {
+.pf-v5-u-flex-grow-1 {
   flex-grow: 1 !important;
 }
 
-.pf-u-flex-shrink-0 {
+.pf-v5-u-flex-shrink-0 {
   flex-shrink: 0 !important;
 }
 
-.pf-u-flex-grow-0 {
+.pf-v5-u-flex-grow-0 {
   flex-grow: 0 !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-flex-shrink-1-on-sm {
+  .pf-v5-u-flex-shrink-1-on-sm {
     flex-shrink: 1 !important;
   }
-  .pf-u-flex-grow-1-on-sm {
+  .pf-v5-u-flex-grow-1-on-sm {
     flex-grow: 1 !important;
   }
-  .pf-u-flex-shrink-0-on-sm {
+  .pf-v5-u-flex-shrink-0-on-sm {
     flex-shrink: 0 !important;
   }
-  .pf-u-flex-grow-0-on-sm {
+  .pf-v5-u-flex-grow-0-on-sm {
     flex-grow: 0 !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-flex-shrink-1-on-md {
+  .pf-v5-u-flex-shrink-1-on-md {
     flex-shrink: 1 !important;
   }
-  .pf-u-flex-grow-1-on-md {
+  .pf-v5-u-flex-grow-1-on-md {
     flex-grow: 1 !important;
   }
-  .pf-u-flex-shrink-0-on-md {
+  .pf-v5-u-flex-shrink-0-on-md {
     flex-shrink: 0 !important;
   }
-  .pf-u-flex-grow-0-on-md {
+  .pf-v5-u-flex-grow-0-on-md {
     flex-grow: 0 !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-flex-shrink-1-on-lg {
+  .pf-v5-u-flex-shrink-1-on-lg {
     flex-shrink: 1 !important;
   }
-  .pf-u-flex-grow-1-on-lg {
+  .pf-v5-u-flex-grow-1-on-lg {
     flex-grow: 1 !important;
   }
-  .pf-u-flex-shrink-0-on-lg {
+  .pf-v5-u-flex-shrink-0-on-lg {
     flex-shrink: 0 !important;
   }
-  .pf-u-flex-grow-0-on-lg {
+  .pf-v5-u-flex-grow-0-on-lg {
     flex-grow: 0 !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-flex-shrink-1-on-xl {
+  .pf-v5-u-flex-shrink-1-on-xl {
     flex-shrink: 1 !important;
   }
-  .pf-u-flex-grow-1-on-xl {
+  .pf-v5-u-flex-grow-1-on-xl {
     flex-grow: 1 !important;
   }
-  .pf-u-flex-shrink-0-on-xl {
+  .pf-v5-u-flex-shrink-0-on-xl {
     flex-shrink: 0 !important;
   }
-  .pf-u-flex-grow-0-on-xl {
+  .pf-v5-u-flex-grow-0-on-xl {
     flex-grow: 0 !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-flex-shrink-1-on-2xl {
+  .pf-v5-u-flex-shrink-1-on-2xl {
     flex-shrink: 1 !important;
   }
-  .pf-u-flex-grow-1-on-2xl {
+  .pf-v5-u-flex-grow-1-on-2xl {
     flex-grow: 1 !important;
   }
-  .pf-u-flex-shrink-0-on-2xl {
+  .pf-v5-u-flex-shrink-0-on-2xl {
     flex-shrink: 0 !important;
   }
-  .pf-u-flex-grow-0-on-2xl {
+  .pf-v5-u-flex-grow-0-on-2xl {
     flex-grow: 0 !important;
   }
 }
-.pf-u-flex-basis-0 {
+.pf-v5-u-flex-basis-0 {
   flex-basis: 0 !important;
 }
 
-.pf-u-flex-basis-auto {
+.pf-v5-u-flex-basis-auto {
   flex-basis: auto !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-flex-basis-0-on-sm {
+  .pf-v5-u-flex-basis-0-on-sm {
     flex-basis: 0 !important;
   }
-  .pf-u-flex-basis-auto-on-sm {
+  .pf-v5-u-flex-basis-auto-on-sm {
     flex-basis: auto !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-flex-basis-0-on-md {
+  .pf-v5-u-flex-basis-0-on-md {
     flex-basis: 0 !important;
   }
-  .pf-u-flex-basis-auto-on-md {
+  .pf-v5-u-flex-basis-auto-on-md {
     flex-basis: auto !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-flex-basis-0-on-lg {
+  .pf-v5-u-flex-basis-0-on-lg {
     flex-basis: 0 !important;
   }
-  .pf-u-flex-basis-auto-on-lg {
+  .pf-v5-u-flex-basis-auto-on-lg {
     flex-basis: auto !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-flex-basis-0-on-xl {
+  .pf-v5-u-flex-basis-0-on-xl {
     flex-basis: 0 !important;
   }
-  .pf-u-flex-basis-auto-on-xl {
+  .pf-v5-u-flex-basis-auto-on-xl {
     flex-basis: auto !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-flex-basis-0-on-2xl {
+  .pf-v5-u-flex-basis-0-on-2xl {
     flex-basis: 0 !important;
   }
-  .pf-u-flex-basis-auto-on-2xl {
+  .pf-v5-u-flex-basis-auto-on-2xl {
     flex-basis: auto !important;
   }
 }
-.pf-u-flex-none {
+.pf-v5-u-flex-none {
   flex: none !important;
 }
 
-.pf-u-flex-1 {
+.pf-v5-u-flex-1 {
   flex: 1 !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-flex-none-on-sm {
+  .pf-v5-u-flex-none-on-sm {
     flex: none !important;
   }
-  .pf-u-flex-1-on-sm {
+  .pf-v5-u-flex-1-on-sm {
     flex: 1 !important;
   }
 }
 @media screen and (min-width: 768px) {
-  .pf-u-flex-none-on-md {
+  .pf-v5-u-flex-none-on-md {
     flex: none !important;
   }
-  .pf-u-flex-1-on-md {
+  .pf-v5-u-flex-1-on-md {
     flex: 1 !important;
   }
 }
 @media screen and (min-width: 992px) {
-  .pf-u-flex-none-on-lg {
+  .pf-v5-u-flex-none-on-lg {
     flex: none !important;
   }
-  .pf-u-flex-1-on-lg {
+  .pf-v5-u-flex-1-on-lg {
     flex: 1 !important;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-u-flex-none-on-xl {
+  .pf-v5-u-flex-none-on-xl {
     flex: none !important;
   }
-  .pf-u-flex-1-on-xl {
+  .pf-v5-u-flex-1-on-xl {
     flex: 1 !important;
   }
 }
 @media screen and (min-width: 1450px) {
-  .pf-u-flex-none-on-2xl {
+  .pf-v5-u-flex-none-on-2xl {
     flex: none !important;
   }
-  .pf-u-flex-1-on-2xl {
+  .pf-v5-u-flex-1-on-2xl {
     flex: 1 !important;
   }
 }
-.pf-u-flex-fill {
+.pf-v5-u-flex-fill {
   flex: 1 1 auto !important;
 }
 
 @media screen and (min-width: 576px) {
-  .pf-u-flex-fill-on-sm {
+  .pf-v5-u-flex-fill-on-sm {
     flex: 1 1 auto !important;
   }
 }
 
 @media screen and (min-width: 768px) {
-  .pf-u-flex-fill-on-md {
+  .pf-v5-u-flex-fill-on-md {
     flex: 1 1 auto !important;
   }
 }
 
 @media screen and (min-width: 992px) {
-  .pf-u-flex-fill-on-lg {
+  .pf-v5-u-flex-fill-on-lg {
     flex: 1 1 auto !important;
   }
 }
 
 @media screen and (min-width: 1200px) {
-  .pf-u-flex-fill-on-xl {
+  .pf-v5-u-flex-fill-on-xl {
     flex: 1 1 auto !important;
   }
 }
 
 @media screen and (min-width: 1450px) {
-  .pf-u-flex-fill-on-2xl {
+  .pf-v5-u-flex-fill-on-2xl {
     flex: 1 1 auto !important;
   }
 }