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

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 (12) hide show
  1. package/components/Table/table-grid.css +95 -80
  2. package/components/Table/table-grid.scss +16 -4
  3. package/components/Table/table.css +70 -68
  4. package/components/Table/table.scss +97 -86
  5. package/components/_index.css +165 -148
  6. package/docs/components/Table/examples/Table.md +3 -15
  7. package/docs/demos/Table/examples/Table.md +12 -3
  8. package/package.json +1 -1
  9. package/patternfly-no-globals.css +165 -148
  10. package/patternfly.css +165 -148
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -23382,6 +23382,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23382
23382
  .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
23383
23383
  --pf-v6-c-table__expandable-row--Display: block;
23384
23384
  }
23385
+ .pf-m-grid.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)[data-label]::before {
23386
+ content: none;
23387
+ }
23385
23388
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
23386
23389
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23387
23390
  }
@@ -23393,7 +23396,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23393
23396
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23394
23397
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23395
23398
  }
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))) {
23399
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23397
23400
  display: grid;
23398
23401
  grid-template-columns: 1fr;
23399
23402
  height: auto;
@@ -23404,13 +23407,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23404
23407
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23405
23408
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23406
23409
  }
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) {
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) {
23408
23411
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23409
23412
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23410
23413
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23411
23414
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23412
23415
  }
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 {
23416
+ .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 {
23414
23417
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23415
23418
  }
23416
23419
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -23448,7 +23451,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23448
23451
  position: revert;
23449
23452
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23450
23453
  text-align: start;
23451
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23454
+ content: attr(data-label);
23452
23455
  }
23453
23456
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23454
23457
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23492,7 +23495,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23492
23495
  width: auto;
23493
23496
  background-color: transparent;
23494
23497
  }
23495
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23498
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
23496
23499
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23497
23500
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23498
23501
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23504,24 +23507,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23504
23507
  overflow-y: auto;
23505
23508
  border-block-end: none;
23506
23509
  }
23507
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23510
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23508
23511
  position: static;
23509
23512
  display: block;
23510
23513
  }
23511
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23514
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23512
23515
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23513
23516
  }
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 {
23517
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23515
23518
  content: none;
23516
23519
  }
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 {
23520
+ .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,
23521
+ .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 {
23519
23522
  padding: 0;
23520
23523
  }
23521
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23524
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
23522
23525
  display: none;
23523
23526
  }
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 {
23527
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
23525
23528
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23526
23529
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23527
23530
  }
@@ -23559,10 +23562,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23559
23562
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
23560
23563
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
23561
23564
  }
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 {
23565
+ .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,
23566
+ .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,
23567
+ .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,
23568
+ .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 {
23566
23569
  width: auto;
23567
23570
  padding: 0;
23568
23571
  }
@@ -23688,6 +23691,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23688
23691
  .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
23689
23692
  --pf-v6-c-table__expandable-row--Display: block;
23690
23693
  }
23694
+ .pf-m-grid-md.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)[data-label]::before {
23695
+ content: none;
23696
+ }
23691
23697
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
23692
23698
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23693
23699
  }
@@ -23699,7 +23705,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23699
23705
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23700
23706
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23701
23707
  }
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))) {
23708
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23703
23709
  display: grid;
23704
23710
  grid-template-columns: 1fr;
23705
23711
  height: auto;
@@ -23710,13 +23716,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23710
23716
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23711
23717
  padding-inline-start: var(--pf-v6-c-table__tr--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(:nth-child(n+2))) > :where(th, td) {
23719
+ .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) {
23714
23720
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23715
23721
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23716
23722
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23717
23723
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23718
23724
  }
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 {
23725
+ .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 {
23720
23726
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23721
23727
  }
23722
23728
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -23754,7 +23760,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23754
23760
  position: revert;
23755
23761
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23756
23762
  text-align: start;
23757
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23763
+ content: attr(data-label);
23758
23764
  }
23759
23765
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23760
23766
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23798,7 +23804,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23798
23804
  width: auto;
23799
23805
  background-color: transparent;
23800
23806
  }
