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

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

@@ -86,9 +86,11 @@
   --pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
   --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
   --pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
-  --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
-  --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
+  --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
+  --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
   --pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
+  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
+  --pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
   --pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
   --pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -116,7 +118,7 @@
   --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
   --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   :where(:root, .pf-v6-c-progress-stepper) {
     --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
     --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -314,14 +316,13 @@
 .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
   padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
-  text-decoration: underline;
-  text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
-  text-decoration-style: dashed;
-  text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
+  text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
   text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
   cursor: pointer;
 }
-.pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v6-c-progress-stepper__step-title.pf-m-help-text:focus {
+.pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
+  --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
+  --pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
   --pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
 }
 
@@ -376,7 +377,7 @@
   --pf-v6-c-progress-stepper--m-center__step-connector--before--Content: none;
   --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-c-progress-stepper.pf-m-horizontal-on-sm {
     --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
     --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -422,7 +423,7 @@
     --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-progress-stepper.pf-m-horizontal-on-md {
     --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
     --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -468,7 +469,7 @@
     --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-c-progress-stepper.pf-m-horizontal-on-lg {
     --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
     --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -514,7 +515,7 @@
     --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-c-progress-stepper.pf-m-horizontal-on-xl {
     --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
     --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -560,7 +561,7 @@
     --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-c-progress-stepper.pf-m-horizontal-on-2xl {
     --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
     --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);

package/css/components/Sidebar/sidebar.css

@@ -70,7 +70,7 @@
 .pf-v6-c-sidebar {
   height: 100%;
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-sidebar {
     --pf-v6-c-sidebar__main--FlexDirection: var(--pf-v6-c-sidebar__main--md--FlexDirection);
     --pf-v6-c-sidebar__main--AlignItems: var(--pf-v6-c-sidebar__main--md--AlignItems);
@@ -81,7 +81,7 @@
     --pf-v6-c-sidebar__panel--Position: var(--pf-v6-c-sidebar__panel--md--Position);
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-c-sidebar {
     --pf-v6-c-sidebar--inset: var(--pf-v6-c-sidebar--xl--inset);
   }
@@ -93,7 +93,7 @@
   --pf-v6-c-sidebar__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--Order);
   --pf-v6-c-sidebar__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--Order);
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-sidebar.pf-m-panel-right {
     --pf-v6-c-sidebar--m-panel-right__panel--Order: var(--pf-v6-c-sidebar--m-panel-right__panel--md--Order);
     --pf-v6-c-sidebar--m-panel-right__content--Order: var(--pf-v6-c-sidebar--m-panel-right__content--md--Order);
@@ -227,7 +227,7 @@
   --pf-v6-c-sidebar__panel--FlexBasis: 100%;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-c-sidebar__panel.pf-m-width-default-on-sm {
     --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
@@ -250,7 +250,7 @@
     --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
     --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
@@ -273,7 +273,7 @@
     --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
     --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
@@ -296,7 +296,7 @@
     --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
     --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }
@@ -319,7 +319,7 @@
     --pf-v6-c-sidebar__panel--FlexBasis: 100%;
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
     --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
   }

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

@@ -44,7 +44,7 @@
   --pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
   --pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
 }
-.pf-v6-c-simple-list__item-link:hover, .pf-v6-c-simple-list__item-link:focus {
+.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
   --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
   --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
   text-decoration: none;

package/css/components/TabContent/tab-content.css

@@ -18,7 +18,7 @@
 .pf-v6-c-tab-content {
   background-color: var(--pf-v6-c-tab-content--BackgroundColor);
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-c-tab-content {
     --pf-v6-c-tab-content__body--m-padding--PaddingBlockStart: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingBlockStart);
     --pf-v6-c-tab-content__body--m-padding--PaddingInlineEnd: var(--pf-v6-c-tab-content__body--m-padding--xl--PaddingInlineEnd);

package/css/components/Table/table-grid.css

@@ -41,7 +41,7 @@
   --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
   --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
   --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
-  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(0.375rem * -1);
+  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
   --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -49,7 +49,6 @@
   --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
   --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
   --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
   --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
   --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
@@ -322,10 +321,9 @@
   margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
 }
 .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
-  margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
   text-align: end;
 }
-@media screen and (max-width: 576px) {
+@media screen and (max-width: 36rem) {
   .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
@@ -356,7 +354,7 @@
   --pf-v6-c-table--cell--Width: auto;
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 48rem) {
   .pf-m-grid-md.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -622,18 +620,17 @@
     margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
   }
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
-    margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
     text-align: end;
   }
 }
-@media screen and (max-width: 768px) and (max-width: 576px) {
+@media screen and (max-width: 48rem) and (max-width: 36rem) {
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 48rem) {
   .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -659,7 +656,7 @@
   }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (max-width: 62rem) {
   .pf-m-grid-lg.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -925,18 +922,17 @@
     margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
   }
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
-    margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
     text-align: end;
   }
 }
-@media screen and (max-width: 992px) and (max-width: 576px) {
+@media screen and (max-width: 62rem) and (max-width: 36rem) {
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 992px) {
+@media screen and (max-width: 62rem) {
   .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -962,7 +958,7 @@
   }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 75rem) {
   .pf-m-grid-xl.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -1228,18 +1224,17 @@
     margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
   }
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
-    margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
     text-align: end;
   }
 }
