@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.css CHANGED
@@ -23379,6 +23379,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23379
23379
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23380
23380
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23381
23381
  }
23382
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
23383
+ --pf-v6-c-table__expandable-row--Display: block;
23384
+ }
23382
23385
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
23383
23386
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23384
23387
  }
@@ -23390,7 +23393,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23390
23393
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23391
23394
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23392
23395
  }
23393
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23396
+ .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))) {
23394
23397
  display: grid;
23395
23398
  grid-template-columns: 1fr;
23396
23399
  height: auto;
@@ -23401,13 +23404,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23401
23404
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23402
23405
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23403
23406
  }
23404
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
23407
+ .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) {
23405
23408
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23406
23409
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23407
23410
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23408
23411
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23409
23412
  }
23410
- .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 {
23413
+ .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 {
23411
23414
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23412
23415
  }
23413
23416
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -23445,7 +23448,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23445
23448
  position: revert;
23446
23449
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23447
23450
  text-align: start;
23448
- content: attr(data-label);
23451
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23449
23452
  }
23450
23453
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23451
23454
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23489,7 +23492,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23489
23492
  width: auto;
23490
23493
  background-color: transparent;
23491
23494
  }
23492
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
23495
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23493
23496
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23494
23497
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23495
23498
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23501,24 +23504,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23501
23504
  overflow-y: auto;
23502
23505
  border-block-end: none;
23503
23506
  }
23504
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23507
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23505
23508
  position: static;
23506
23509
  display: block;
23507
23510
  }
23508
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23511
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23509
23512
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23510
23513
  }
23511
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23514
+ .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 {
23512
23515
  content: none;
23513
23516
  }
23514
- .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,
23515
- .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 {
23517
+ .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,
23518
+ .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 {
23516
23519
  padding: 0;
23517
23520
  }
23518
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
23521
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23519
23522
  display: none;
23520
23523
  }
23521
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
23524
+ .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 {
23522
23525
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23523
23526
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23524
23527
  }
@@ -23556,10 +23559,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23556
23559
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
23557
23560
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
23558
23561
  }
23559
- .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,
23560
- .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,
23561
- .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,
23562
- .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 {
23562
+ .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,
23563
+ .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,
23564
+ .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,
23565
+ .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 {
23563
23566
  width: auto;
23564
23567
  padding: 0;
23565
23568
  }
@@ -23682,6 +23685,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23682
23685
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23683
23686
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23684
23687
  }
23688
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
23689
+ --pf-v6-c-table__expandable-row--Display: block;
23690
+ }
23685
23691
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
23686
23692
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23687
23693
  }
@@ -23693,7 +23699,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23693
23699
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23694
23700
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23695
23701
  }
23696
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23702
+ .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))) {
23697
23703
  display: grid;
23698
23704
  grid-template-columns: 1fr;
23699
23705
  height: auto;
@@ -23704,13 +23710,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23704
23710
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23705
23711
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23706
23712
  }
23707
- .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) {
23713
+ .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) {
23708
23714
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23709
23715
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23710
23716
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23711
23717
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23712
23718
  }
23713
- .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 {
23719
+ .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 {
23714
23720
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23715
23721
  }
23716
23722
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -23748,7 +23754,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23748
23754
  position: revert;
23749
23755
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23750
23756
  text-align: start;
23751
- content: attr(data-label);
23757
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23752
23758
  }
23753
23759
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23754
23760
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23792,7 +23798,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23792
23798
  width: auto;
23793
23799
  background-color: transparent;
23794
23800
  }
23795
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
23801
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23796
23802
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23797
23803
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23798
23804
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23804,24 +23810,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23804
23810
  overflow-y: auto;
23805
23811
  border-block-end: none;
23806
23812
  }
23807
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23813
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23808
23814
  position: static;
23809
23815
  display: block;
23810
23816
  }
23811
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23817
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23812
23818
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23813
23819
  }
23814
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23820
+ .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 {
23815
23821
  content: none;
23816
23822
  }
23817
- .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,
23818
- .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 {
23823
+ .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,
23824
+ .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 {
23819
23825
  padding: 0;
23820
23826
  }
23821
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
23827
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23822
23828
  display: none;
23823
23829
  }
23824
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
23830
+ .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 {
23825
23831
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23826
23832
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23827
23833
  }
@@ -23859,10 +23865,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23859
23865
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
23860
23866
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
23861
23867
  }