23801
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23807
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
23802
23808
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23803
23809
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23804
23810
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23810,24 +23816,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23810
23816
  overflow-y: auto;
23811
23817
  border-block-end: none;
23812
23818
  }
23813
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23819
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23814
23820
  position: static;
23815
23821
  display: block;
23816
23822
  }
23817
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23823
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23818
23824
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23819
23825
  }
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 {
23826
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23821
23827
  content: none;
23822
23828
  }
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 {
23829
+ .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,
23830
+ .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 {
23825
23831
  padding: 0;
23826
23832
  }
23827
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23833
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
23828
23834
  display: none;
23829
23835
  }
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 {
23836
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
23831
23837
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23832
23838
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23833
23839
  }
@@ -23865,10 +23871,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23865
23871
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
23866
23872
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
23867
23873
  }
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 {
23874
+ .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,
23875
+ .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,
23876
+ .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,
23877
+ .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 {
23872
23878
  width: auto;
23873
23879
  padding: 0;
23874
23880
  }
@@ -23997,6 +24003,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23997
24003
  .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
23998
24004
  --pf-v6-c-table__expandable-row--Display: block;
23999
24005
  }
24006
+ .pf-m-grid-lg.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)[data-label]::before {
24007
+ content: none;
24008
+ }
24000
24009
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
24001
24010
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24002
24011
  }
@@ -24008,7 +24017,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24008
24017
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24009
24018
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24010
24019
  }
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))) {
24020
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24012
24021
  display: grid;
24013
24022
  grid-template-columns: 1fr;
24014
24023
  height: auto;
@@ -24019,13 +24028,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24019
24028
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24020
24029
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24021
24030
  }
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) {
24031
+ .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) {
24023
24032
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24024
24033
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24025
24034
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24026
24035
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24027
24036
  }
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 {
24037
+ .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 {
24029
24038
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24030
24039
  }
24031
24040
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -24063,7 +24072,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24063
24072
  position: revert;
24064
24073
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24065
24074
  text-align: start;
24066
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24075
+ content: attr(data-label);
24067
24076
  }
24068
24077
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24069
24078
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24107,7 +24116,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24107
24116
  width: auto;
24108
24117
  background-color: transparent;
24109
24118
  }
24110
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24119
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
24111
24120
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24112
24121
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24113
24122
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24119,24 +24128,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24119
24128
  overflow-y: auto;
24120
24129
  border-block-end: none;
24121
24130
  }
24122
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24131
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24123
24132
  position: static;
24124
24133
  display: block;
24125
24134
  }
24126
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24135
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24127
24136
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24128
24137
  }
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 {
24138
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24130
24139
  content: none;
24131
24140
  }
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 {
24141
+ .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,
24142
+ .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 {
24134
24143
  padding: 0;
24135
24144
  }
24136
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24145
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24137
24146
  display: none;
24138
24147
  }
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 {
24148
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24140
24149
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24141
24150
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24142
24151
  }
@@ -24174,10 +24183,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24174
24183
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24175
24184
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24176
24185
  }
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 {
24186
+ .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,
24187
+ .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,
24188
+ .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,
24189
+ .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 {
24181
24190
  width: auto;
24182
24191
  padding: 0;
24183
24192
  }
@@ -24306,6 +24315,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24306
24315
  .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
24307
24316
  --pf-v6-c-table__expandable-row--Display: block;
24308
24317
  }
24318
+ .pf-m-grid-xl.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)[data-label]::before {
24319
+ content: none;
24320
+ }
24309
24321
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
24310
24322
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24311
24323
  }
