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

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 (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Table/table-grid.css +95 -80
  3. package/css/components/Table/table-grid.d.ts +1 -0
  4. package/css/components/Table/table-grid.js +1 -0
  5. package/css/components/Table/table-grid.mjs +1 -0
  6. package/css/components/Table/table.css +70 -67
  7. package/css/components/Table/table.d.ts +2 -2
  8. package/css/components/Table/table.js +2 -2
  9. package/css/components/Table/table.mjs +2 -2
  10. package/css/components/_index.css +165 -147
  11. package/package.json +3 -3
package/css/components/_index.css CHANGED
@@ -15747,6 +15747,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15747
15747
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15748
15748
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15749
15749
  }
15750
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
15751
+ --pf-v6-c-table__expandable-row--Display: block;
15752
+ }
15750
15753
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
15751
15754
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15752
15755
  }
@@ -15758,7 +15761,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15758
15761
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
15759
15762
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
15760
15763
  }
15761
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
15764
+ .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))) {
15762
15765
  display: grid;
15763
15766
  grid-template-columns: 1fr;
15764
15767
  height: auto;
@@ -15769,13 +15772,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15769
15772
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
15770
15773
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
15771
15774
  }
15772
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
15775
+ .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) {
15773
15776
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
15774
15777
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
15775
15778
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
15776
15779
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
15777
15780
  }
15778
- .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 {
15781
+ .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 {
15779
15782
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
15780
15783
  }
15781
15784
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -15813,7 +15816,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15813
15816
  position: revert;
15814
15817
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15815
15818
  text-align: start;
15816
- content: attr(data-label);
15819
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
15817
15820
  }
15818
15821
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
15819
15822
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -15857,7 +15860,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15857
15860
  width: auto;
15858
15861
  background-color: transparent;
15859
15862
  }
15860
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
15863
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
15861
15864
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
15862
15865
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15863
15866
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -15869,24 +15872,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15869
15872
  overflow-y: auto;
15870
15873
  border-block-end: none;
15871
15874
  }
15872
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
15875
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
15873
15876
  position: static;
15874
15877
  display: block;
15875
15878
  }
15876
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
15879
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
15877
15880
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
15878
15881
  }
15879
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
15882
+ .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 {
15880
15883
  content: none;
15881
15884
  }
15882
- .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,
15883
- .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 {
15885
+ .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,
15886
+ .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 {
15884
15887
  padding: 0;
15885
15888
  }
15886
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
15889
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
15887
15890
  display: none;
15888
15891
  }
15889
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
15892
+ .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 {
15890
15893
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
15891
15894
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
15892
15895
  }
@@ -15924,10 +15927,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15924
15927
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
15925
15928
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
15926
15929
  }
15927
- .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,
15928
- .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,
15929
- .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,
15930
- .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 {
15930
+ .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,
15931
+ .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,
15932
+ .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,
15933
+ .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 {
15931
15934
  width: auto;
15932
15935
  padding: 0;
15933
15936
  }
@@ -16050,6 +16053,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16050
16053
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16051
16054
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16052
16055
  }
16056
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
16057
+ --pf-v6-c-table__expandable-row--Display: block;
16058
+ }
16053
16059
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
16054
16060
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16055
16061
  }
@@ -16061,7 +16067,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16061
16067
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16062
16068
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16063
16069
  }
16064
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16070
+ .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))) {
16065
16071
  display: grid;
16066
16072
  grid-template-columns: 1fr;
16067
16073
  height: auto;
@@ -16072,13 +16078,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16072
16078
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16073
16079
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
16074
16080
  }
16075
- .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) {
16081
+ .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) {
16076
16082
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16077
16083
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16078
16084
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16079
16085
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16080
16086
  }
16081
- .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 {
16087
+ .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 {
16082
16088
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
16083
16089
  }
16084
16090
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -16116,7 +16122,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16116
16122
  position: revert;
16117
16123
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16118
16124
  text-align: start;
16119
- content: attr(data-label);
16125
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
16120
16126
  }
16121
16127
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16122
16128
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -16160,7 +16166,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16160
16166
  width: auto;
16161
16167
  background-color: transparent;
16162
16168
  }
16163
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
16169
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
16164
16170
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
16165
16171
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
16166
16172
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -16172,24 +16178,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16172
16178
  overflow-y: auto;
16173
16179
  border-block-end: none;
16174
16180
  }
16175
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16181
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
16176
16182
  position: static;
16177
16183
  display: block;
16178
16184
  }
16179
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16185
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
16180
16186
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
16181
16187
  }
16182
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16188
+ .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 {
16183
16189
  content: none;
16184
16190
  }
