@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-no-globals.css CHANGED
@@ -23246,6 +23246,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23246
23246
  .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
23247
23247
  --pf-v6-c-table__expandable-row--Display: block;
23248
23248
  }
23249
+ .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 {
23250
+ content: none;
23251
+ }
23249
23252
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
23250
23253
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23251
23254
  }
@@ -23257,7 +23260,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23257
23260
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23258
23261
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23259
23262
  }
23260
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
23263
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23261
23264
  display: grid;
23262
23265
  grid-template-columns: 1fr;
23263
23266
  height: auto;
@@ -23268,13 +23271,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23268
23271
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23269
23272
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23270
23273
  }
23271
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
23274
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
23272
23275
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23273
23276
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23274
23277
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23275
23278
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23276
23279
  }
23277
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
23280
+ .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 {
23278
23281
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23279
23282
  }
23280
23283
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -23312,7 +23315,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23312
23315
  position: revert;
23313
23316
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23314
23317
  text-align: start;
23315
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23318
+ content: attr(data-label);
23316
23319
  }
23317
23320
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23318
23321
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23356,7 +23359,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23356
23359
  width: auto;
23357
23360
  background-color: transparent;
23358
23361
  }
23359
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23362
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
23360
23363
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23361
23364
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23362
23365
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23368,24 +23371,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23368
23371
  overflow-y: auto;
23369
23372
  border-block-end: none;
23370
23373
  }
23371
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23374
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23372
23375
  position: static;
23373
23376
  display: block;
23374
23377
  }
23375
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23378
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23376
23379
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23377
23380
  }
23378
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
23381
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23379
23382
  content: none;
23380
23383
  }
23381
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
23382
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
23384
+ .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,
23385
+ .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 {
23383
23386
  padding: 0;
23384
23387
  }
23385
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23388
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
23386
23389
  display: none;
23387
23390
  }
23388
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
23391
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
23389
23392
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23390
23393
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23391
23394
  }
@@ -23423,10 +23426,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23423
23426
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
23424
23427
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
23425
23428
  }
23426
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
23427
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
23428
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
23429
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
23429
+ .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,
23430
+ .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,
23431
+ .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,
23432
+ .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 {
23430
23433
  width: auto;
23431
23434
  padding: 0;
23432
23435
  }
@@ -23552,6 +23555,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23552
23555
  .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
23553
23556
  --pf-v6-c-table__expandable-row--Display: block;
23554
23557
  }
23558
+ .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 {
23559
+ content: none;
23560
+ }
23555
23561
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
23556
23562
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23557
23563
  }
@@ -23563,7 +23569,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23563
23569
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23564
23570
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23565
23571
  }
23566
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
23572
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23567
23573
  display: grid;
23568
23574
  grid-template-columns: 1fr;
23569
23575
  height: auto;
@@ -23574,13 +23580,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23574
23580
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23575
23581
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23576
23582
  }
23577
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
23583
+ .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) {
23578
23584
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23579
23585
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23580
23586
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23581
23587
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23582
23588
  }
23583
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
23589
+ .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 {
23584
23590
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23585
23591
  }
23586
23592
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -23618,7 +23624,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23618
23624
  position: revert;
23619
23625
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23620
23626
  text-align: start;
23621
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23627
+ content: attr(data-label);
23622
23628
  }
23623
23629
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23624
23630
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23662,7 +23668,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23662
23668
  width: auto;
23663
23669
  background-color: transparent;
23664
23670
  }
23665
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23671
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
23666
23672
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23667
23673
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23668
23674
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23674,24 +23680,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23674
23680
  overflow-y: auto;
23675
23681
  border-block-end: none;
23676
23682
  }
23677
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23683
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23678
23684
  position: static;
23679
23685
  display: block;
23680
23686
  }
23681
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23687
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23682
23688
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23683
23689
  }
23684
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
23690
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23685
23691
  content: none;
23686
23692
  }
23687
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
23688
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
23693
+ .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,
23694
+ .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 {
23689
23695
  padding: 0;
23690
23696
  }
23691
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
23697
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
23692
23698
  display: none;
23693
23699
  }
23694
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
23700
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
23695
23701
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
23696
23702
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
23697
23703
  }
@@ -23729,10 +23735,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23729
23735
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
23730
23736
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
23731
23737
  }