@@ -24317,7 +24329,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24317
24329
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24318
24330
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24319
24331
  }
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))) {
24332
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24321
24333
  display: grid;
24322
24334
  grid-template-columns: 1fr;
24323
24335
  height: auto;
@@ -24328,13 +24340,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24328
24340
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24329
24341
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24330
24342
  }
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) {
24343
+ .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) {
24332
24344
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24333
24345
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24334
24346
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24335
24347
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24336
24348
  }
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 {
24349
+ .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 {
24338
24350
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24339
24351
  }
24340
24352
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -24372,7 +24384,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24372
24384
  position: revert;
24373
24385
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24374
24386
  text-align: start;
24375
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24387
+ content: attr(data-label);
24376
24388
  }
24377
24389
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24378
24390
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24416,7 +24428,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24416
24428
  width: auto;
24417
24429
  background-color: transparent;
24418
24430
  }
24419
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24431
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
24420
24432
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24421
24433
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24422
24434
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24428,24 +24440,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24428
24440
  overflow-y: auto;
24429
24441
  border-block-end: none;
24430
24442
  }
24431
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24443
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24432
24444
  position: static;
24433
24445
  display: block;
24434
24446
  }
24435
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24447
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24436
24448
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24437
24449
  }
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 {
24450
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24439
24451
  content: none;
24440
24452
  }
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 {
24453
+ .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,
24454
+ .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 {
24443
24455
  padding: 0;
24444
24456
  }
24445
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24457
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24446
24458
  display: none;
24447
24459
  }
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 {
24460
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24449
24461
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24450
24462
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24451
24463
  }
@@ -24483,10 +24495,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24483
24495
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24484
24496
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24485
24497
  }
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 {
24498
+ .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,
24499
+ .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,
24500
+ .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,
24501
+ .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 {
24490
24502
  width: auto;
24491
24503
  padding: 0;
24492
24504
  }
@@ -24615,6 +24627,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24615
24627
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
24616
24628
  --pf-v6-c-table__expandable-row--Display: block;
24617
24629
  }
24630
+ .pf-m-grid-2xl.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)[data-label]::before {
24631
+ content: none;
24632
+ }
24618
24633
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
24619
24634
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24620
24635
  }
@@ -24626,7 +24641,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24626
24641
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24627
24642
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24628
24643
  }
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))) {
24644
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24630
24645
  display: grid;
24631
24646
  grid-template-columns: 1fr;
24632
24647
  height: auto;
@@ -24637,13 +24652,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24637
24652
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24638
24653
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24639
24654
  }
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) {
24655
+ .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) {
24641
24656
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24642
24657
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24643
24658
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24644
24659
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24645
24660
  }
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 {
24661
+ .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 {
24647
24662
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24648
24663
  }
24649
24664
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -24681,7 +24696,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24681
24696
  position: revert;
24682
24697
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24683
24698
  text-align: start;
24684
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24699
+ content: attr(data-label);
24685
24700
  }
24686
24701
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24687
24702
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24725,7 +24740,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24725
24740
  width: auto;
24726
24741
  background-color: transparent;
24727
24742
  }
24728
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24743
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
24729
24744
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24730
24745
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24731
24746
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24737,24 +24752,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24737
24752
  overflow-y: auto;
24738
24753
  border-block-end: none;
24739
24754
  }
24740
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24755
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24741
24756
  position: static;
24742
24757
  display: block;
24743
24758
  }
24744
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24759
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24745
24760
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24746
24761
  }
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 {
24762
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24748
24763
  content: none;
24749
24764
  }
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 {
24765
+ .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,
24766
+ .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 {
24752
24767
  padding: 0;
24753
24768
  }
24754
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24769
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24755
24770
  display: none;
24756
24771
  }
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 {
24772
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24758
24773
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24759
24774
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24760
24775
  }
@@ -24792,10 +24807,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24792
24807
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24793
24808
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24794
24809
  }
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 {
24810
+ .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,
24811
+ .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,
24812
+ .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,
24813
+ .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 {
24799
24814
  width: auto;
24800
24815
  padding: 0;
24801
24816
  }
@@ -24897,8 +24912,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24897
24912
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24898
24913
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24899
24914
  --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);
24902
24915
  --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
24903
24916
  --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
