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

package/css/components/_index.d.ts

@@ -653,9 +653,11 @@ declare const _default: {
     "fullWidth": "pf-m-full-width",
     "splitButton": "pf-m-split-button",
     "typeahead": "pf-m-typeahead",
+    "text": "pf-m-text",
     "alignTop": "pf-m-align-top",
     "help": "pf-m-help",
     "overflowHidden": "pf-m-overflow-hidden",
+    "inset": "pf-m-inset",
     "subnav": "pf-m-subnav",
     "hoverable": "pf-m-hoverable",
     "buttonGroup": "pf-m-button-group",
@@ -1164,8 +1166,6 @@ declare const _default: {
   "pageMainContainer": "pf-v6-c-page__main-container",
   "pageMainDrawer": "pf-v6-c-page__main-drawer",
   "pageMainGroup": "pf-v6-c-page__main-group",
-  "pageMainList": "pf-v6-c-page__main-list",
-  "pageMainNav": "pf-v6-c-page__main-nav",
   "pageMainSection": "pf-v6-c-page__main-section",
   "pageMainSubnav": "pf-v6-c-page__main-subnav",
   "pageMainTabs": "pf-v6-c-page__main-tabs",
@@ -1283,7 +1283,6 @@ declare const _default: {
   "tableTreeViewMain": "pf-v6-c-table__tree-view-main",
   "tableTreeViewText": "pf-v6-c-table__tree-view-text",
   "tableTreeViewTitleCell": "pf-v6-c-table__tree-view-title-cell",
-  "tableTreeViewTitleHeaderCell": "pf-v6-c-table__tree-view-title-header-cell",
   "tabs": "pf-v6-c-tabs",
   "tabsAdd": "pf-v6-c-tabs__add",
   "tabsItem": "pf-v6-c-tabs__item",

package/css/components/_index.js

@@ -655,9 +655,11 @@ exports.default = {
     "fullWidth": "pf-m-full-width",
     "splitButton": "pf-m-split-button",
     "typeahead": "pf-m-typeahead",
+    "text": "pf-m-text",
     "alignTop": "pf-m-align-top",
     "help": "pf-m-help",
     "overflowHidden": "pf-m-overflow-hidden",
+    "inset": "pf-m-inset",
     "subnav": "pf-m-subnav",
     "hoverable": "pf-m-hoverable",
     "buttonGroup": "pf-m-button-group",
@@ -1166,8 +1168,6 @@ exports.default = {
   "pageMainContainer": "pf-v6-c-page__main-container",
   "pageMainDrawer": "pf-v6-c-page__main-drawer",
   "pageMainGroup": "pf-v6-c-page__main-group",
-  "pageMainList": "pf-v6-c-page__main-list",
-  "pageMainNav": "pf-v6-c-page__main-nav",
   "pageMainSection": "pf-v6-c-page__main-section",
   "pageMainSubnav": "pf-v6-c-page__main-subnav",
   "pageMainTabs": "pf-v6-c-page__main-tabs",
@@ -1285,7 +1285,6 @@ exports.default = {
   "tableTreeViewMain": "pf-v6-c-table__tree-view-main",
   "tableTreeViewText": "pf-v6-c-table__tree-view-text",
   "tableTreeViewTitleCell": "pf-v6-c-table__tree-view-title-cell",
-  "tableTreeViewTitleHeaderCell": "pf-v6-c-table__tree-view-title-header-cell",
   "tabs": "pf-v6-c-tabs",
   "tabsAdd": "pf-v6-c-tabs__add",
   "tabsItem": "pf-v6-c-tabs__item",

package/css/components/_index.mjs

@@ -653,9 +653,11 @@ export default {
     "fullWidth": "pf-m-full-width",
     "splitButton": "pf-m-split-button",
     "typeahead": "pf-m-typeahead",
+    "text": "pf-m-text",
     "alignTop": "pf-m-align-top",
     "help": "pf-m-help",
     "overflowHidden": "pf-m-overflow-hidden",
+    "inset": "pf-m-inset",
     "subnav": "pf-m-subnav",
     "hoverable": "pf-m-hoverable",
     "buttonGroup": "pf-m-button-group",
@@ -1164,8 +1166,6 @@ export default {
   "pageMainContainer": "pf-v6-c-page__main-container",
   "pageMainDrawer": "pf-v6-c-page__main-drawer",
   "pageMainGroup": "pf-v6-c-page__main-group",
-  "pageMainList": "pf-v6-c-page__main-list",
-  "pageMainNav": "pf-v6-c-page__main-nav",
   "pageMainSection": "pf-v6-c-page__main-section",
   "pageMainSubnav": "pf-v6-c-page__main-subnav",
   "pageMainTabs": "pf-v6-c-page__main-tabs",
@@ -1283,7 +1283,6 @@ export default {
   "tableTreeViewMain": "pf-v6-c-table__tree-view-main",
   "tableTreeViewText": "pf-v6-c-table__tree-view-text",
   "tableTreeViewTitleCell": "pf-v6-c-table__tree-view-title-cell",
-  "tableTreeViewTitleHeaderCell": "pf-v6-c-table__tree-view-title-header-cell",
   "tabs": "pf-v6-c-tabs",
   "tabsAdd": "pf-v6-c-tabs__add",
   "tabsItem": "pf-v6-c-tabs__item",

package/css/layouts/Flex/flex.css

@@ -39,27 +39,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))))));
   }
@@ -225,7 +225,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);
   }
@@ -384,7 +384,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);
   }
@@ -543,7 +543,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);
   }
@@ -702,7 +702,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);
   }
@@ -861,7 +861,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);
   }
@@ -1074,7 +1074,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);
   }
@@ -1130,7 +1130,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);
   }
@@ -1186,7 +1186,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);
   }
@@ -1242,7 +1242,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);
   }
@@ -1298,7 +1298,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);
   }
@@ -1408,7 +1408,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);
   }
@@ -1464,7 +1464,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);
   }
@@ -1520,7 +1520,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);
   }
@@ -1576,7 +1576,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);
   }
@@ -1632,7 +1632,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);
   }
@@ -1732,7 +1732,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);
@@ -1778,7 +1778,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);
@@ -1824,7 +1824,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);
@@ -1870,7 +1870,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);
@@ -1916,7 +1916,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);
@@ -1995,7 +1995,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);
   }
@@ -2030,7 +2030,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);
   }
@@ -2065,7 +2065,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);
   }
@@ -2100,7 +2100,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);
   }
@@ -2135,7 +2135,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);
   }
@@ -2203,7 +2203,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);
   }
@@ -2238,7 +2238,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);
   }
@@ -2273,7 +2273,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);
   }
@@ -2308,7 +2308,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);
   }
@@ -2343,7 +2343,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);
   }

package/css/layouts/Gallery/gallery.css

@@ -18,52 +18,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))))));
   }

package/css/layouts/Grid/grid.css

@@ -17,31 +17,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))))));
@@ -83,7 +83,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;
   }
@@ -121,7 +121,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;
   }
@@ -159,7 +159,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;
   }
@@ -197,7 +197,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;
   }
@@ -235,7 +235,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;
   }
@@ -381,7 +381,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;
   }
@@ -491,7 +491,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;
   }
@@ -601,7 +601,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;
   }
@@ -711,7 +711,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;
   }
@@ -821,7 +821,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;
   }