23732
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
23733
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
23734
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
23735
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
23738
+ .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,
23739
+ .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,
23740
+ .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,
23741
+ .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 {
23736
23742
  width: auto;
23737
23743
  padding: 0;
23738
23744
  }
@@ -23861,6 +23867,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23861
23867
  .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
23862
23868
  --pf-v6-c-table__expandable-row--Display: block;
23863
23869
  }
23870
+ .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 {
23871
+ content: none;
23872
+ }
23864
23873
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
23865
23874
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
23866
23875
  }
@@ -23872,7 +23881,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23872
23881
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
23873
23882
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
23874
23883
  }
23875
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
23884
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
23876
23885
  display: grid;
23877
23886
  grid-template-columns: 1fr;
23878
23887
  height: auto;
@@ -23883,13 +23892,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23883
23892
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
23884
23893
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
23885
23894
  }
23886
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
23895
+ .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) {
23887
23896
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
23888
23897
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
23889
23898
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
23890
23899
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
23891
23900
  }
23892
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
23901
+ .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 {
23893
23902
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
23894
23903
  }
23895
23904
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -23927,7 +23936,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23927
23936
  position: revert;
23928
23937
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
23929
23938
  text-align: start;
23930
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
23939
+ content: attr(data-label);
23931
23940
  }
23932
23941
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23933
23942
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -23971,7 +23980,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23971
23980
  width: auto;
23972
23981
  background-color: transparent;
23973
23982
  }
23974
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
23983
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
23975
23984
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
23976
23985
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
23977
23986
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -23983,24 +23992,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23983
23992
  overflow-y: auto;
23984
23993
  border-block-end: none;
23985
23994
  }
23986
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
23995
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
23987
23996
  position: static;
23988
23997
  display: block;
23989
23998
  }
23990
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
23999
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
23991
24000
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
23992
24001
  }
23993
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
24002
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
23994
24003
  content: none;
23995
24004
  }
23996
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
23997
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24005
+ .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,
24006
+ .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 {
23998
24007
  padding: 0;
23999
24008
  }
24000
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24009
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24001
24010
  display: none;
24002
24011
  }
24003
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
24012
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24004
24013
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24005
24014
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24006
24015
  }
@@ -24038,10 +24047,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24038
24047
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24039
24048
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24040
24049
  }
24041
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
24042
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
24043
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
24044
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
24050
+ .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,
24051
+ .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,
24052
+ .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,
24053
+ .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 {
24045
24054
  width: auto;
24046
24055
  padding: 0;
24047
24056
  }
@@ -24170,6 +24179,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24170
24179
  .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
24171
24180
  --pf-v6-c-table__expandable-row--Display: block;
24172
24181
  }
24182
+ .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 {
24183
+ content: none;
24184
+ }
24173
24185
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
24174
24186
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24175
24187
  }
@@ -24181,7 +24193,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24181
24193
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24182
24194
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24183
24195
  }
24184
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
24196
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24185
24197
  display: grid;
24186
24198
  grid-template-columns: 1fr;
24187
24199
  height: auto;
@@ -24192,13 +24204,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24192
24204
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24193
24205
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24194
24206
  }
24195
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
24207
+ .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) {
24196
24208
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24197
24209
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24198
24210
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24199
24211
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24200
24212
  }
24201
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
24213
+ .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 {
24202
24214
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24203
24215
  }
24204
24216
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -24236,7 +24248,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24236
24248
  position: revert;
24237
24249
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24238
24250
  text-align: start;
24239
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24251
+ content: attr(data-label);
24240
24252
  }
24241
24253
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24242
24254
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24280,7 +24292,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24280
24292
  width: auto;
24281
24293
  background-color: transparent;
24282
24294
  }
24283
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24295
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
24284
24296
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24285
24297
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24286
24298
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24292,24 +24304,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24292
24304
  overflow-y: auto;
24293
24305
  border-block-end: none;
24294
24306
  }
24295
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24307
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24296
24308
  position: static;
24297
24309
  display: block;
24298
24310
  }
24299
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24311
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24300
24312
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24301
24313
  }
24302
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
24314
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24303
24315
  content: none;
24304
24316
  }
24305
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
24306
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24317
+ .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,
24318
+ .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 {
24307
24319
  padding: 0;
24308
24320
  }
24309
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24321
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24310
24322
  display: none;
24311
24323
  }
24312
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
24324
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24313
24325
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24314
24326
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24315
24327
  }