23862
- .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,
23863
- .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,
23864
- .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,
23865
- .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 {
23868
+ .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,
23869
+ .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,
23870
+ .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,
23871
+ .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 {
23866
23872
  width: auto;
23867
23873
  padding: 0;
23868
23874
  }
@@ -23988,6 +23994,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23988
23994
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
23989
23995
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
23990
23996
  }
23997
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
23998
+ --pf-v6-c-table__expandable-row--Display: block;
23999
+ }
23991
24000
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23992
24001
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23993
24002
  }
@@ -23999,7 +24008,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23999
24008
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24000
24009
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24001
24010
  }
24002
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24011
+ .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))) {
24003
24012
  display: grid;
24004
24013
  grid-template-columns: 1fr;
24005
24014
  height: auto;
@@ -24010,13 +24019,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24010
24019
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24011
24020
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24012
24021
  }
24013
- .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) {
24022
+ .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) {
24014
24023
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24015
24024
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24016
24025
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24017
24026
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24018
24027
  }
24019
- .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 {
24028
+ .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 {
24020
24029
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24021
24030
  }
24022
24031
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -24054,7 +24063,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24054
24063
  position: revert;
24055
24064
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24056
24065
  text-align: start;
24057
- content: attr(data-label);
24066
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24058
24067
  }
24059
24068
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24060
24069
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24098,7 +24107,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24098
24107
  width: auto;
24099
24108
  background-color: transparent;
24100
24109
  }
24101
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
24110
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24102
24111
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24103
24112
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24104
24113
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24110,24 +24119,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24110
24119
  overflow-y: auto;
24111
24120
  border-block-end: none;
24112
24121
  }
24113
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24122
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24114
24123
  position: static;
24115
24124
  display: block;
24116
24125
  }
24117
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24126
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24118
24127
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24119
24128
  }
24120
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24129
+ .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 {
24121
24130
  content: none;
24122
24131
  }
24123
- .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,
24124
- .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 {
24132
+ .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,
24133
+ .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 {
24125
24134
  padding: 0;
24126
24135
  }
24127
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24136
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24128
24137
  display: none;
24129
24138
  }
24130
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24139
+ .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 {
24131
24140
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24132
24141
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24133
24142
  }
@@ -24165,10 +24174,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24165
24174
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24166
24175
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24167
24176
  }
24168
- .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,
24169
- .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,
24170
- .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,
24171
- .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 {
24177
+ .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,
24178
+ .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,
24179
+ .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,
24180
+ .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 {
24172
24181
  width: auto;
24173
24182
  padding: 0;
24174
24183
  }
@@ -24294,6 +24303,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24294
24303
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
24295
24304
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
24296
24305
  }
24306
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
24307
+ --pf-v6-c-table__expandable-row--Display: block;
24308
+ }
24297
24309
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
24298
24310
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24299
24311
  }
@@ -24305,7 +24317,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24305
24317
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24306
24318
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24307
24319
  }
24308
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24320
+ .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))) {
24309
24321
  display: grid;
24310
24322
  grid-template-columns: 1fr;
24311
24323
  height: auto;
@@ -24316,13 +24328,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24316
24328
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24317
24329
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24318
24330
  }
24319
- .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) {
24331
+ .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) {
24320
24332
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24321
24333
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24322
24334
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24323
24335
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24324
24336
  }
24325
- .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 {
24337
+ .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 {
24326
24338
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24327
24339
  }
24328
24340
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -24360,7 +24372,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24360
24372
  position: revert;
24361
24373
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24362
24374
  text-align: start;
24363
- content: attr(data-label);
24375
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24364
24376
  }
24365
24377
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24366
24378
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24404,7 +24416,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24404
24416
  width: auto;
24405
24417
  background-color: transparent;
24406
24418
  }
24407
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
24419
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24408
24420
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24409
24421
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24410
24422
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24416,24 +24428,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24416
24428
  overflow-y: auto;
24417
24429
  border-block-end: none;
24418
24430
  }
24419
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24431
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24420
24432
  position: static;
24421
24433
  display: block;
24422
24434
  }
24423
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24435
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24424
24436
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24425
24437
  }
24426
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24438
+ .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 {
24427
24439
  content: none;
24428
24440
  }
24429
- .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,
24430
- .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 {
24441
+ .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,
24442
+ .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 {
24431
24443
  padding: 0;
24432
24444
  }
24433
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24445
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24434
24446
  display: none;
24435
24447
  }
