@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/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.3.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.10...@patternfly/react-styles@6.3.0-prerelease.11) (2025-07-11)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **Table:** updated logic for expandable class ([#11918](https://github.com/patternfly/patternfly-react/issues/11918)) ([2b6c99b](https://github.com/patternfly/patternfly-react/commit/2b6c99b4617f09009d799af4587a0b0d291cdf84))
11
+
6
12
  # [6.3.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.9...@patternfly/react-styles@6.3.0-prerelease.10) (2025-07-02)
7
13
 
8
14
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/Table/table-grid.css CHANGED
@@ -98,6 +98,9 @@
98
98
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
99
99
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
100
100
  }
101
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
102
+ --pf-v6-c-table__expandable-row--Display: block;
103
+ }
101
104
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
102
105
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
103
106
  }
@@ -109,7 +112,7 @@
109
112
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
110
113
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
111
114
  }
112
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
115
+ .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))) {
113
116
  display: grid;
114
117
  grid-template-columns: 1fr;
115
118
  height: auto;
@@ -120,13 +123,13 @@
120
123
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
121
124
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
122
125
  }
123
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
126
+ .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) {
124
127
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
125
128
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
126
129
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
127
130
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
128
131
  }
129
- .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 {
132
+ .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 {
130
133
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
131
134
  }
132
135
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -164,7 +167,7 @@
164
167
  position: revert;
165
168
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
166
169
  text-align: start;
167
- content: attr(data-label);
170
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
168
171
  }
169
172
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
170
173
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -208,7 +211,7 @@
208
211
  width: auto;
209
212
  background-color: transparent;
210
213
  }
211
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
214
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
212
215
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
213
216
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
214
217
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -220,24 +223,24 @@
220
223
  overflow-y: auto;
221
224
  border-block-end: none;
222
225
  }
223
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
226
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
224
227
  position: static;
225
228
  display: block;
226
229
  }
227
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
230
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
228
231
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
229
232
  }
230
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
233
+ .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 {
231
234
  content: none;
232
235
  }
233
- .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,
234
- .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 {
236
+ .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,
237
+ .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 {
235
238
  padding: 0;
236
239
  }
237
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
240
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
238
241
  display: none;
239
242
  }
240
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
243
+ .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 {
241
244
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
242
245
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
243
246
  }
@@ -275,10 +278,10 @@
275
278
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
276
279
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
277
280
  }
278
- .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,
279
- .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,
280
- .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,
281
- .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 {
281
+ .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,
282
+ .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,
283
+ .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,
284
+ .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 {
282
285
  width: auto;
283
286
  padding: 0;
284
287
  }
@@ -401,6 +404,9 @@
401
404
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
402
405
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
403
406
  }
407
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
408
+ --pf-v6-c-table__expandable-row--Display: block;
409
+ }
404
410
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
405
411
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
406
412
  }
@@ -412,7 +418,7 @@
412
418
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
413
419
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
414
420
  }
415
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
421
+ .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))) {
416
422
  display: grid;
417
423
  grid-template-columns: 1fr;
418
424
  height: auto;
@@ -423,13 +429,13 @@
423
429
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
424
430
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
425
431
  }
426
- .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) {
432
+ .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) {
427
433
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
428
434
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
429
435
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
430
436
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
431
437
  }
432
- .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 {
438
+ .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 {
433
439
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
434
440
  }
435
441
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -467,7 +473,7 @@
467
473
  position: revert;
468
474
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
469
475
  text-align: start;
470
- content: attr(data-label);
476
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
471
477
  }
472
478
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
473
479
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -511,7 +517,7 @@
511
517
  width: auto;
512
518
  background-color: transparent;
513
519
  }
514
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
520
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
515
521
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
516
522
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
517
523
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -523,24 +529,24 @@
523
529
  overflow-y: auto;
524
530
  border-block-end: none;
525
531
  }
526
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
532
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
527
533
  position: static;
528
534
  display: block;
529
535
  }
530
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
536
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
531
537
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
532
538
  }
533
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
539
+ .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 {
534
540
  content: none;
535
541
  }
536
- .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,
537
- .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 {
542
+ .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,
543
+ .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 {
538
544
  padding: 0;
539
545
  }
540
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
546
+ .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
541
547
  display: none;
542
548
  }
543
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
549
+ .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 {
544
550
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
545
551
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
546
552
  }
@@ -578,10 +584,10 @@
578
584
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
579
585
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
580
586
  }