16185
- .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,
16186
- .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 {
16191
+ .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,
16192
+ .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 {
16187
16193
  padding: 0;
16188
16194
  }
16189
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16195
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
16190
16196
  display: none;
16191
16197
  }
16192
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16198
+ .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 {
16193
16199
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
16194
16200
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
16195
16201
  }
@@ -16227,10 +16233,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16227
16233
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
16228
16234
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
16229
16235
  }
16230
- .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,
16231
- .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,
16232
- .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,
16233
- .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 {
16236
+ .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,
16237
+ .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,
16238
+ .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,
16239
+ .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 {
16234
16240
  width: auto;
16235
16241
  padding: 0;
16236
16242
  }
@@ -16356,6 +16362,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16356
16362
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16357
16363
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16358
16364
  }
16365
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
16366
+ --pf-v6-c-table__expandable-row--Display: block;
16367
+ }
16359
16368
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
16360
16369
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16361
16370
  }
@@ -16367,7 +16376,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16367
16376
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16368
16377
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16369
16378
  }
16370
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16379
+ .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))) {
16371
16380
  display: grid;
16372
16381
  grid-template-columns: 1fr;
16373
16382
  height: auto;
@@ -16378,13 +16387,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16378
16387
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16379
16388
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
16380
16389
  }
16381
- .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) {
16390
+ .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) {
16382
16391
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16383
16392
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16384
16393
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16385
16394
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16386
16395
  }
16387
- .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 {
16396
+ .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 {
16388
16397
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
16389
16398
  }
16390
16399
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -16422,7 +16431,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16422
16431
  position: revert;
16423
16432
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16424
16433
  text-align: start;
16425
- content: attr(data-label);
16434
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
16426
16435
  }
16427
16436
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16428
16437
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -16466,7 +16475,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16466
16475
  width: auto;
16467
16476
  background-color: transparent;
16468
16477
  }
16469
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
16478
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
16470
16479
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
16471
16480
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
16472
16481
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -16478,24 +16487,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16478
16487
  overflow-y: auto;
16479
16488
  border-block-end: none;
16480
16489
  }
16481
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16490
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
16482
16491
  position: static;
16483
16492
  display: block;
16484
16493
  }
16485
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16494
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
16486
16495
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
16487
16496
  }
16488
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16497
+ .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 {
16489
16498
  content: none;
16490
16499
  }
16491
- .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,
16492
- .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 {
16500
+ .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,
16501
+ .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 {
16493
16502
  padding: 0;
16494
16503
  }
16495
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16504
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
16496
16505
  display: none;
16497
16506
  }
16498
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16507
+ .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 {
16499
16508
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
16500
16509
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
16501
16510
  }
@@ -16533,10 +16542,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16533
16542
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
16534
16543
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
16535
16544
  }
16536
- .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,
16537
- .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,
16538
- .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,
16539
- .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 {
16545
+ .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,
16546
+ .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,
16547
+ .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,
16548
+ .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 {
16540
16549
  width: auto;
16541
16550
  padding: 0;
16542
16551
  }
@@ -16662,6 +16671,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16662
16671
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16663
16672
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16664
16673
  }
16674
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
16675
+ --pf-v6-c-table__expandable-row--Display: block;
16676
+ }
16665
16677
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
16666
16678
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16667
16679
  }
@@ -16673,7 +16685,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16673
16685
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16674
16686
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16675
16687
  }
16676
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16688
+ .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))) {
16677
16689
  display: grid;
16678
16690
  grid-template-columns: 1fr;
16679
16691
  height: auto;
@@ -16684,13 +16696,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16684
16696
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16685
16697
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
16686
16698
  }
16687
- .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) {
16699
+ .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) {
16688
16700
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16689
16701
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16690
16702
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16691
16703
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16692
16704
  }
16693
- .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 {
16705
+ .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 {
16694
16706
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
16695
16707
  }
16696
16708
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -16728,7 +16740,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16728
16740
  position: revert;
16729
16741
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16730
16742
  text-align: start;
16731
- content: attr(data-label);
16743
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
16732
16744
  }
16733
16745
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16734
16746
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -16772,7 +16784,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16772
16784
  width: auto;
16773
16785
  background-color: transparent;
16774
16786
  }
16775
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
16787
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
16776
16788
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
16777
16789
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
16778
16790
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -16784,24 +16796,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16784
16796
  overflow-y: auto;
16785
16797
  border-block-end: none;
16786
16798
  }
16787
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16799
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
16788
16800
  position: static;
16789
16801
  display: block;
16790
16802
  }
16791
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16803
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
16792
16804
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
16793
16805
  }