24436
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24448
+ .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 {
24437
24449
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24438
24450
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24439
24451
  }
@@ -24471,10 +24483,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24471
24483
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24472
24484
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24473
24485
  }
24474
- .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,
24475
- .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,
24476
- .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,
24477
- .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 {
24486
+ .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,
24487
+ .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,
24488
+ .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,
24489
+ .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 {
24478
24490
  width: auto;
24479
24491
  padding: 0;
24480
24492
  }
@@ -24600,6 +24612,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24600
24612
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
24601
24613
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
24602
24614
  }
24615
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
24616
+ --pf-v6-c-table__expandable-row--Display: block;
24617
+ }
24603
24618
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
24604
24619
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24605
24620
  }
@@ -24611,7 +24626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24611
24626
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24612
24627
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24613
24628
  }
24614
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24629
+ .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))) {
24615
24630
  display: grid;
24616
24631
  grid-template-columns: 1fr;
24617
24632
  height: auto;
@@ -24622,13 +24637,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24622
24637
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24623
24638
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24624
24639
  }
24625
- .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) {
24640
+ .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) {
24626
24641
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24627
24642
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24628
24643
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24629
24644
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24630
24645
  }
24631
- .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 {
24646
+ .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 {
24632
24647
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24633
24648
  }
24634
24649
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -24666,7 +24681,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24666
24681
  position: revert;
24667
24682
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24668
24683
  text-align: start;
24669
- content: attr(data-label);
24684
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24670
24685
  }
24671
24686
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24672
24687
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24710,7 +24725,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24710
24725
  width: auto;
24711
24726
  background-color: transparent;
24712
24727
  }
24713
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
24728
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24714
24729
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24715
24730
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24716
24731
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24722,24 +24737,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24722
24737
  overflow-y: auto;
24723
24738
  border-block-end: none;
24724
24739
  }
24725
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24740
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24726
24741
  position: static;
24727
24742
  display: block;
24728
24743
  }
24729
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24744
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24730
24745
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24731
24746
  }
24732
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24747
+ .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 {
24733
24748
  content: none;
24734
24749
  }
24735
- .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,
24736
- .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 {
24750
+ .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,
24751
+ .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 {
24737
24752
  padding: 0;
24738
24753
  }
24739
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24754
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24740
24755
  display: none;
24741
24756
  }
24742
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24757
+ .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 {
24743
24758
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24744
24759
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24745
24760
  }
@@ -24777,10 +24792,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24777
24792
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24778
24793
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24779
24794
  }
24780
- .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,
24781
- .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,
24782
- .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,
24783
- .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 {
24795
+ .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,
24796
+ .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,
24797
+ .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,
24798
+ .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 {
24784
24799
  width: auto;
24785
24800
  padding: 0;
24786
24801
  }
@@ -24882,6 +24897,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24882
24897
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24883
24898
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24884
24899
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
24900
+ --pf-v6-c-table__tbody--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
24901
+ --pf-v6-c-table__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
24885
24902
  --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
24886
24903
  --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
24887
24904
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
@@ -25074,7 +25091,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25074
25091
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
25075
25092
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
25076
25093
  }
25077
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
25094
+ .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 {
25078
25095
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
25079
25096
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
25080
25097
  }
@@ -25274,7 +25291,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25274
25291
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
25275
25292
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
25276
25293
  }
25277
- .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) {
25294
+ .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))) {
25278
25295
  border: none;
25279
25296
  }
25280
25297
  .pf-v6-c-table.pf-m-drag-over {
@@ -25290,8 +25307,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25290
25307
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
25291
25308
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
25292
25309
  }
25293
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25294
- display: revert;
25310
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
25311
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25295
25312
  visibility: hidden;
25296
25313
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25297
25314
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
@@ -25300,30 +25317,33 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25300
25317
  transition-property: opacity, translate, visibility, background-color;
25301
25318
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25302
25319
  }
25303
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25304
- display: revert;
25320
+ .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] {
25321
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
25305
25322
  }
25306
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25323
+ .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 {
25307
25324
  visibility: visible;
25308
25325
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25309
25326
  transition-delay: 0s;
25310
25327
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25311
25328
  translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25312
25329
  }
