@patternfly/react-styles 6.3.0-prerelease.1 → 6.3.0-prerelease.11

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

@@ -34,6 +34,7 @@
   --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
   --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
+  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -97,6 +98,9 @@
 .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
   border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
 }
+.pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
+  --pf-v6-c-table__expandable-row--Display: block;
+}
 .pf-m-grid.pf-v6-c-table.pf-m-expandable {
   --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
 }
@@ -108,7 +112,7 @@
   --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
   --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
   display: grid;
   grid-template-columns: 1fr;
   height: auto;
@@ -119,13 +123,13 @@
   padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
   padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
   padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
   padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
   --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
 }
 .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -153,14 +157,17 @@
   grid-template-columns: 1fr minmax(0, 1.5fr);
   align-items: start;
 }
+.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+  align-items: center;
+}
 .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
   grid-column: 2;
 }
 .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
   position: revert;
-  font-weight: bold;
+  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
   text-align: start;
-  content: attr(data-label);
+  content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
 }
 .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
   --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -204,7 +211,7 @@
   width: auto;
   background-color: transparent;
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
   --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
   --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
   --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -216,24 +223,24 @@
   overflow-y: auto;
   border-block-end: none;
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
   position: static;
   display: block;
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
   border-block-start-color: var(--pf-v6-c-table--BorderColor);
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
   content: none;
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
   padding: 0;
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
   display: none;
 }
-.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
+.pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
   padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
   padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
 }
@@ -271,10 +278,10 @@
   width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
   background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
 }
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
-.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
+.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
   width: auto;
   padding: 0;
 }
@@ -397,6 +404,9 @@
   .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
     border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
+  .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
+    --pf-v6-c-table__expandable-row--Display: block;
+  }
   .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
     --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
   }
@@ -408,7 +418,7 @@
     --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
     --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
     display: grid;
     grid-template-columns: 1fr;
     height: auto;
@@ -419,13 +429,13 @@
     padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
     padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
     padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
     padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
     padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
     padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
     --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
   }
   .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -453,14 +463,17 @@
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
   .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
     position: revert;
-    font-weight: bold;
+    font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
     text-align: start;
-    content: attr(data-label);
+    content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
   }
   .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
     --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -504,7 +517,7 @@
     width: auto;
     background-color: transparent;
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
     --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
     --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
     --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -516,24 +529,24 @@
     overflow-y: auto;
     border-block-end: none;
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
     position: static;
     display: block;
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
     border-block-start-color: var(--pf-v6-c-table--BorderColor);
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
     content: none;
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
     padding: 0;
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
     display: none;
   }
-  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
+  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
     padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
     padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
   }
@@ -571,10 +584,10 @@
     width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
     background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
   }
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
-  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
+  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
     width: auto;
     padding: 0;
   }
@@ -700,6 +713,9 @@
   .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
     border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
+  .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
+    --pf-v6-c-table__expandable-row--Display: block;
+  }
   .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
     --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
   }
@@ -711,7 +727,7 @@
     --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
     --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
     display: grid;
     grid-template-columns: 1fr;
     height: auto;
@@ -722,13 +738,13 @@
     padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
     padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
     padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
     padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
     padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
     padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
     --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
   }
   .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -756,14 +772,17 @@
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
   .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
     position: revert;
-    font-weight: bold;
+    font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
     text-align: start;
-    content: attr(data-label);
+    content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
   }
   .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
     --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -807,7 +826,7 @@
     width: auto;
     background-color: transparent;
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
     --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
     --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
     --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -819,24 +838,24 @@
     overflow-y: auto;
     border-block-end: none;
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
     position: static;
     display: block;
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
     border-block-start-color: var(--pf-v6-c-table--BorderColor);
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
     content: none;
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
     padding: 0;
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
     display: none;
   }
-  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
+  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
     padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
     padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
   }
@@ -874,10 +893,10 @@
     width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
     background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
   }
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
-  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
+  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
     width: auto;
     padding: 0;
   }
@@ -1003,6 +1022,9 @@
   .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
     border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
+  .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
+    --pf-v6-c-table__expandable-row--Display: block;
+  }
   .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
     --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
   }
@@ -1014,7 +1036,7 @@
     --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
     --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
     display: grid;
     grid-template-columns: 1fr;
     height: auto;
@@ -1025,13 +1047,13 @@
     padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
     padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
     padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
     padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
     padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
     padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
     --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
   }
   .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -1059,14 +1081,17 @@
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
   .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
     position: revert;
-    font-weight: bold;
+    font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
     text-align: start;
-    content: attr(data-label);
+    content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
   }
   .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
     --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -1110,7 +1135,7 @@
     width: auto;
     background-color: transparent;
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
     --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
     --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
     --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -1122,24 +1147,24 @@
     overflow-y: auto;
     border-block-end: none;
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
     position: static;
     display: block;
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
     border-block-start-color: var(--pf-v6-c-table--BorderColor);
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
     content: none;
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
     padding: 0;
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
     display: none;
   }
-  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
+  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
     padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
     padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
   }
@@ -1177,10 +1202,10 @@
     width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
     background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
   }
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
-  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
+  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
     width: auto;
     padding: 0;
   }
@@ -1306,6 +1331,9 @@
   .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
     border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
   }
+  .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
+    --pf-v6-c-table__expandable-row--Display: block;
+  }
   .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
     --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
   }
@@ -1317,7 +1345,7 @@
     --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
     --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
     display: grid;
     grid-template-columns: 1fr;
     height: auto;
@@ -1328,13 +1356,13 @@
     padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
     padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
     padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
     padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
     padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
     padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
     --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
   }
   .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -1362,14 +1390,17 @@
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
   .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
     position: revert;
-    font-weight: bold;
+    font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
     text-align: start;
-    content: attr(data-label);
+    content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
   }
   .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
     --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -1413,7 +1444,7 @@
     width: auto;
     background-color: transparent;
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
     --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
     --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
     --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -1425,24 +1456,24 @@
     overflow-y: auto;
     border-block-end: none;
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
     position: static;
     display: block;
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
     border-block-start-color: var(--pf-v6-c-table--BorderColor);
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
     content: none;
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
     padding: 0;
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
     display: none;
   }
-  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
+  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
     padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
     padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
   }
@@ -1480,10 +1511,10 @@
     width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
     background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
   }
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__favorite,
-  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__action {
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
+  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
     width: auto;
     padding: 0;
   }

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

@@ -3,10 +3,12 @@ declare const _default: {
   "button": "pf-v6-c-button",
   "modifiers": {
     "grid": "pf-m-grid",
+    "animateExpand": "pf-m-animate-expand",
     "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
     "compact": "pf-m-compact",
+    "action": "pf-m-action",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",

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

@@ -5,10 +5,12 @@ exports.default = {
   "button": "pf-v6-c-button",
   "modifiers": {
     "grid": "pf-m-grid",
+    "animateExpand": "pf-m-animate-expand",
     "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
     "compact": "pf-m-compact",
+    "action": "pf-m-action",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",

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

@@ -3,10 +3,12 @@ export default {
   "button": "pf-v6-c-button",
   "modifiers": {
     "grid": "pf-m-grid",
+    "animateExpand": "pf-m-animate-expand",
     "expandable": "pf-m-expandable",
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
     "compact": "pf-m-compact",
+    "action": "pf-m-action",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",