16794
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16806
+ .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 {
16795
16807
  content: none;
16796
16808
  }
16797
- .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,
16798
- .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 {
16809
+ .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,
16810
+ .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 {
16799
16811
  padding: 0;
16800
16812
  }
16801
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16813
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
16802
16814
  display: none;
16803
16815
  }
16804
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16816
+ .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 {
16805
16817
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
16806
16818
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
16807
16819
  }
@@ -16839,10 +16851,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16839
16851
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
16840
16852
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
16841
16853
  }
16842
- .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,
16843
- .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,
16844
- .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,
16845
- .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 {
16854
+ .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,
16855
+ .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,
16856
+ .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,
16857
+ .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 {
16846
16858
  width: auto;
16847
16859
  padding: 0;
16848
16860
  }
@@ -16968,6 +16980,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16968
16980
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16969
16981
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16970
16982
  }
16983
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
16984
+ --pf-v6-c-table__expandable-row--Display: block;
16985
+ }
16971
16986
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
16972
16987
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16973
16988
  }
@@ -16979,7 +16994,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16979
16994
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16980
16995
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16981
16996
  }
16982
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16997
+ .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))) {
16983
16998
  display: grid;
16984
16999
  grid-template-columns: 1fr;
16985
17000
  height: auto;
@@ -16990,13 +17005,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16990
17005
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16991
17006
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
16992
17007
  }
16993
- .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) {
17008
+ .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) {
16994
17009
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16995
17010
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16996
17011
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16997
17012
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16998
17013
  }
16999
- .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 {
17014
+ .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 {
17000
17015
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
17001
17016
  }
17002
17017
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -17034,7 +17049,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17034
17049
  position: revert;
17035
17050
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
17036
17051
  text-align: start;
17037
- content: attr(data-label);
17052
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
17038
17053
  }
17039
17054
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
17040
17055
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -17078,7 +17093,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17078
17093
  width: auto;
17079
17094
  background-color: transparent;
17080
17095
  }
17081
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
17096
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
17082
17097
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
17083
17098
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17084
17099
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -17090,24 +17105,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17090
17105
  overflow-y: auto;
17091
17106
  border-block-end: none;
17092
17107
  }
17093
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
17108
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
17094
17109
  position: static;
17095
17110
  display: block;
17096
17111
  }
17097
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
17112
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
17098
17113
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
17099
17114
  }
17100
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
17115
+ .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 {
17101
17116
  content: none;
17102
17117
  }
17103
- .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,
17104
- .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 {
17118
+ .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,
17119
+ .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 {
17105
17120
  padding: 0;
17106
17121
  }
17107
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17122
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
17108
17123
  display: none;
17109
17124
  }
17110
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
17125
+ .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 {
17111
17126
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
17112
17127
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
17113
17128
  }
@@ -17145,10 +17160,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17145
17160
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
17146
17161
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
17147
17162
  }
17148
- .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,
17149
- .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,
17150
- .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,
17151
- .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 {
17163
+ .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,
17164
+ .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,
17165
+ .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,
17166
+ .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 {
17152
17167
  width: auto;
17153
17168
  padding: 0;
17154
17169
  }
@@ -17250,6 +17265,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17250
17265
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17251
17266
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17252
17267
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
17268
+ --pf-v6-c-table__tbody--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17269
+ --pf-v6-c-table__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
17253
17270
  --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17254
17271
  --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
17255
17272
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
@@ -17442,7 +17459,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17442
17459
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
17443
17460
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
17444
17461
  }
17445
- .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
17462
+ .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 {
17446
17463
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
17447
17464
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
17448
17465
  }
@@ -17642,7 +17659,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17642
17659
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
17643
17660
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
17644
17661
  }
17645
- .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) {
17662
+ .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))) {
17646
17663
  border: none;
17647
17664
  }
17648
17665
  .pf-v6-c-table.pf-m-drag-over {
@@ -17658,8 +17675,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17658
17675
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
17659
17676
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
17660
17677
  }
17661
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
17662
- display: revert;
17678
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
17679
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
17663
17680
  visibility: hidden;
17664
17681
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17665
17682
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
@@ -17668,30 +17685,33 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17668
17685
  transition-property: opacity, translate, visibility, background-color;
17669
17686
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17670
17687
  }
17671
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
17672
- display: revert;
17688
+ .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] {
17689
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
17673
17690
  }
17674
- .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
17691
+ .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 {
17675
17692
  visibility: visible;
17676
17693
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17677
17694
  transition-delay: 0s;
17678
17695
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
17679
17696
  translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17680
17697
  }
