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

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/CHANGELOG.md +12 -0
  2. package/css/components/Button/button.css +1 -1
  3. package/css/components/Table/table-grid.css +95 -80
  4. package/css/components/Table/table-grid.d.ts +1 -1
  5. package/css/components/Table/table-grid.js +1 -1
  6. package/css/components/Table/table-grid.mjs +1 -1
  7. package/css/components/Table/table.css +69 -68
  8. package/css/components/Table/table.d.ts +2 -2
  9. package/css/components/Table/table.js +2 -2
  10. package/css/components/Table/table.mjs +2 -2
  11. package/css/components/_index.css +165 -149
  12. package/package.json +3 -3
package/css/components/_index.css CHANGED
@@ -1855,7 +1855,7 @@ button.pf-v6-c-breadcrumb__link {
1855
1855
  cursor: pointer;
1856
1856
  -webkit-user-select: none;
1857
1857
  user-select: none;
1858
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000% 15000%;
1858
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
1859
1859
  border: 0;
1860
1860
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
1861
1861
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -15750,6 +15750,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15750
15750
  .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
15751
15751
  --pf-v6-c-table__expandable-row--Display: block;
15752
15752
  }
15753
+ .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 {
15754
+ content: none;
15755
+ }
15753
15756
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
15754
15757
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15755
15758
  }
@@ -15761,7 +15764,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15761
15764
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
15762
15765
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
15763
15766
  }
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))) {
15767
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
15765
15768
  display: grid;
15766
15769
  grid-template-columns: 1fr;
15767
15770
  height: auto;
@@ -15772,13 +15775,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15772
15775
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
15773
15776
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
15774
15777
  }
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) {
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) {
15776
15779
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
15777
15780
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
15778
15781
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
15779
15782
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
15780
15783
  }
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 {
15784
+ .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 {
15782
15785
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
15783
15786
  }
15784
15787
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -15816,7 +15819,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15816
15819
  position: revert;
15817
15820
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
15818
15821
  text-align: start;
15819
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
15822
+ content: attr(data-label);
15820
15823
  }
15821
15824
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
15822
15825
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -15860,7 +15863,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15860
15863
  width: auto;
15861
15864
  background-color: transparent;
15862
15865
  }
15863
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
15866
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
15864
15867
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
15865
15868
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
15866
15869
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -15872,24 +15875,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15872
15875
  overflow-y: auto;
15873
15876
  border-block-end: none;
15874
15877
  }
15875
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
15878
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
15876
15879
  position: static;
15877
15880
  display: block;
15878
15881
  }
15879
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
15882
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
15880
15883
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
15881
15884
  }
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 {
15885
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
15883
15886
  content: none;
15884
15887
  }
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 {
15888
+ .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,
15889
+ .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 {
15887
15890
  padding: 0;
15888
15891
  }
15889
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
15892
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
15890
15893
  display: none;
15891
15894
  }
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 {
15895
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
15893
15896
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
15894
15897
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
15895
15898
  }
@@ -15927,10 +15930,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15927
15930
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
15928
15931
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
15929
15932
  }
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 {
15933
+ .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,
15934
+ .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,
15935
+ .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,
15936
+ .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 {
15934
15937
  width: auto;
15935
15938
  padding: 0;
15936
15939
  }
@@ -16056,6 +16059,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16056
16059
  .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
16057
16060
  --pf-v6-c-table__expandable-row--Display: block;
16058
16061
  }
16062
+ .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 {
16063
+ content: none;
16064
+ }
16059
16065
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
16060
16066
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16061
16067
  }
@@ -16067,7 +16073,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16067
16073
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16068
16074
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16069
16075
  }
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))) {
16076
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16071
16077
  display: grid;
16072
16078
  grid-template-columns: 1fr;
16073
16079
  height: auto;
@@ -16078,13 +16084,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16078
16084
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16079
16085
  padding-inline-start: var(--pf-v6-c-table__tr--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(:nth-child(n+2))) > :where(th, td) {
16087
+ .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) {
16082
16088
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16083
16089
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16084
16090
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16085
16091
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16086
16092
  }
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 {
16093
+ .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 {
16088
16094
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
16089
16095
  }
16090
16096
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -16122,7 +16128,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16122
16128
  position: revert;
16123
16129
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16124
16130
  text-align: start;
16125
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
16131
+ content: attr(data-label);
16126
16132
  }
16127
16133
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16128
16134
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -16166,7 +16172,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16166
16172
  width: auto;
16167
16173
  background-color: transparent;
16168
16174
  }
16169
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
16175
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
16170
16176
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
16171
16177
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
16172
16178
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -16178,24 +16184,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16178
16184
  overflow-y: auto;
16179
16185
  border-block-end: none;
16180
16186
  }
16181
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
16187
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16182
16188
  position: static;
16183
16189
  display: block;
16184
16190
  }
16185
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
16191
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16186
16192
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
16187
16193
  }
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 {
16194
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16189
16195
  content: none;
16190
16196
  }
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 {
16197
+ .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,
16198
+ .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 {
16193
16199
  padding: 0;
16194
16200
  }
16195
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
16201
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16196
16202
  display: none;
16197
16203
  }
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 {
16204
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16199
16205
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
16200
16206
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
16201
16207
  }
@@ -16233,10 +16239,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16233
16239
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
16234
16240
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
16235
16241
  }
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 {
16242
+ .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,
16243
+ .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,
16244
+ .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,
16245
+ .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 {
16240
16246
  width: auto;
16241
16247
  padding: 0;
16242
16248
  }
@@ -16365,6 +16371,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16365
16371
  .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
16366
16372
  --pf-v6-c-table__expandable-row--Display: block;
16367
16373
  }
16374
+ .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 {
16375
+ content: none;
16376
+ }
16368
16377
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
16369
16378
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16370
16379
  }
@@ -16376,7 +16385,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16376
16385
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16377
16386
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16378
16387
  }
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))) {
16388
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16380
16389
  display: grid;
16381
16390
  grid-template-columns: 1fr;
16382
16391
  height: auto;
@@ -16387,13 +16396,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16387
16396
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16388
16397
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
16389
16398
  }
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) {
16399
+ .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) {
16391
16400
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16392
16401
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16393
16402
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16394
16403
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16395
16404
  }
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 {
16405
+ .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 {
16397
16406
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
16398
16407
  }
16399
16408
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -16431,7 +16440,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16431
16440
  position: revert;
16432
16441
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16433
16442
  text-align: start;
16434
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
16443
+ content: attr(data-label);
16435
16444
  }
16436
16445
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16437
16446
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -16475,7 +16484,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16475
16484
  width: auto;
16476
16485
  background-color: transparent;
16477
16486
  }
16478
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
16487
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
16479
16488
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
16480
16489
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
16481
16490
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -16487,24 +16496,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16487
16496
  overflow-y: auto;
16488
16497
  border-block-end: none;
16489
16498
  }
16490
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
16499
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16491
16500
  position: static;
16492
16501
  display: block;
16493
16502
  }
16494
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
16503
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16495
16504
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
16496
16505
  }
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 {
16506
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16498
16507
  content: none;
16499
16508
  }
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 {
16509
+ .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,
16510
+ .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 {
16502
16511
  padding: 0;
16503
16512
  }
16504
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
16513
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16505
16514
  display: none;
16506
16515
  }
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 {
16516
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16508
16517
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
16509
16518
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
16510
16519
  }
@@ -16542,10 +16551,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16542
16551
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
16543
16552
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
16544
16553
  }
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 {
16554
+ .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,
16555
+ .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,
16556
+ .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,
16557
+ .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 {
16549
16558
  width: auto;
16550
16559
  padding: 0;
16551
16560
  }
@@ -16674,6 +16683,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16674
16683
  .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
16675
16684
  --pf-v6-c-table__expandable-row--Display: block;
16676
16685
  }
16686
+ .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 {
16687
+ content: none;
16688
+ }
16677
16689
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
16678
16690
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16679
16691
  }
@@ -16685,7 +16697,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16685
16697
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16686
16698
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16687
16699
  }
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))) {
16700
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16689
16701
  display: grid;
16690
16702
  grid-template-columns: 1fr;
16691
16703
  height: auto;
@@ -16696,13 +16708,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16696
16708
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
16697
16709
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
16698
16710
  }
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) {
16711
+ .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) {
16700
16712
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
16701
16713
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
16702
16714
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
16703
16715
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
16704
16716
  }
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 {
16717
+ .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 {
16706
16718
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
16707
16719
  }
16708
16720
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -16740,7 +16752,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16740
16752
  position: revert;
16741
16753
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
16742
16754
  text-align: start;
16743
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
16755
+ content: attr(data-label);
16744
16756
  }
16745
16757
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16746
16758
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -16784,7 +16796,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16784
16796
  width: auto;
16785
16797
  background-color: transparent;
16786
16798
  }
16787
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
16799
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
16788
16800
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
16789
16801
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
16790
16802
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -16796,24 +16808,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16796
16808
  overflow-y: auto;
16797
16809
  border-block-end: none;
16798
16810
  }
16799
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
16811
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
16800
16812
  position: static;
16801
16813
  display: block;
16802
16814
  }
16803
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
16815
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
16804
16816
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
16805
16817
  }
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 {
16818
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
16807
16819
  content: none;
16808
16820
  }
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 {
16821
+ .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,
16822
+ .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 {
16811
16823
  padding: 0;
16812
16824
  }
16813
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
16825
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
16814
16826
  display: none;
16815
16827
  }
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 {
16828
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
16817
16829
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
16818
16830
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
16819
16831
  }
@@ -16851,10 +16863,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16851
16863
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
16852
16864
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
16853
16865
  }
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 {
16866
+ .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,
16867
+ .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,
16868
+ .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,
16869
+ .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 {
16858
16870
  width: auto;
16859
16871
  padding: 0;
16860
16872
  }
@@ -16983,6 +16995,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16983
16995
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
16984
16996
  --pf-v6-c-table__expandable-row--Display: block;
16985
16997
  }
16998
+ .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 {
16999
+ content: none;
17000
+ }
16986
17001
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
16987
17002
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16988
17003
  }
@@ -16994,7 +17009,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16994
17009
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
16995
17010
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
16996
17011
  }
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))) {
17012
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
16998
17013
  display: grid;
16999
17014
  grid-template-columns: 1fr;
17000
17015
  height: auto;
@@ -17005,13 +17020,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17005
17020
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
17006
17021
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
17007
17022
  }
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) {
17023
+ .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) {
17009
17024
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
17010
17025
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
17011
17026
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
17012
17027
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
17013
17028
  }
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 {
17029
+ .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 {
17015
17030
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
17016
17031
  }
17017
17032
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -17049,7 +17064,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17049
17064
  position: revert;
17050
17065
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
17051
17066
  text-align: start;
17052
- content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
17067
+ content: attr(data-label);
17053
17068
  }
17054
17069
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
17055
17070
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -17093,7 +17108,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17093
17108
  width: auto;
17094
17109
  background-color: transparent;
17095
17110
  }
17096
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
17111
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
17097
17112
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
17098
17113
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17099
17114
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -17105,24 +17120,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17105
17120
  overflow-y: auto;
17106
17121
  border-block-end: none;
17107
17122
  }
17108
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
17123
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
17109
17124
  position: static;
17110
17125
  display: block;
17111
17126
  }
17112
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
17127
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
17113
17128
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
17114
17129
  }
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 {
17130
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
17116
17131
  content: none;
17117
17132
  }
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 {
17133
+ .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,
17134
+ .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 {
17120
17135
  padding: 0;
17121
17136
  }
17122
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
17137
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
17123
17138
  display: none;
17124
17139
  }
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 {
17140
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
17126
17141
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
17127
17142
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
17128
17143
  }
@@ -17160,10 +17175,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17160
17175
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
17161
17176
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
17162
17177
  }
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 {
17178
+ .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,
17179
+ .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,
17180
+ .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,
17181
+ .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 {
17167
17182
  width: auto;
17168
17183
  padding: 0;
17169
17184
  }
@@ -17265,8 +17280,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17265
17280
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17266
17281
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17267
17282
  --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);
17270
17283
  --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
17271
17284
  --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
17272
17285
  --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
@@ -17459,7 +17472,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17459
17472
  --pf-v6-c-table__sticky-column--BackgroundColor: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
17460
17473
  background: var(--pf-v6-c-table--m-striped__tr--BackgroundColor);
17461
17474
  }
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 {
17475
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row).pf-m-ghost-row {
17463
17476
  background-color: var(--pf-v6-c-table__tr--m-ghost-row--BackgroundColor);
17464
17477
  opacity: var(--pf-v6-c-table__tr--m-ghost-row--Opacity);
17465
17478
  }
@@ -17659,7 +17672,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17659
17672
  background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
17660
17673
  outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
17661
17674
  }
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))) {
17675
+ .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) {
17663
17676
  border: none;
17664
17677
  }
17665
17678
  .pf-v6-c-table.pf-m-drag-over {
@@ -17675,7 +17688,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17675
17688
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
17676
17689
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
17677
17690
  }
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)) {
17691
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
17692
+ border-block-end: 0;
17693
+ }
17694
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
17679
17695
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
17680
17696
  visibility: hidden;
17681
17697
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
@@ -17685,33 +17701,33 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17685
17701
  transition-property: opacity, translate, visibility, background-color;
17686
17702
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17687
17703
  }
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] {
17704
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
17689
17705
  display: var(--pf-v6-c-table__expandable-row--Display, revert);
17690
17706
  }
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 {
17707
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
17692
17708
  visibility: visible;
17693
17709
  opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
17694
17710
  transition-delay: 0s;
17695
17711
  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
17696
17712
  translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
17697
17713
  }
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 {
17714
+ .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 {
17699
17715
  max-height: 99999px;
17700
17716
  }
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 {
17717
+ .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),
17718
+ .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 {
17706
17719
  padding: 0;
17707
17720
  overflow: hidden;
17708
17721
  transition-delay: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
17709
17722
  transition-property: padding, max-height, overflow;
17710
17723
  }
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 {
17724
+ .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 {
17712
17725
  max-height: 0;
17713
17726
  }
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)) {
17727
+ .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) {
17728
+ border-block-end: 0;
17729
+ }
17730
+ .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 {
17715
17731
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
17716
17732
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
17717
17733
  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
@@ -18018,7 +18034,48 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18018
18034
  pointer-events: none;
18019
18035
  }
18020
18036
 
18021
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row.pf-m-expanded) {
18037
+ .pf-v6-c-table__expandable-row {
18038
+ position: relative;
18039
+ border-block-end: 0 solid transparent;
18040
+ }
18041
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
18042
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
18043
+ padding-block-start: 0;
18044
+ }
18045
+ .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) {
18046
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18047
+ }
18048
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
18049
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
18050
+ padding-block-start: 0;
18051
+ padding-block-end: 0;
18052
+ padding-inline-start: 0;
18053
+ padding-inline-end: 0;
18054
+ }
18055
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
18056
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
18057
+ padding: 0;
18058
+ border-radius: 0;
18059
+ }
18060
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
18061
+ padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
18062
+ padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
18063
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
18064
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
18065
+ background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
18066
+ border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
18067
+ }
18068
+ .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
18069
+ background-color: transparent;
18070
+ }
18071
+ .pf-v6-c-table__expandable-row.pf-m-expanded {
18072
+ border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
18073
+ border-block-end-width: var(--pf-v6-c-table--border-width--base);
18074
+ }
18075
+ .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
18076
+ display: none;
18077
+ }
18078
+ .pf-v6-c-table__expandable-row tr:last-child {
18022
18079
  border-block-end: 0;
18023
18080
  }
18024
18081
 
@@ -18026,7 +18083,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18026
18083
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
18027
18084
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
18028
18085
  }
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))) {
18086
+ .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
18030
18087
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
18031
18088
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
18032
18089
  }
@@ -18070,15 +18127,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18070
18127
  background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
18071
18128
  }
18072
18129
 
18073
- .pf-v6-c-table__tr.pf-m-expanded:has(~ .pf-v6-c-table__expandable-row) {
18130
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tr.pf-m-expanded {
18074
18131
  border-block-end: 0;
18075
18132
  }
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);
18133
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
18134
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
18079
18135
  }
18080
- .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
18136
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
18137
+ border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
18138
+ }
18139
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
18081
18140
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
18141
+ border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
18142
+ }
18143
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
18082
18144
  border-block-end: 0;
18083
18145
  }
18084
18146
 
@@ -18092,52 +18154,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18092
18154
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
18093
18155
  }
18094
18156
 
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
-
18141
18157
  .pf-v6-c-table__icon-inline {
18142
18158
  display: flex;
18143
18159
  align-items: center;