581
- .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,
582
- .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,
583
- .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,
584
- .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 {
587
+ .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,
588
+ .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,
589
+ .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,
590
+ .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 {
585
591
  width: auto;
586
592
  padding: 0;
587
593
  }
@@ -707,6 +713,9 @@
707
713
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
708
714
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
709
715
  }
716
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
717
+ --pf-v6-c-table__expandable-row--Display: block;
718
+ }
710
719
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
711
720
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
712
721
  }
@@ -718,7 +727,7 @@
718
727
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
719
728
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
720
729
  }
721
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
730
+ .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))) {
722
731
  display: grid;
723
732
  grid-template-columns: 1fr;
724
733
  height: auto;
@@ -729,13 +738,13 @@
729
738
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
730
739
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
731
740
  }
732
- .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) {
741
+ .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) {
733
742
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
734
743
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
735
744
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
736
745
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
737
746
  }
738
- .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 {
747
+ .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 {
739
748
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
740
749
  }
741
750
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -773,7 +782,7 @@
773
782
  position: revert;
774
783
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
775
784
  text-align: start;
776
- content: attr(data-label);
785
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
777
786
  }
778
787
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
779
788
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -817,7 +826,7 @@
817
826
  width: auto;
818
827
  background-color: transparent;
819
828
  }
820
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
829
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
821
830
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
822
831
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
823
832
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -829,24 +838,24 @@
829
838
  overflow-y: auto;
830
839
  border-block-end: none;
831
840
  }
832
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
841
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
833
842
  position: static;
834
843
  display: block;
835
844
  }
836
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
845
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
837
846
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
838
847
  }
839
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
848
+ .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 {
840
849
  content: none;
841
850
  }
842
- .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,
843
- .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 {
851
+ .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,
852
+ .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 {
844
853
  padding: 0;
845
854
  }
846
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
855
+ .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
847
856
  display: none;
848
857
  }
849
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
858
+ .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 {
850
859
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
851
860
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
852
861
  }
@@ -884,10 +893,10 @@
884
893
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
885
894
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
886
895
  }
887
- .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,
888
- .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,
889
- .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,
890
- .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 {
896
+ .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,
897
+ .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,
898
+ .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,
899
+ .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 {
891
900
  width: auto;
892
901
  padding: 0;
893
902
  }
@@ -1013,6 +1022,9 @@
1013
1022
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
1014
1023
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1015
1024
  }
1025
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
1026
+ --pf-v6-c-table__expandable-row--Display: block;
1027
+ }
1016
1028
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
1017
1029
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
1018
1030
  }
@@ -1024,7 +1036,7 @@
1024
1036
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
1025
1037
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
1026
1038
  }
1027
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1039
+ .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))) {
1028
1040
  display: grid;
1029
1041
  grid-template-columns: 1fr;
1030
1042
  height: auto;
@@ -1035,13 +1047,13 @@
1035
1047
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
1036
1048
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
1037
1049
  }
1038
- .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) {
1050
+ .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) {
1039
1051
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
1040
1052
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
1041
1053
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
1042
1054
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
1043
1055
  }
1044
- .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 {
1056
+ .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 {
1045
1057
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
1046
1058
  }
1047
1059
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -1079,7 +1091,7 @@
1079
1091
  position: revert;
1080
1092
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
1081
1093
  text-align: start;
1082
- content: attr(data-label);
1094
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
1083
1095
  }
1084
1096
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
1085
1097
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -1123,7 +1135,7 @@
1123
1135
  width: auto;
1124
1136
  background-color: transparent;
1125
1137
  }
1126
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
1138
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
1127
1139
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
1128
1140
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
1129
1141
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -1135,24 +1147,24 @@
1135
1147
  overflow-y: auto;
1136
1148
  border-block-end: none;
1137
1149
  }
1138
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
1150
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
1139
1151
  position: static;
1140
1152
  display: block;
1141
1153
  }
1142
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
1154
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
1143
1155
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
1144
1156
  }
1145
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
1157
+ .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 {
1146
1158
  content: none;
1147
1159
  }
1148
- .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,
1149
- .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 {
1160
+ .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,
1161
+ .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 {
1150
1162
  padding: 0;
1151
1163
  }
1152
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
1164
+ .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
1153
1165
  display: none;
1154
1166
  }
1155
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
1167
+ .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 {
1156
1168
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
1157
1169
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
1158
1170
  }
@@ -1190,10 +1202,10 @@
1190
1202
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
1191
1203
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
1192
1204
  }
1193
- .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,
1194
- .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,
1195
- .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,
1196
- .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 {
1205
+ .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,
1206
+ .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,
1207
+ .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,
1208
+ .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 {
1197
1209
  width: auto;
1198
1210
  padding: 0;
1199
1211
  }
@@ -1319,6 +1331,9 @@
1319
1331
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
1320
1332
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1321
1333
  }
1334
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
1335
+ --pf-v6-c-table__expandable-row--Display: block;
1336
+ }
1322
1337
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
1323
1338
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
1324
1339
  }
@@ -1330,7 +1345,7 @@
1330
1345
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
1331
1346
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
1332
1347
  }
1333
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1348
+ .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))) {
1334
1349
  display: grid;
1335
1350
  grid-template-columns: 1fr;
1336
1351
  height: auto;
@@ -1341,13 +1356,13 @@
1341
1356
  padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
1342
1357
  padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
1343
1358
  }
1344
- .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) {
1359
+ .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) {
1345
1360
  padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
1346
1361
  padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
1347
1362
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
1348
1363
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
1349
1364
  }
1350
- .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 {
1365
+ .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 {
1351
1366
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
1352
1367
  }
1353
1368
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -1385,7 +1400,7 @@
1385
1400
  position: revert;
1386
1401
  font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
1387
1402
  text-align: start;
1388
- content: attr(data-label);
1403
+ content: var(--pf-v6-c-table--cell--responsive--label, attr(data-label));
1389
1404
  }
1390
1405
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
1391
1406
  --pf-v6-c-table--cell--PaddingInlineStart: 0;
@@ -1429,7 +1444,7 @@
1429
1444
  width: auto;
1430
1445
  background-color: transparent;
1431
1446
  }
1432
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
1447
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) {
1433
1448
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
1434
1449
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
1435
1450
  --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
@@ -1441,24 +1456,24 @@
1441
1456
  overflow-y: auto;
1442
1457
  border-block-end: none;
1443
1458
  }
1444
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :where(th, td) {
1459
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)) > :where(th, td) {
1445
1460
  position: static;
1446
1461
  display: block;
1447
1462
  }
1448
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row.pf-m-expanded {
1463
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)).pf-m-expanded {
1449
1464
  border-block-start-color: var(--pf-v6-c-table--BorderColor);
1450
1465
  }
1451
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row > :first-child:not(.pf-v6-c-table__check)::after {
1466
+ .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 {
1452
1467
  content: none;
1453
1468
  }
1454
- .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,
1455
- .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 {
1469
+ .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,
1470
+ .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 {
1456
1471
  padding: 0;
1457
1472
  }
1458
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
1473
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row:where(:nth-child(n+2)):not(.pf-m-expanded) {
1459
1474
  display: none;
1460
1475
  }
1461
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
1476
+ .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 {
1462
1477
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
1463
1478
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
1464
1479
  }
@@ -1496,10 +1511,10 @@
1496
1511
  width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
1497
1512
  background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
1498
1513
  }
1499
- .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,
1500
- .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,
1501
- .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,
1502
- .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 {
1514
+ .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,
1515
+ .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,
1516
+ .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,
1517
+ .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 {
1503
1518
  width: auto;
1504
1519
  padding: 0;
1505
1520
  }
package/css/components/Table/table-grid.d.ts CHANGED
@@ -3,6 +3,7 @@ declare const _default: {
3
3
  "button": "pf-v6-c-button",
4
4
  "modifiers": {
5
5
  "grid": "pf-m-grid",
6
+ "animateExpand": "pf-m-animate-expand",
6
7
  "expandable": "pf-m-expandable",
7
8
  "expanded": "pf-m-expanded",
8
9
  "selected": "pf-m-selected",
package/css/components/Table/table-grid.js CHANGED
@@ -5,6 +5,7 @@ exports.default = {
5
5
  "button": "pf-v6-c-button",
6
6
  "modifiers": {
7
7
  "grid": "pf-m-grid",
8
+ "animateExpand": "pf-m-animate-expand",
8
9
  "expandable": "pf-m-expandable",
9
10
  "expanded": "pf-m-expanded",
10
11
  "selected": "pf-m-selected",
package/css/components/Table/table-grid.mjs CHANGED
@@ -3,6 +3,7 @@ export default {
3
3
  "button": "pf-v6-c-button",
4
4
  "modifiers": {
5
5
  "grid": "pf-m-grid",
6
+ "animateExpand": "pf-m-animate-expand",
6
7
  "expandable": "pf-m-expandable",
7
8
  "expanded": "pf-m-expanded",
8
9
  "selected": "pf-m-selected",