17681
- .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 {
17698
+ .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 {
17682
17699
  max-height: 99999px;
17683
17700
  }
17684
- .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),
17685
- .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 {
17701
+ .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) {
17702
+ --pf-v6-c-table--cell--responsive--label: none;
17703
+ }
17704
+ .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),
17705
+ .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 {
17686
17706
  padding: 0;
17687
17707
  overflow: hidden;
17688
17708
  transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17689
17709
  transition-property: padding, max-height, overflow;
17690
17710
  }
17691
- .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 {
17711
+ .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 {
17692
17712
  max-height: 0;
17693
17713
  }
17694
- .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 {
17714
+ .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)) {
17695
17715
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
17696
17716
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
17697
17717
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
@@ -17998,53 +18018,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17998
18018
  pointer-events: none;
17999
18019
  }
18000
18020
 
18001
- .pf-v6-c-table__expandable-row {
18002
- position: relative;
18003
- border-block-end: 0 solid transparent;
18004
- }
18005
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
18006
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
18007
- padding-block-start: 0;
18008
- }
18009
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
18010
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
18011
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18012
- }
18013
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
18014
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
18015
- padding-block-start: 0;
18016
- padding-block-end: 0;
18017
- padding-inline-start: 0;
18018
- padding-inline-end: 0;
18019
- }
18020
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
18021
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
18022
- padding: 0;
18023
- border-radius: 0;
18024
- }
18025
- .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18026
- padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18027
- padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18028
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18029
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18030
- background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18031
- border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18032
- }
18033
- .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18034
- background-color: transparent;
18035
- }
18036
- .pf-v6-c-table__expandable-row.pf-m-expanded {
18037
- border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18038
- border-block-end-width: var(--pf-v6-c-table--border-width--base);
18039
- }
18040
- .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
18041
- display: none;
18042
- }
18043
- .pf-v6-c-table__expandable-row tr:last-child {
18044
- border-block-end: 0;
18045
- }
18046
-
18047
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
18021
+ .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row.pf-m-expanded) {
18048
18022
  border-block-end: 0;
18049
18023
  }
18050
18024
 
@@ -18052,7 +18026,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18052
18026
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
18053
18027
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
18054
18028
  }
18055
- .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
18029
+ .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))) {
18056
18030
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
18057
18031
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
18058
18032
  }
@@ -18096,16 +18070,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18096
18070
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18097
18071
  }
18098
18072
 
18099
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
18073
+ .pf-v6-c-table__tr.pf-m-expanded:has(~ .pf-v6-c-table__expandable-row) {
18100
18074
  border-block-end: 0;
18101
18075
  }
18102
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
18103
- border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
18104
- }
18105
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
18106
- border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
18076
+
18077
+ .pf-v6-c-table__tbody.pf-m-expanded, .pf-v6-c-table__tbody:has(> .pf-v6-c-table__expandable-row.pf-m-expanded) {
18078
+ border-block-end: var(--pf-v6-c-table__tbody--BorderBlockEndWidth) solid var(--pf-v6-c-table__tbody--BorderBlockEndColor);
18107
18079
  }
18108
- .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
18080
+ .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
18109
18081
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
18110
18082
  border-block-end: 0;
18111
18083
  }
@@ -18120,6 +18092,52 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18120
18092
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
18121
18093
  }
18122
18094
 
18095
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
18096
+ position: relative;
18097
+ border-block-end: 0 solid transparent;
18098
+ }
18099
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
18100
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
18101
+ padding-block-start: 0;
18102
+ }
18103
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__th,
18104
+ .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > .pf-v6-c-table__td {
18105
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18106
+ }
18107
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__td.pf-m-no-padding,
18108
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__th.pf-m-no-padding {
18109
+ padding-block-start: 0;
18110
+ padding-block-end: 0;
18111
+ padding-inline-start: 0;
18112
+ padding-inline-end: 0;
18113
+ }
18114
+ .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,
18115
+ .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 {
18116
+ padding: 0;
18117
+ border-radius: 0;
18118
+ }
18119
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content {
18120
+ padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18121
+ padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18122
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18123
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18124
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18125
+ border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18126
+ }
18127
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18128
+ background-color: transparent;
18129
+ }
18130
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
18131
+ border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18132
+ border-block-end-width: var(--pf-v6-c-table--border-width--base);
18133
+ }
18134
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
18135
+ display: none;
18136
+ }
18137
+ .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) tr:last-child {
18138
+ border-block-end: 0;
18139
+ }
18140
+
18123
18141
  .pf-v6-c-table__icon-inline {
18124
18142
  display: flex;
18125
18143
  align-items: center;