-@media screen and (max-width: 1200px) and (max-width: 576px) {
+@media screen and (max-width: 75rem) and (max-width: 36rem) {
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 75rem) {
   .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;
@@ -1265,7 +1260,7 @@
   }
 }
 
-@media screen and (max-width: 1450px) {
+@media screen and (max-width: 90.625rem) {
   .pf-m-grid-2xl.pf-v6-c-table {
     --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
     --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
@@ -1531,18 +1526,17 @@
     margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
   }
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
-    margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
     text-align: end;
   }
 }
-@media screen and (max-width: 1450px) and (max-width: 576px) {
+@media screen and (max-width: 90.625rem) and (max-width: 36rem) {
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
     margin-inline-start: 0;
   }
 }
-@media screen and (max-width: 1450px) {
+@media screen and (max-width: 90.625rem) {
   .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
     grid-column: 2;
     grid-row: 2;

package/css/components/Table/table-tree-view.css

@@ -125,10 +125,10 @@
   --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
   --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
-  --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
-  --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
-  --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
-  --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
+  --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+  --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+  --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+  --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
 }
 .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
   position: relative;
@@ -192,8 +192,8 @@
 .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
   display: grid;
 }
-.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
-  display: block;
+.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__thead {
+  display: none;
 }
 .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
 .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -206,10 +206,8 @@
   --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
   grid-row: 1;
   grid-column: 2;
-}
-.pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
-  margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
-  margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
+  margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
+  margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
 }
 .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
   order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -248,7 +246,7 @@
   --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 48rem) {
   .pf-m-tree-view-grid-md.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -269,10 +267,10 @@
     --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
     --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
     --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
-    --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
-    --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
-    --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
-    --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
+    --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
   }
   .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
     position: relative;
@@ -336,8 +334,8 @@
   .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
     display: grid;
   }
-  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
-    display: block;
+  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__thead {
+    display: none;
   }
   .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
   .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -350,10 +348,8 @@
     --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
     grid-row: 1;
     grid-column: 2;
-  }
-  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
-    margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
-    margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
+    margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
+    margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
   }
   .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
     order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -393,7 +389,7 @@
   }
 }
 
-@media screen and (max-width: 992px) {
+@media screen and (max-width: 62rem) {
   .pf-m-tree-view-grid-lg.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -414,10 +410,10 @@
     --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
     --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
     --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
-    --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
-    --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
-    --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
-    --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
+    --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
   }
   .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
     position: relative;
@@ -481,8 +477,8 @@
   .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
     display: grid;
   }
-  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
-    display: block;
+  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__thead {
+    display: none;
   }
   .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
   .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -495,10 +491,8 @@
     --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
     grid-row: 1;
     grid-column: 2;