24904
24917
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
@@ -25091,7 +25104,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25091
25104
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
25092
25105
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
25093
25106
  }
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 {
25107
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
25095
25108
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
25096
25109
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
25097
25110
  }
@@ -25291,7 +25304,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25291
25304
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
25292
25305
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
25293
25306
  }
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))) {
25307
+ .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) {
25295
25308
  border: none;
25296
25309
  }
25297
25310
  .pf-v6-c-table.pf-m-drag-over {
@@ -25307,7 +25320,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25307
25320
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
25308
25321
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
25309
25322
  }
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)) {
25323
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
25324
+ border-block-end: 0;
25325
+ }
25326
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25311
25327
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
25312
25328
  visibility: hidden;
25313
25329
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
@@ -25317,33 +25333,36 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25317
25333
  transition-property: opacity, translate, visibility, background-color;
25318
25334
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25319
25335
  }
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] {
25336
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25321
25337
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
25322
25338
  }
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 {
25339
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25324
25340
  visibility: visible;
25325
25341
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25326
25342
  transition-delay: 0s;
25327
25343
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25328
25344
  translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25329
25345
  }
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 {
25346
+ .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 {
25331
25347
  max-height: 99999px;
25332
25348
  }
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 {
25349
+ .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),
25350
+ .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 {
25338
25351
  padding: 0;
25339
25352
  overflow: hidden;
25340
25353
  transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25341
25354
  transition-property: padding, max-height, overflow;
25342
25355
  }
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 {
25356
+ .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 {
25344
25357
  max-height: 0;
25345
25358
  }
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)) {
25359
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):not(.pf-m-no-padding) {
25360
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25361
+ }
25362
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
25363
+ border-block-end: 0;
25364
+ }
25365
+ .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 {
25347
25366
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25348
25367
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25349
25368
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
@@ -25650,7 +25669,46 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25650
25669
  pointer-events: none;
25651
25670
  }
25652
25671
 
25653
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row.pf-m-expanded) {
25672
+ .pf-v6-c-table__expandable-row {
25673
+ position: relative;
25674
+ border-block-end: 0 solid transparent;
25675
+ }
25676
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25677
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25678
+ padding-block-start: 0;
25679
+ }
25680
+
25681
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
25682
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
25683
+ padding-block-start: 0;
25684
+ padding-block-end: 0;
25685
+ padding-inline-start: 0;
25686
+ padding-inline-end: 0;
25687
+ }
25688
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25689
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25690
+ padding: 0;
25691
+ border-radius: 0;
25692
+ }
25693
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
25694
+ padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
25695
+ padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
25696
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
25697
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
25698
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25699
+ border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25700
+ }
25701
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25702
+ background-color: transparent;
25703
+ }
25704
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
25705
+ border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25706
+ border-block-end-width: var(--pf-v6-c-table--border-width--base);
25707
+ }
25708
+ .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25709
+ display: none;
25710
+ }
25711
+ .pf-v6-c-table__expandable-row tr:last-child {
25654
25712
  border-block-end: 0;
25655
25713
  }
25656
25714
 
@@ -25658,7 +25716,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25658
25716
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25659
25717
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
25660
25718
  }
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))) {
25719
+ .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
25662
25720
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25663
25721
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
25664
25722
  }
@@ -25702,15 +25760,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25702
25760
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
25703
25761
  }
25704
25762
 
25705
- .pf-v6-c-table__tr.pf-m-expanded:has(~ .pf-v6-c-table__expandable-row) {
25763
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
25706
25764
  border-block-end: 0;
25707
25765
  }
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);
25766
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
25767
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
25711
25768
  }
25712
- .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25769
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
25770
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
25771
+ }
25772
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25713
25773
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
25774
+ border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
25775
+ }
25776
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
25714
25777
  border-block-end: 0;
25715
25778
  }
25716
25779
 
@@ -25724,52 +25787,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25724
25787
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
25725
25788
  }
25726
25789
 
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
-
25773
25790
  .pf-v6-c-table__icon-inline {
25774
25791
  display: flex;
25775
25792
  align-items: center;