@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.31

package/css/layouts/_index.css

@@ -52,27 +52,27 @@
   max-width: 100%;
   margin-inline-end: var(--pf-v6-l-flex--spacer--column);
 }
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-l-flex > * {
     order: var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order));
   }
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-l-flex > * {
     order: var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order)));
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-l-flex > * {
     order: var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order))));
   }
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-l-flex > * {
     order: var(--pf-v6-l-flex--item--Order-on-xl, var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order)))));
   }
 }
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-l-flex > * {
     order: var(--pf-v6-l-flex--item--Order-on-2xl, var(--pf-v6-l-flex--item--Order-on-xl, var(--pf-v6-l-flex--item--Order-on-lg, var(--pf-v6-l-flex--item--Order-on-md, var(--pf-v6-l-flex--item--Order-on-sm, var(--pf-v6-l-flex--item--Order))))));
   }
@@ -238,7 +238,7 @@
 .pf-v6-l-flex > .pf-m-align-self-stretch {
   align-self: stretch;
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-flex.pf-m-flex-on-sm {
     display: var(--pf-v6-l-flex--Display);
   }
@@ -397,7 +397,7 @@
     align-self: stretch;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-flex.pf-m-flex-on-md {
     display: var(--pf-v6-l-flex--Display);
   }
@@ -556,7 +556,7 @@
     align-self: stretch;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-flex.pf-m-flex-on-lg {
     display: var(--pf-v6-l-flex--Display);
   }
@@ -715,7 +715,7 @@
     align-self: stretch;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-flex.pf-m-flex-on-xl {
     display: var(--pf-v6-l-flex--Display);
   }
@@ -874,7 +874,7 @@
     align-self: stretch;
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-flex.pf-m-flex-on-2xl {
     display: var(--pf-v6-l-flex--Display);
   }
@@ -1087,7 +1087,7 @@
 .pf-v6-l-flex.pf-m-space-items-4xl > :last-child {
   --pf-v6-l-flex--spacer: 0;
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-flex.pf-m-space-items-none-on-sm > * {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1143,7 +1143,7 @@
     --pf-v6-l-flex--spacer: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-flex.pf-m-space-items-none-on-md > * {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1199,7 +1199,7 @@
     --pf-v6-l-flex--spacer: 0;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-flex.pf-m-space-items-none-on-lg > * {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1255,7 +1255,7 @@
     --pf-v6-l-flex--spacer: 0;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-flex.pf-m-space-items-none-on-xl > * {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1311,7 +1311,7 @@
     --pf-v6-l-flex--spacer: 0;
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-flex.pf-m-space-items-none-on-2xl > * {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1421,7 +1421,7 @@
 .pf-v6-l-flex .pf-m-spacer-4xl:last-child {
   --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-flex .pf-m-spacer-none-on-sm {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1477,7 +1477,7 @@
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-flex .pf-m-spacer-none-on-md {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1533,7 +1533,7 @@
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-flex .pf-m-spacer-none-on-lg {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1589,7 +1589,7 @@
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-flex .pf-m-spacer-none-on-xl {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1645,7 +1645,7 @@
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--4xl);
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-flex .pf-m-spacer-none-on-2xl {
     --pf-v6-l-flex--spacer: var(--pf-v6-l-flex--spacer--none);
   }
@@ -1745,7 +1745,7 @@
   --pf-v6-l-flex--spacer--row: 0;
   --pf-v6-l-flex--spacer--column: 0;
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-flex.pf-m-gap-on-sm {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
@@ -1791,7 +1791,7 @@
     --pf-v6-l-flex--spacer--column: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-flex.pf-m-gap-on-md {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
@@ -1837,7 +1837,7 @@
     --pf-v6-l-flex--spacer--column: 0;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-flex.pf-m-gap-on-lg {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
@@ -1883,7 +1883,7 @@
     --pf-v6-l-flex--spacer--column: 0;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-flex.pf-m-gap-on-xl {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
@@ -1929,7 +1929,7 @@
     --pf-v6-l-flex--spacer--column: 0;
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-flex.pf-m-gap-on-2xl {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-gap--RowGap);
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-gap--ColumnGap);
@@ -2008,7 +2008,7 @@
 .pf-v6-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
   --pf-v6-l-flex--spacer--row: 0;
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-flex.pf-m-row-gap-on-sm {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
   }
@@ -2043,7 +2043,7 @@
     --pf-v6-l-flex--spacer--row: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-flex.pf-m-row-gap-on-md {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
   }
@@ -2078,7 +2078,7 @@
     --pf-v6-l-flex--spacer--row: 0;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-flex.pf-m-row-gap-on-lg {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
   }
@@ -2113,7 +2113,7 @@
     --pf-v6-l-flex--spacer--row: 0;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-flex.pf-m-row-gap-on-xl {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
   }
@@ -2148,7 +2148,7 @@
     --pf-v6-l-flex--spacer--row: 0;
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-flex.pf-m-row-gap-on-2xl {
     --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--m-row-gap--RowGap);
   }
@@ -2216,7 +2216,7 @@
 .pf-v6-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
   --pf-v6-l-flex--spacer--column: 0;
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-flex.pf-m-column-gap-on-sm {
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
   }
@@ -2251,7 +2251,7 @@
     --pf-v6-l-flex--spacer--column: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-flex.pf-m-column-gap-on-md {
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
   }
@@ -2286,7 +2286,7 @@
     --pf-v6-l-flex--spacer--column: 0;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-flex.pf-m-column-gap-on-lg {
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
   }
@@ -2321,7 +2321,7 @@
     --pf-v6-l-flex--spacer--column: 0;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-flex.pf-m-column-gap-on-xl {
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
   }
@@ -2356,7 +2356,7 @@
     --pf-v6-l-flex--spacer--column: 0;
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-flex.pf-m-column-gap-on-2xl {
     --pf-v6-l-flex--ColumnGap: var(--pf-v6-l-flex--m-column-gap--ColumnGap);
   }
@@ -2412,52 +2412,52 @@
 .pf-v6-l-gallery.pf-m-gutter {
   grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
   }
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-gallery {
     --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
   }
@@ -2482,31 +2482,31 @@
   min-height: 0;
   order: var(--pf-v6-l-grid--item--Order);
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-l-grid > *,
   .pf-v6-l-grid .pf-v6-l-grid__item {
     order: var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order));
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-l-grid > *,
   .pf-v6-l-grid .pf-v6-l-grid__item {
     order: var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order)));
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-l-grid > *,
   .pf-v6-l-grid .pf-v6-l-grid__item {
     order: var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order))));
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-l-grid > *,
   .pf-v6-l-grid .pf-v6-l-grid__item {
     order: var(--pf-v6-l-grid--item--Order-on-xl, var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order)))));
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-l-grid > *,
   .pf-v6-l-grid .pf-v6-l-grid__item {
     order: var(--pf-v6-l-grid--item--Order-on-2xl, var(--pf-v6-l-grid--item--Order-on-xl, var(--pf-v6-l-grid--item--Order-on-lg, var(--pf-v6-l-grid--item--Order-on-md, var(--pf-v6-l-grid--item--Order-on-sm, var(--pf-v6-l-grid--item--Order))))));
@@ -2548,7 +2548,7 @@
 .pf-v6-l-grid.pf-m-all-12-col > * {
   --pf-v6-l-grid__item--GridColumnEnd: span 12;
 }
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-l-grid.pf-m-all-1-col-on-sm > * {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -2586,7 +2586,7 @@
     --pf-v6-l-grid__item--GridColumnEnd: span 12;
   }
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-l-grid.pf-m-all-1-col-on-md > * {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -2624,7 +2624,7 @@
     --pf-v6-l-grid__item--GridColumnEnd: span 12;
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-l-grid.pf-m-all-1-col-on-lg > * {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -2662,7 +2662,7 @@
     --pf-v6-l-grid__item--GridColumnEnd: span 12;
   }
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-l-grid.pf-m-all-1-col-on-xl > * {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -2700,7 +2700,7 @@
     --pf-v6-l-grid__item--GridColumnEnd: span 12;
   }
 }
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-l-grid.pf-m-all-1-col-on-2xl > * {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -2846,7 +2846,7 @@
 .pf-v6-l-grid > .pf-m-12-row {
   grid-row: span 12;
 }
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-l-grid > .pf-m-1-col-on-sm {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -2956,7 +2956,7 @@
     grid-row: span 12;
   }
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-l-grid > .pf-m-1-col-on-md {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -3066,7 +3066,7 @@
     grid-row: span 12;
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-l-grid > .pf-m-1-col-on-lg {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -3176,7 +3176,7 @@
     grid-row: span 12;
   }
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-l-grid > .pf-m-1-col-on-xl {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }
@@ -3286,7 +3286,7 @@
     grid-row: span 12;
   }
 }
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-l-grid > .pf-m-1-col-on-2xl {
     --pf-v6-l-grid__item--GridColumnEnd: span 1;
   }

package/css/utilities/Accessibility/accessibility.css

@@ -20,7 +20,7 @@
   display: none !important;
 }
 
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-u-screen-reader-on-sm {
     position: fixed;
     inset-block-start: 0;
@@ -32,7 +32,7 @@
   }
 }
 
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-u-visible-on-sm {
     position: static;
     overflow: visible;
@@ -42,13 +42,13 @@
   }
 }
 
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-u-hidden-on-sm {
     display: none !important;
   }
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-u-screen-reader-on-md {
     position: fixed;
     inset-block-start: 0;
@@ -60,7 +60,7 @@
   }
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-u-visible-on-md {
     position: static;
     overflow: visible;
@@ -70,13 +70,13 @@
   }
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-u-hidden-on-md {
     display: none !important;
   }
 }
 
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-u-screen-reader-on-lg {
     position: fixed;
     inset-block-start: 0;
@@ -88,7 +88,7 @@
   }
 }
 
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-u-visible-on-lg {
     position: static;
     overflow: visible;
@@ -98,13 +98,13 @@
   }
 }
 
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-u-hidden-on-lg {
     display: none !important;
   }
 }
 
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-u-screen-reader-on-xl {
     position: fixed;
     inset-block-start: 0;
@@ -116,7 +116,7 @@
   }
 }
 
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-u-visible-on-xl {
     position: static;
     overflow: visible;
@@ -126,13 +126,13 @@
   }
 }
 
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-u-hidden-on-xl {
     display: none !important;
   }
 }
 
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-u-screen-reader-on-2xl {
     position: fixed;
     inset-block-start: 0;
@@ -144,7 +144,7 @@
   }
 }
 
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-u-visible-on-2xl {
     position: static;
     overflow: visible;
@@ -154,7 +154,7 @@
   }
 }
 
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-u-hidden-on-2xl {
     display: none !important;
   }