25313
- .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 {
25330
+ .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 {
25314
25331
  max-height: 99999px;
25315
25332
  }
25316
- .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),
25317
- .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 {
25333
+ .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) {
25334
+ --pf-v6-c-table--cell--responsive--label: none;
25335
+ }
25336
+ .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),
25337
+ .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 {
25318
25338
  padding: 0;
25319
25339
  overflow: hidden;
25320
25340
  transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25321
25341
  transition-property: padding, max-height, overflow;
25322
25342
  }
25323
- .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 {
25343
+ .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 {
25324
25344
  max-height: 0;
25325
25345
  }
25326
- .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 {
25346
+ .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)) {
25327
25347
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25328
25348
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25329
25349
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
@@ -25630,53 +25650,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25630
25650
  pointer-events: none;
25631
25651
  }
25632
25652
 
25633
- .pf-v6-c-table__expandable-row {
25634
- position: relative;
25635
- border-block-end: 0 solid transparent;
25636
- }
25637
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25638
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25639
- padding-block-start: 0;
25640
- }
25641
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25642
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25643
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25644
- }
25645
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
25646
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
25647
- padding-block-start: 0;
25648
- padding-block-end: 0;
25649
- padding-inline-start: 0;
25650
- padding-inline-end: 0;
25651
- }
25652
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25653
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25654
- padding: 0;
25655
- border-radius: 0;
25656
- }
25657
- .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
25658
- padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
25659
- padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
25660
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
25661
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
25662
- background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25663
- border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25664
- }
25665
- .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25666
- background-color: transparent;
25667
- }
25668
- .pf-v6-c-table__expandable-row.pf-m-expanded {
25669
- border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25670
- border-block-end-width: var(--pf-v6-c-table--border-width--base);
25671
- }
25672
- .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25673
- display: none;
25674
- }
25675
- .pf-v6-c-table__expandable-row tr:last-child {
25676
- border-block-end: 0;
25677
- }
25678
-
25679
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25653
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row.pf-m-expanded) {
25680
25654
  border-block-end: 0;
25681
25655
  }
25682
25656
 
@@ -25684,7 +25658,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25684
25658
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25685
25659
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
25686
25660
  }
25687
- .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
25661
+ .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))) {
25688
25662
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25689
25663
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
25690
25664
  }
@@ -25728,16 +25702,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25728
25702
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
25729
25703
  }
25730
25704
 
25731
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
25705
+ .pf-v6-c-table__tr.pf-m-expanded:has(~ .pf-v6-c-table__expandable-row) {
25732
25706
  border-block-end: 0;
25733
25707
  }
25734
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
25735
- border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
25736
- }
25737
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
25738
- border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
25708
+
25709
+ .pf-v6-c-table__tbody.pf-m-expanded, .pf-v6-c-table__tbody:has(> .pf-v6-c-table__expandable-row.pf-m-expanded) {
25710
+ border-block-end: var(--pf-v6-c-table__tbody--BorderBlockEndWidth) solid var(--pf-v6-c-table__tbody--BorderBlockEndColor);
25739
25711
  }
25740
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25712
+ .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25741
25713
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
25742
25714
  border-block-end: 0;
25743
25715
  }
@@ -25752,6 +25724,52 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25752
25724
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
25753
25725
  }
25754
25726
 
25727
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
25728
+ position: relative;
25729
+ border-block-end: 0 solid transparent;
25730
+ }
25731
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
25732
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
25733
+ padding-block-start: 0;
25734
+ }
25735
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
25736
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
25737
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25738
+ }
25739
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding,
25740
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding {
25741
+ padding-block-start: 0;
25742
+ padding-block-end: 0;
25743
+ padding-inline-start: 0;
25744
+ padding-inline-end: 0;
25745
+ }
25746
+ .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,
25747
+ .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 {
25748
+ padding: 0;
25749
+ border-radius: 0;
25750
+ }
25751
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
25752
+ padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
25753
+ padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
25754
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
25755
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
25756
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25757
+ border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25758
+ }
25759
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25760
+ background-color: transparent;
25761
+ }
25762
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
25763
+ border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25764
+ border-block-end-width: var(--pf-v6-c-table--border-width--base);
25765
+ }
25766
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
25767
+ display: none;
25768
+ }
25769
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) tr:last-child {
25770
+ border-block-end: 0;
25771
+ }
25772
+
25755
25773
  .pf-v6-c-table__icon-inline {
25756
25774
  display: flex;
25757
25775
  align-items: center;