@@ -24347,10 +24359,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24347
24359
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24348
24360
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24349
24361
  }
24350
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
24351
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
24352
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
24353
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
24362
+ .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,
24363
+ .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,
24364
+ .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,
24365
+ .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 {
24354
24366
  width: auto;
24355
24367
  padding: 0;
24356
24368
  }
@@ -24479,6 +24491,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24479
24491
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
24480
24492
  --pf-v6-c-table__expandable-row--Display: block;
24481
24493
  }
24494
+ .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 {
24495
+ content: none;
24496
+ }
24482
24497
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
24483
24498
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
24484
24499
  }
@@ -24490,7 +24505,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24490
24505
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
24491
24506
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
24492
24507
  }
24493
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
24508
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
24494
24509
  display: grid;
24495
24510
  grid-template-columns: 1fr;
24496
24511
  height: auto;
@@ -24501,13 +24516,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24501
24516
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
24502
24517
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
24503
24518
  }
24504
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td) {
24519
+ .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) {
24505
24520
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
24506
24521
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
24507
24522
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
24508
24523
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
24509
24524
  }
24510
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) > :where(th, td):first-child {
24525
+ .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 {
24511
24526
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
24512
24527
  }
24513
24528
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -24545,7 +24560,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24545
24560
  position: revert;
24546
24561
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
24547
24562
  text-align: start;
24548
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
24563
+ content: attr(data-label);
24549
24564
  }
24550
24565
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24551
24566
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -24589,7 +24604,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24589
24604
  width: auto;
24590
24605
  background-color: transparent;
24591
24606
  }
24592
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
24607
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
24593
24608
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
24594
24609
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
24595
24610
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -24601,24 +24616,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24601
24616
  overflow-y: auto;
24602
24617
  border-block-end: none;
24603
24618
  }
24604
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
24619
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
24605
24620
  position: static;
24606
24621
  display: block;
24607
24622
  }
24608
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
24623
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
24609
24624
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
24610
24625
  }
24611
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :first-child:not(.pf-v6-c-table__check)::after {
24626
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
24612
24627
  content: none;
24613
24628
  }
24614
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
24615
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
24629
+ .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,
24630
+ .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 {
24616
24631
  padding: 0;
24617
24632
  }
24618
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
24633
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
24619
24634
  display: none;
24620
24635
  }
24621
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
24636
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
24622
24637
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
24623
24638
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
24624
24639
  }
@@ -24656,10 +24671,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24656
24671
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
24657
24672
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
24658
24673
  }
24659
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__toggle,
24660
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__check,
24661
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__favorite,
24662
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) .pf-v6-c-table__action {
24674
+ .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,
24675
+ .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,
24676
+ .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,
24677
+ .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 {
24663
24678
  width: auto;
24664
24679
  padding: 0;
24665
24680
  }
@@ -24761,8 +24776,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24761
24776
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
24762
24777
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
24763
24778
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
24764
- --pf-v6-c-table__tbody--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
24765
- --pf-v6-c-table__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
24766
24779
  --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
24767
24780
  --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
24768
24781
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
@@ -24955,7 +24968,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24955
24968
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
24956
24969
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
24957
24970
  }
24958
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))).pf-m-ghost-row {
24971
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
24959
24972
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
24960
24973
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
24961
24974
  }
@@ -25155,7 +25168,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25155
25168
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
25156
25169
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
25157
25170
  }
25158
- .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
25171
+ .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) {
25159
25172
  border: none;
25160
25173
  }
25161
25174
  .pf-v6-c-table.pf-m-drag-over {
@@ -25171,7 +25184,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25171
25184
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
25172
25185
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
25173
25186
  }
25174
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
25187
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
25188
+ border-block-end: 0;
25189
+ }
25190
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
25175
25191
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
25176
25192
  visibility: hidden;
25177
25193
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
@@ -25181,33 +25197,36 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25181
25197
  transition-property: opacity, translate, visibility, background-color;
25182
25198
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25183
25199
  }
25184
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2))[hidden] {
25200
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
25185
25201
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
25186
25202
  }
25187
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
25203
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
25188
25204
  visibility: visible;
25189
25205
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
25190
25206
  transition-delay: 0s;
25191
25207
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
25192
25208
  translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
25193
25209
  }
25194
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25210
+ .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 {
25195
25211
  max-height: 99999px;
25196
25212
  }
25197
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) {
25198
- --pf-v6-c-table--cell--responsive--label: none;
25199
- }
25200
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th),
25201
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25213
+ .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),
25214
+ .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 {
25202
25215
  padding: 0;
25203
25216
  overflow: hidden;
25204
25217
  transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25205
25218
  transition-property: padding, max-height, overflow;
25206
25219
  }
25207
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25220
+ .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 {
25208
25221
  max-height: 0;
25209
25222
  }
25210
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
25223
+ .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) {
25224
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25225
+ }
25226
+ .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) {
25227
+ border-block-end: 0;
25228
+ }
25229
+ .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 {
25211
25230
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25212
25231
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25213
25232
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
@@ -25514,7 +25533,46 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25514
25533
  pointer-events: none;
25515
25534
  }
25516
25535
 
25517
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row.pf-m-expanded) {
25536
+ .pf-v6-c-table__expandable-row {
25537
+ position: relative;
25538
+ border-block-end: 0 solid transparent;
25539
+ }
25540
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
25541
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
25542
+ padding-block-start: 0;
25543
+ }
25544
+
25545
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
25546
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
25547
+ padding-block-start: 0;
25548
+ padding-block-end: 0;
25549
+ padding-inline-start: 0;
25550
+ padding-inline-end: 0;
25551
+ }
25552
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25553
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25554
+ padding: 0;
25555
+ border-radius: 0;
25556
+ }
25557
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
25558
+ padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
25559
+ padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
25560
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
25561
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
25562
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25563
+ border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25564
+ }
25565
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25566
+ background-color: transparent;
25567
+ }
25568
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
25569
+ border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25570
+ border-block-end-width: var(--pf-v6-c-table--border-width--base);
25571
+ }
25572
+ .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
25573
+ display: none;
25574
+ }
25575
+ .pf-v6-c-table__expandable-row tr:last-child {
25518
25576
  border-block-end: 0;
25519
25577
  }
25520
25578
 
@@ -25522,7 +25580,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25522
25580
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25523
25581
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
25524
25582
  }
25525
- .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row:where(:nth-child(n+2))) {
25583
+ .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
25526
25584
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
25527
25585
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
25528
25586
  }
@@ -25566,15 +25624,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25566
25624
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
25567
25625
  }
25568
25626
 
25569
- .pf-v6-c-table__tr.pf-m-expanded:has(~ .pf-v6-c-table__expandable-row) {
25627
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
25570
25628
  border-block-end: 0;
25571
25629
  }
25572
-
25573
- .pf-v6-c-table__tbody.pf-m-expanded, .pf-v6-c-table__tbody:has(> .pf-v6-c-table__expandable-row.pf-m-expanded) {
25574
- border-block-end: var(--pf-v6-c-table__tbody--BorderBlockEndWidth) solid var(--pf-v6-c-table__tbody--BorderBlockEndColor);
25630
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
25631
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
25575
25632
  }
25576
- .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25633
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
25634
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
25635
+ }
25636
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
25577
25637
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
25638
+ border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
25639
+ }
25640
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
25578
25641
  border-block-end: 0;
25579
25642
  }
25580
25643
 
@@ -25588,52 +25651,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25588
25651
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
25589
25652
  }
25590
25653
 
25591
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
25592
- position: relative;
25593
- border-block-end: 0 solid transparent;
25594
- }
25595
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
25596
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
25597
- padding-block-start: 0;
25598
- }
25599
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
25600
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
25601
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
25602
- }
25603
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding,
25604
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding {
25605
- padding-block-start: 0;
25606
- padding-block-end: 0;
25607
- padding-inline-start: 0;
25608
- padding-inline-end: 0;
25609
- }
25610
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
25611
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
25612
- padding: 0;
25613
- border-radius: 0;
25614
- }
25615
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
25616
- padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
25617
- padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
25618
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
25619
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
25620
- background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
25621
- border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
25622
- }
25623
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content.pf-m-no-background {
25624
- background-color: transparent;
25625
- }
25626
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
25627
- border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
25628
- border-block-end-width: var(--pf-v6-c-table--border-width--base);
25629
- }
25630
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
25631
- display: none;
25632
- }
25633
- .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) tr:last-child {
25634
- border-block-end: 0;
25635
- }
25636
-
25637
25654
  .pf-v6-c-table__icon-inline {
25638
25655
  display: flex;
25639
25656
  align-items: center;