package/css/utilities/Alignment/alignment.css

@@ -14,7 +14,7 @@
   text-align: justify !important;
 }
 
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-u-text-align-start-on-sm {
     text-align: start !important;
   }
@@ -28,7 +28,7 @@
     text-align: justify !important;
   }
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-u-text-align-start-on-md {
     text-align: start !important;
   }
@@ -42,7 +42,7 @@
     text-align: justify !important;
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-u-text-align-start-on-lg {
     text-align: start !important;
   }
@@ -56,7 +56,7 @@
     text-align: justify !important;
   }
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-u-text-align-start-on-xl {
     text-align: start !important;
   }
@@ -70,7 +70,7 @@
     text-align: justify !important;
   }
 }
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-u-text-align-start-on-2xl {
     text-align: start !important;
   }

package/css/utilities/BackgroundColor/background-color.css

@@ -10,7 +10,7 @@
   background-color: var(--pf-t--global--background--color--highlight--default) !important;
 }
 
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-u-background-color-disabled-on-sm {
     background-color: var(--pf-t--global--background--color--disabled--default) !important;
   }
@@ -21,7 +21,7 @@
     background-color: var(--pf-t--global--background--color--highlight--default) !important;
   }
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-u-background-color-disabled-on-md {
     background-color: var(--pf-t--global--background--color--disabled--default) !important;
   }
@@ -32,7 +32,7 @@
     background-color: var(--pf-t--global--background--color--highlight--default) !important;
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-u-background-color-disabled-on-lg {
     background-color: var(--pf-t--global--background--color--disabled--default) !important;
   }
@@ -43,7 +43,7 @@
     background-color: var(--pf-t--global--background--color--highlight--default) !important;
   }
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-u-background-color-disabled-on-xl {
     background-color: var(--pf-t--global--background--color--disabled--default) !important;
   }
@@ -54,7 +54,7 @@
     background-color: var(--pf-t--global--background--color--highlight--default) !important;
   }
 }
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-u-background-color-disabled-on-2xl {
     background-color: var(--pf-t--global--background--color--disabled--default) !important;
   }