-  }
-  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
-    margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
-    margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
+    margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
+    margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
   }
   .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
     order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -538,7 +532,7 @@
   }
 }
 
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 75rem) {
   .pf-m-tree-view-grid-xl.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -559,10 +553,10 @@
     --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
     --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
     --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
-    --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
-    --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
-    --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
-    --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
+    --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
   }
   .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
     position: relative;
@@ -626,8 +620,8 @@
   .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
     display: grid;
   }
-  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
-    display: block;
+  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__thead {
+    display: none;
   }
   .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
   .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -640,10 +634,8 @@
     --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
     grid-row: 1;
     grid-column: 2;
-  }
-  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
-    margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
-    margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
+    margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
+    margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
   }
   .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
     order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
@@ -683,7 +675,7 @@
   }
 }
 
-@media screen and (max-width: 1450px) {
+@media screen and (max-width: 90.625rem) {
   .pf-m-tree-view-grid-2xl.pf-v6-c-table {
     --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
     --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -704,10 +696,10 @@
     --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
     --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
     --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
-    --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
-    --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
-    --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
-    --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
+    --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
+    --pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
   }
   .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
     position: relative;
@@ -771,8 +763,8 @@
   .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
     display: grid;
   }
-  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-title-header-cell {
-    display: block;
+  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__thead {
+    display: none;
   }
   .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle,
   .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -785,10 +777,8 @@
     --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
     grid-row: 1;
     grid-column: 2;
-  }
-  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
-    margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
-    margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
+    margin-block-start: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockStart);
+    margin-block-end: var(--pf-v6-c-table--m-tree-view-grid__action--MarginBlockEnd);
   }
   .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
     order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);

package/css/components/Table/table-tree-view.d.ts

@@ -2,7 +2,6 @@ import './table-tree-view.css';
 declare const _default: {
   "button": "pf-v6-c-button",
   "dirRtl": "pf-v6-m-dir-rtl",
-  "menuToggle": "pf-v6-c-menu-toggle",
   "modifiers": {
     "treeView": "pf-m-tree-view",
     "noInset": "pf-m-no-inset",
@@ -28,7 +27,6 @@ declare const _default: {
   "tableTreeViewIcon": "pf-v6-c-table__tree-view-icon",
   "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"
+  "tableTreeViewTitleCell": "pf-v6-c-table__tree-view-title-cell"
 };
 export default _default;

package/css/components/Table/table-tree-view.js

@@ -4,7 +4,6 @@ require('./table-tree-view.css');
 exports.default = {
   "button": "pf-v6-c-button",
   "dirRtl": "pf-v6-m-dir-rtl",
-  "menuToggle": "pf-v6-c-menu-toggle",
   "modifiers": {
     "treeView": "pf-m-tree-view",
     "noInset": "pf-m-no-inset",
@@ -30,6 +29,5 @@ exports.default = {
   "tableTreeViewIcon": "pf-v6-c-table__tree-view-icon",
   "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"
+  "tableTreeViewTitleCell": "pf-v6-c-table__tree-view-title-cell"
 };

package/css/components/Table/table-tree-view.mjs

@@ -2,7 +2,6 @@ import './table-tree-view.css';
 export default {
   "button": "pf-v6-c-button",
   "dirRtl": "pf-v6-m-dir-rtl",
-  "menuToggle": "pf-v6-c-menu-toggle",
   "modifiers": {
     "treeView": "pf-m-tree-view",
     "noInset": "pf-m-no-inset",
@@ -28,6 +27,5 @@ export default {
   "tableTreeViewIcon": "pf-v6-c-table__tree-view-icon",
   "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"
+  "tableTreeViewTitleCell": "pf-v6-c-table__tree-view-title-cell"
 };

package/css/components/Table/table.css

@@ -213,7 +213,7 @@
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
   --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
 }
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-sm {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -221,7 +221,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-md {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -229,7 +229,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-lg {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -237,7 +237,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-xl {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -245,7 +245,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden-on-2xl {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }