@patternfly/patternfly 6.3.0-prerelease.37 → 6.3.0-prerelease.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/components/Table/table-grid.css +95 -80
  2. package/components/Table/table-grid.scss +8 -4
  3. package/components/Table/table.css +70 -67
  4. package/components/Table/table.scss +85 -84
  5. package/components/_index.css +165 -147
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +165 -147
  8. package/patternfly.css +165 -147
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -23243,6 +23243,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23243
23243
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23244
23244
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23245
23245
  }
23246
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
23247
+ --pf-v6-c-table__expandable-row--Display: block;
23248
+ }
23246
23249
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
23247
23250
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23248
23251
  }
@@ -23254,7 +23257,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23254
23257
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23255
23258
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23256
23259
  }
23257
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23260
+ .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))) {
23258
23261
  display: grid;
23259
23262
  grid-template-columns: 1fr;
23260
23263
  height: auto;
@@ -23265,13 +23268,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23265
23268
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23266
23269
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23267
23270
  }
23268
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
23271
+ .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) {
23269
23272
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23270
23273
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23271
23274
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23272
23275
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23273
23276
  }
23274
- .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 {
23277
+ .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 {
23275
23278
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23276
23279
  }
23277
23280
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -23309,7 +23312,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23309
23312
  position: revert;
23310
23313
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23311
23314
  text-align: start;
23312
- content: attr(data-label);
23315
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23313
23316
  }
23314
23317
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23315
23318
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23353,7 +23356,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23353
23356
  width: auto;
23354
23357
  background-color: transparent;
23355
23358
  }
23356
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
23359
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23357
23360
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23358
23361
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23359
23362
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23365,24 +23368,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23365
23368
  overflow-y: auto;
23366
23369
  border-block-end: none;
23367
23370
  }
23368
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23371
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23369
23372
  position: static;
23370
23373
  display: block;
23371
23374
  }
23372
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23375
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23373
23376
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23374
23377
  }
23375
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23378
+ .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 {
23376
23379
  content: none;
23377
23380
  }
23378
- .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,
23379
- .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 {
23381
+ .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,
23382
+ .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 {
23380
23383
  padding: 0;
23381
23384
  }
23382
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
23385
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23383
23386
  display: none;
23384
23387
  }
23385
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
23388
+ .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 {
23386
23389
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23387
23390
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23388
23391
  }
@@ -23420,10 +23423,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23420
23423
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
23421
23424
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
23422
23425
  }
23423
- .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,
23424
- .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,
23425
- .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,
23426
- .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 {
23426
+ .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,
23427
+ .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,
23428
+ .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,
23429
+ .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 {
23427
23430
  width: auto;
23428
23431
  padding: 0;
23429
23432
  }
@@ -23546,6 +23549,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23546
23549
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23547
23550
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23548
23551
  }
23552
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
23553
+ --pf-v6-c-table__expandable-row--Display: block;
23554
+ }
23549
23555
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
23550
23556
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23551
23557
  }
@@ -23557,7 +23563,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23557
23563
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23558
23564
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23559
23565
  }
23560
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23566
+ .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))) {
23561
23567
  display: grid;
23562
23568
  grid-template-columns: 1fr;
23563
23569
  height: auto;
@@ -23568,13 +23574,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23568
23574
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23569
23575
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23570
23576
  }
23571
- .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) {
23577
+ .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) {
23572
23578
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23573
23579
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23574
23580
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23575
23581
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23576
23582
  }
23577
- .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 {
23583
+ .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 {
23578
23584
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23579
23585
  }
23580
23586
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -23612,7 +23618,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23612
23618
  position: revert;
23613
23619
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23614
23620
  text-align: start;
23615
- content: attr(data-label);
23621
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23616
23622
  }
23617
23623
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23618
23624
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23656,7 +23662,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23656
23662
  width: auto;
23657
23663
  background-color: transparent;
23658
23664
  }
23659
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
23665
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23660
23666
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23661
23667
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23662
23668
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23668,24 +23674,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23668
23674
  overflow-y: auto;
23669
23675
  border-block-end: none;
23670
23676
  }
23671
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23677
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23672
23678
  position: static;
23673
23679
  display: block;
23674
23680
  }
23675
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23681
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23676
23682
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23677
23683
  }
23678
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23684
+ .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 {
23679
23685
  content: none;
23680
23686
  }
23681
- .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,
23682
- .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 {
23687
+ .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,
23688
+ .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 {
23683
23689
  padding: 0;
23684
23690
  }
23685
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
23691
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23686
23692
  display: none;
23687
23693
  }
23688
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
23694
+ .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 {
23689
23695
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23690
23696
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23691
23697
  }
@@ -23723,10 +23729,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23723
23729
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
23724
23730
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
23725
23731
  }
23726
- .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,
23727
- .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,
23728
- .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,
23729
- .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 {
23732
+ .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,
23733
+ .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,
23734
+ .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,
23735
+ .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 {
23730
23736
  width: auto;
23731
23737
  padding: 0;
23732
23738
  }
@@ -23852,6 +23858,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23852
23858
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23853
23859
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23854
23860
  }
23861
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
23862
+ --pf-v6-c-table__expandable-row--Display: block;
23863
+ }
23855
23864
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23856
23865
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23857
23866
  }
@@ -23863,7 +23872,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23863
23872
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23864
23873
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23865
23874
  }
23866
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23875
+ .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))) {
23867
23876
  display: grid;
23868
23877
  grid-template-columns: 1fr;
23869
23878
  height: auto;
@@ -23874,13 +23883,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23874
23883
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23875
23884
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23876
23885
  }
23877
- .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) {
23886
+ .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) {
23878
23887
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23879
23888
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23880
23889
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23881
23890
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23882
23891
  }
23883
- .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 {
23892
+ .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 {
23884
23893
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23885
23894
  }
23886
23895
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -23918,7 +23927,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23918
23927
  position: revert;
23919
23928
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23920
23929
  text-align: start;
23921
- content: attr(data-label);
23930
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23922
23931
  }
23923
23932
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23924
23933
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23962,7 +23971,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23962
23971
  width: auto;
23963
23972
  background-color: transparent;
23964
23973
  }
23965
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
23974
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23966
23975
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23967
23976
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23968
23977
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23974,24 +23983,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23974
23983
  overflow-y: auto;
23975
23984
  border-block-end: none;
23976
23985
  }
23977
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23986
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23978
23987
  position: static;
23979
23988
  display: block;
23980
23989
  }
23981
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23990
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23982
23991
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23983
23992
  }
23984
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23993
+ .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 {
23985
23994
  content: none;
23986
23995
  }
23987
- .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,
23988
- .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 {
23996
+ .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,
23997
+ .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 {
23989
23998
  padding: 0;
23990
23999
  }
23991
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24000
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23992
24001
  display: none;
23993
24002
  }
23994
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24003
+ .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 {
23995
24004
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23996
24005
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23997
24006
  }
@@ -24029,10 +24038,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24029
24038
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24030
24039
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24031
24040
  }
24032
- .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,
24033
- .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,
24034
- .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,
24035
- .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 {
24041
+ .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,
24042
+ .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,
24043
+ .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,
24044
+ .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 {
24036
24045
  width: auto;
24037
24046
  padding: 0;
24038
24047
  }
@@ -24158,6 +24167,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24158
24167
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
24159
24168
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
24160
24169
  }
24170
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
24171
+ --pf-v6-c-table__expandable-row--Display: block;
24172
+ }
24161
24173
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
24162
24174
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24163
24175
  }
@@ -24169,7 +24181,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24169
24181
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24170
24182
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24171
24183
  }
24172
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24184
+ .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))) {
24173
24185
  display: grid;
24174
24186
  grid-template-columns: 1fr;
24175
24187
  height: auto;
@@ -24180,13 +24192,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24180
24192
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24181
24193
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24182
24194
  }
24183
- .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) {
24195
+ .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) {
24184
24196
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24185
24197
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24186
24198
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24187
24199
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24188
24200
  }
24189
- .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 {
24201
+ .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 {
24190
24202
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24191
24203
  }
24192
24204
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -24224,7 +24236,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24224
24236
  position: revert;
24225
24237
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24226
24238
  text-align: start;
24227
- content: attr(data-label);
24239
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24228
24240
  }
24229
24241
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24230
24242
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24268,7 +24280,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24268
24280
  width: auto;
24269
24281
  background-color: transparent;
24270
24282
  }
24271
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
24283
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24272
24284
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24273
24285
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24274
24286
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24280,24 +24292,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24280
24292
  overflow-y: auto;
24281
24293
  border-block-end: none;
24282
24294
  }
24283
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24295
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24284
24296
  position: static;
24285
24297
  display: block;
24286
24298
  }
24287
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24299
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24288
24300
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24289
24301
  }
24290
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24302
+ .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 {
24291
24303
  content: none;
24292
24304
  }
24293
- .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,
24294
- .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 {
24305
+ .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,
24306
+ .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 {
24295
24307
  padding: 0;
24296
24308
  }
24297
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24309
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24298
24310
  display: none;
24299
24311
  }
24300
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24312
+ .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 {
24301
24313
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24302
24314
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24303
24315
  }
@@ -24335,10 +24347,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24335
24347
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24336
24348
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24337
24349
  }
24338
- .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,
24339
- .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,
24340
- .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,
24341
- .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 {
24350
+ .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,
24351
+ .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,
24352
+ .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,
24353
+ .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 {
24342
24354
  width: auto;
24343
24355
  padding: 0;
24344
24356
  }
@@ -24464,6 +24476,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24464
24476
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
24465
24477
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
24466
24478
  }
24479
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
24480
+ --pf-v6-c-table__expandable-row--Display: block;
24481
+ }
24467
24482
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
24468
24483
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24469
24484
  }
@@ -24475,7 +24490,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24475
24490
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24476
24491
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24477
24492
  }
24478
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24493
+ .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))) {
24479
24494
  display: grid;
24480
24495
  grid-template-columns: 1fr;
24481
24496
  height: auto;
@@ -24486,13 +24501,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24486
24501
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24487
24502
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24488
24503
  }
24489
- .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) {
24504
+ .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) {
24490
24505
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24491
24506
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24492
24507
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24493
24508
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24494
24509
  }
24495
- .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 {
24510
+ .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 {
24496
24511
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24497
24512
  }
24498
24513
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -24530,7 +24545,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24530
24545
  position: revert;
24531
24546
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24532
24547
  text-align: start;
24533
- content: attr(data-label);
24548
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24534
24549
  }
24535
24550
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24536
24551
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24574,7 +24589,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24574
24589
  width: auto;
24575
24590
  background-color: transparent;
24576
24591
  }
24577
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
24592
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24578
24593
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24579
24594
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24580
24595
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24586,24 +24601,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24586
24601
  overflow-y: auto;
24587
24602
  border-block-end: none;
24588
24603
  }
24589
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24604
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24590
24605
  position: static;
24591
24606
  display: block;
24592
24607
  }
24593
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24608
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24594
24609
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24595
24610
  }
24596
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24611
+ .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 {
24597
24612
  content: none;
24598
24613
  }
24599
- .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,
24600
- .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 {
24614
+ .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,
24615
+ .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 {
24601
24616
  padding: 0;
24602
24617
  }
24603
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24618
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24604
24619
  display: none;
24605
24620
  }
24606
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24621
+ .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 {
24607
24622
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24608
24623
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24609
24624
  }
@@ -24641,10 +24656,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24641
24656
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24642
24657
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24643
24658
  }
24644
- .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,
24645
- .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,
24646
- .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,
24647
- .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 {
24659
+ .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,
24660
+ .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,
24661
+ .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,
24662
+ .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 {
24648
24663
  width: auto;
24649
24664
  padding: 0;
24650
24665
  }
@@ -24746,6 +24761,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24746
24761
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24747
24762
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24748
24763
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
24764
+ --pf-v6-c-table__tbody--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
24765
+ --pf-v6-c-table__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
24749
24766
  --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
24750
24767
  --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
24751
24768
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
@@ -24938,7 +24955,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24938
24955
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
24939
24956
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
24940
24957
  }
24941
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
24958
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))).pf-m-ghost-row {
24942
24959
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
24943
24960
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
24944
24961
  }
@@ -25138,7 +25155,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25138
25155
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
25139
25156
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
25140
25157
  }
25141
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
25158
+ .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
25142
25159
  border: none;
25143
25160
  }
25144
25161
  .pf-v6-c-table.pf-m-drag-over {
@@ -25154,8 +25171,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25154
25171
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
25155
25172
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
25156
25173
  }
25157
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25158
- display: revert;
25174
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
25175
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25159
25176
  visibility: hidden;
25160
25177
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25161
25178
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
@@ -25164,30 +25181,33 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25164
25181
  transition-property: opacity, translate, visibility, background-color;
25165
25182
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25166
25183
  }
25167
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25168
- display: revert;
25184
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2))[hidden] {
25185
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25169
25186
  }
25170
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25187
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
25171
25188
  visibility: visible;
25172
25189
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25173
25190
  transition-delay: 0s;
25174
25191
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25175
25192
  translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25176
25193
  }
25177
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25194
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25178
25195
  max-height: 99999px;
25179
25196
  }
25180
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25181
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25197
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) {
25198
+ --pf-v6-c-table--cell--responsive--label: none;
25199
+ }
25200
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25201
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25182
25202
  padding: 0;
25183
25203
  overflow: hidden;
25184
25204
  transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25185
25205
  transition-property: padding, max-height, overflow;
25186
25206
  }
25187
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25207
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25188
25208
  max-height: 0;
25189
25209
  }
25190
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
25210
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
25191
25211
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25192
25212
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25193
25213
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
@@ -25494,53 +25514,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25494
25514
  pointer-events: none;
25495
25515
  }
25496
25516
 
25497
- .pf-v6-c-table__expandable-row {
25498
- position: relative;
25499
- border-block-end: 0 solid transparent;
25500
- }
25501
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25502
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25503
- padding-block-start: 0;
25504
- }
25505
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25506
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25507
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25508
- }
25509
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
25510
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
25511
- padding-block-start: 0;
25512
- padding-block-end: 0;
25513
- padding-inline-start: 0;
25514
- padding-inline-end: 0;
25515
- }
25516
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25517
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25518
- padding: 0;
25519
- border-radius: 0;
25520
- }
25521
- .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
25522
- padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
25523
- padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
25524
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
25525
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
25526
- background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25527
- border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25528
- }
25529
- .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25530
- background-color: transparent;
25531
- }
25532
- .pf-v6-c-table__expandable-row.pf-m-expanded {
25533
- border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25534
- border-block-end-width: var(--pf-v6-c-table--border-width--base);
25535
- }
25536
- .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25537
- display: none;
25538
- }
25539
- .pf-v6-c-table__expandable-row tr:last-child {
25540
- border-block-end: 0;
25541
- }
25542
-
25543
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25517
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row.pf-m-expanded) {
25544
25518
  border-block-end: 0;
25545
25519
  }
25546
25520
 
@@ -25548,7 +25522,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25548
25522
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25549
25523
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
25550
25524
  }
25551
- .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
25525
+ .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
25552
25526
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25553
25527
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
25554
25528
  }
@@ -25592,16 +25566,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25592
25566
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
25593
25567
  }
25594
25568
 
25595
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
25569
+ .pf-v6-c-table__tr.pf-m-expanded:has(~ .pf-v6-c-table__expandable-row) {
25596
25570
  border-block-end: 0;
25597
25571
  }
25598
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
25599
- border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
25600
- }
25601
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
25602
- border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
25572
+
25573
+ .pf-v6-c-table__tbody.pf-m-expanded, .pf-v6-c-table__tbody:has(> .pf-v6-c-table__expandable-row.pf-m-expanded) {
25574
+ border-block-end: var(--pf-v6-c-table__tbody--BorderBlockEndWidth) solid var(--pf-v6-c-table__tbody--BorderBlockEndColor);
25603
25575
  }
25604
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25576
+ .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25605
25577
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
25606
25578
  border-block-end: 0;
25607
25579
  }
@@ -25616,6 +25588,52 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25616
25588
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
25617
25589
  }
25618
25590
 
25591
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
25592
+ position: relative;
25593
+ border-block-end: 0 solid transparent;
25594
+ }
25595
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
25596
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
25597
+ padding-block-start: 0;
25598
+ }
25599
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
25600
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
25601
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25602
+ }
25603
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding,
25604
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding {
25605
+ padding-block-start: 0;
25606
+ padding-block-end: 0;
25607
+ padding-inline-start: 0;
25608
+ padding-inline-end: 0;
25609
+ }
25610
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25611
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25612
+ padding: 0;
25613
+ border-radius: 0;
25614
+ }
25615
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
25616
+ padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
25617
+ padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
25618
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
25619
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
25620
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25621
+ border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25622
+ }
25623
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25624
+ background-color: transparent;
25625
+ }
25626
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
25627
+ border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25628
+ border-block-end-width: var(--pf-v6-c-table--border-width--base);
25629
+ }
25630
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
25631
+ display: none;
25632
+ }
25633
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) tr:last-child {
25634
+ border-block-end: 0;
25635
+ }
25636
+
25619
25637
  .pf-v6-c-table__icon-inline {
25620
25638
  display: flex;
25621
25639
  align-items: center;