@patternfly/react-styles 6.3.0-prerelease.9 → 6.3.0

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 (9) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/css/components/Button/button.css +2 -2
  3. package/css/components/Table/table-grid.css +30 -0
  4. package/css/components/Table/table-grid.d.ts +2 -1
  5. package/css/components/Table/table-grid.js +2 -1
  6. package/css/components/Table/table-grid.mjs +2 -1
  7. package/css/components/Table/table.css +18 -14
  8. package/css/components/_index.css +50 -16
  9. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
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 (2025-07-22)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+ # [6.3.0-prerelease.14](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.4.0-prerelease.0...@patternfly/react-styles@6.3.0-prerelease.14) (2025-07-22)
11
+
12
+ ### Reverts
13
+
14
+ - Revert "chore(release): releasing packages [ci skip]" ([40999d7](https://github.com/patternfly/patternfly-react/commit/40999d70a7a3aeadbe8f40fe96bb01ab3a6219d4))
15
+
16
+ # [6.3.0-prerelease.13](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.12...@patternfly/react-styles@6.3.0-prerelease.13) (2025-07-18)
17
+
18
+ ### Bug Fixes
19
+
20
+ - **Button:** Bump core version to fix button animation ([#11928](https://github.com/patternfly/patternfly-react/issues/11928)) ([dc6e358](https://github.com/patternfly/patternfly-react/commit/dc6e358e8b9cd81f9be0a1a21d4fc0cae4ca21d8))
21
+
22
+ # [6.3.0-prerelease.12](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.11...@patternfly/react-styles@6.3.0-prerelease.12) (2025-07-17)
23
+
24
+ ### Bug Fixes
25
+
26
+ - **Tables:** updated animations to beta ([#11927](https://github.com/patternfly/patternfly-react/issues/11927)) ([cca6678](https://github.com/patternfly/patternfly-react/commit/cca667858c24bb9d7cb39e0c781ff3c8466f7ef6))
27
+
28
+ # [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)
29
+
30
+ ### Bug Fixes
31
+
32
+ - **Table:** updated logic for expandable class ([#11918](https://github.com/patternfly/patternfly-react/issues/11918)) ([2b6c99b](https://github.com/patternfly/patternfly-react/commit/2b6c99b4617f09009d799af4587a0b0d291cdf84))
33
+
34
+ # [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)
35
+
36
+ **Note:** Version bump only for package @patternfly/react-styles
37
+
6
38
  # [6.3.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.8...@patternfly/react-styles@6.3.0-prerelease.9) (2025-06-23)
7
39
 
8
40
  ### Bug Fixes
package/css/components/Button/button.css CHANGED
@@ -327,7 +327,7 @@
327
327
  cursor: pointer;
328
328
  -webkit-user-select: none;
329
329
  user-select: none;
330
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
330
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
331
331
  border: 0;
332
332
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
333
333
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -680,7 +680,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
680
680
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
681
681
  }
682
682
  .pf-v6-c-button:active {
683
- background-size: 100%;
683
+ background-size: 100% 100%;
684
684
  transition-duration: 0s;
685
685
  }
686
686
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
package/css/components/Table/table-grid.css CHANGED
@@ -98,6 +98,12 @@
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
+ }
104
+ .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 {
105
+ content: none;
106
+ }
101
107
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
102
108
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
103
109
  }
@@ -401,6 +407,12 @@
401
407
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
402
408
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
403
409
  }
410
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
411
+ --pf-v6-c-table__expandable-row--Display: block;
412
+ }
413
+ .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 {
414
+ content: none;
415
+ }
404
416
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
405
417
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
406
418
  }
@@ -707,6 +719,12 @@
707
719
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
708
720
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
709
721
  }
722
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
723
+ --pf-v6-c-table__expandable-row--Display: block;
724
+ }
725
+ .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 {
726
+ content: none;
727
+ }
710
728
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
711
729
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
712
730
  }
@@ -1013,6 +1031,12 @@
1013
1031
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
1014
1032
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1015
1033
  }
1034
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
1035
+ --pf-v6-c-table__expandable-row--Display: block;
1036
+ }
1037
+ .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 {
1038
+ content: none;
1039
+ }
1016
1040
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
1017
1041
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
1018
1042
  }
@@ -1319,6 +1343,12 @@
1319
1343
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
1320
1344
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1321
1345
  }
1346
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
1347
+ --pf-v6-c-table__expandable-row--Display: block;
1348
+ }
1349
+ .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 {
1350
+ content: none;
1351
+ }
1322
1352
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
1323
1353
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
1324
1354
  }
package/css/components/Table/table-grid.d.ts CHANGED
@@ -3,8 +3,9 @@ declare const _default: {
3
3
  "button": "pf-v6-c-button",
4
4
  "modifiers": {
5
5
  "grid": "pf-m-grid",
6
- "expandable": "pf-m-expandable",
6
+ "animateExpand": "pf-m-animate-expand",
7
7
  "expanded": "pf-m-expanded",
8
+ "expandable": "pf-m-expandable",
8
9
  "selected": "pf-m-selected",
9
10
  "compact": "pf-m-compact",
10
11
  "action": "pf-m-action",
package/css/components/Table/table-grid.js CHANGED
@@ -5,8 +5,9 @@ exports.default = {
5
5
  "button": "pf-v6-c-button",
6
6
  "modifiers": {
7
7
  "grid": "pf-m-grid",
8
- "expandable": "pf-m-expandable",
8
+ "animateExpand": "pf-m-animate-expand",
9
9
  "expanded": "pf-m-expanded",
10
+ "expandable": "pf-m-expandable",
10
11
  "selected": "pf-m-selected",
11
12
  "compact": "pf-m-compact",
12
13
  "action": "pf-m-action",
package/css/components/Table/table-grid.mjs CHANGED
@@ -3,8 +3,9 @@ export default {
3
3
  "button": "pf-v6-c-button",
4
4
  "modifiers": {
5
5
  "grid": "pf-m-grid",
6
- "expandable": "pf-m-expandable",
6
+ "animateExpand": "pf-m-animate-expand",
7
7
  "expanded": "pf-m-expanded",
8
+ "expandable": "pf-m-expandable",
8
9
  "selected": "pf-m-selected",
9
10
  "compact": "pf-m-compact",
10
11
  "action": "pf-m-action",
package/css/components/Table/table.css CHANGED
@@ -422,8 +422,11 @@
422
422
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
423
423
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
424
424
  }
425
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
426
+ border-block-end: 0;
427
+ }
425
428
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
426
- display: revert;
429
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
427
430
  visibility: hidden;
428
431
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
429
432
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
@@ -433,7 +436,7 @@
433
436
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
434
437
  }
435
438
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
436
- display: revert;
439
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
437
440
  }
438
441
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
439
442
  visibility: visible;
@@ -455,6 +458,9 @@
455
458
  .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 {
456
459
  max-height: 0;
457
460
  }
461
+ .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) {
462
+ border-block-end: 0;
463
+ }
458
464
  .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 {
459
465
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
460
466
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
@@ -766,23 +772,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
766
772
  position: relative;
767
773
  border-block-end: 0 solid transparent;
768
774
  }
769
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
770
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
775
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
776
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
771
777
  padding-block-start: 0;
772
778
  }
773
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
774
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
779
+ .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) {
775
780
  padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
776
781
  }
777
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
778
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
782
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
783
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
779
784
  padding-block-start: 0;
780
785
  padding-block-end: 0;
781
786
  padding-inline-start: 0;
782
787
  padding-inline-end: 0;
783
788
  }
784
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
785
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
789
+ .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
790
+ .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
786
791
  padding: 0;
787
792
  border-radius: 0;
788
793
  }
@@ -808,10 +813,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
808
813
  border-block-end: 0;
809
814
  }
810
815
 
811
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
812
- border-block-end: 0;
813
- }
814
-
815
816
  .pf-v6-c-table.pf-m-compact {
816
817
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
817
818
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -871,6 +872,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
871
872
  }
872
873
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
873
874
  background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
875
+ border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
876
+ }
877
+ .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
874
878
  border-block-end: 0;
875
879
  }
876
880
 
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%;
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));
@@ -2208,7 +2208,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2208
2208
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
2209
2209
  }
2210
2210
  .pf-v6-c-button:active {
2211
- background-size: 100%;
2211
+ background-size: 100% 100%;
2212
2212
  transition-duration: 0s;
2213
2213
  }
2214
2214
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
@@ -15747,6 +15747,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15747
15747
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15748
15748
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15749
15749
  }
15750
+ .pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
15751
+ --pf-v6-c-table__expandable-row--Display: block;
15752
+ }
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
+ }
15750
15756
  .pf-m-grid.pf-v6-c-table.pf-m-expandable {
15751
15757
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15752
15758
  }
@@ -16050,6 +16056,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16050
16056
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16051
16057
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16052
16058
  }
16059
+ .pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
16060
+ --pf-v6-c-table__expandable-row--Display: block;
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
+ }
16053
16065
  .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
16054
16066
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16055
16067
  }
@@ -16356,6 +16368,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16356
16368
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16357
16369
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16358
16370
  }
16371
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
16372
+ --pf-v6-c-table__expandable-row--Display: block;
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
+ }
16359
16377
  .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
16360
16378
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16361
16379
  }
@@ -16662,6 +16680,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16662
16680
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16663
16681
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16664
16682
  }
16683
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
16684
+ --pf-v6-c-table__expandable-row--Display: block;
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
+ }
16665
16689
  .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
16666
16690
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16667
16691
  }
@@ -16968,6 +16992,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16968
16992
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
16969
16993
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
16970
16994
  }
16995
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
16996
+ --pf-v6-c-table__expandable-row--Display: block;
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
+ }
16971
17001
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
16972
17002
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
16973
17003
  }
@@ -17658,8 +17688,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17658
17688
  .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
17659
17689
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
17660
17690
  }
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
+ }
17661
17694
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
17662
- display: revert;
17695
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
17663
17696
  visibility: hidden;
17664
17697
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
17665
17698
  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
@@ -17669,7 +17702,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17669
17702
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
17670
17703
  }
17671
17704
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
17672
- display: revert;
17705
+ display: var(--pf-v6-c-table__expandable-row--Display, revert);
17673
17706
  }
17674
17707
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
17675
17708
  visibility: visible;
@@ -17691,6 +17724,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17691
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 {
17692
17725
  max-height: 0;
17693
17726
  }
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
+ }
17694
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 {
17695
17731
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
17696
17732
  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
@@ -18002,23 +18038,22 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18002
18038
  position: relative;
18003
18039
  border-block-end: 0 solid transparent;
18004
18040
  }
18005
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
18006
- .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
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 {
18007
18043
  padding-block-start: 0;
18008
18044
  }
18009
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
18010
- .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
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) {
18011
18046
  padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
18012
18047
  }
18013
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
18014
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
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 {
18015
18050
  padding-block-start: 0;
18016
18051
  padding-block-end: 0;
18017
18052
  padding-inline-start: 0;
18018
18053
  padding-inline-end: 0;
18019
18054
  }
18020
- .pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
18021
- .pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
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 {
18022
18057
  padding: 0;
18023
18058
  border-radius: 0;
18024
18059
  }
@@ -18044,10 +18079,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18044
18079
  border-block-end: 0;
18045
18080
  }
18046
18081
 
18047
- .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
18048
- border-block-end: 0;
18049
- }
18050
-
18051
18082
  .pf-v6-c-table.pf-m-compact {
18052
18083
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
18053
18084
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
@@ -18107,6 +18138,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18107
18138
  }
18108
18139
  .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
18109
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 {
18110
18144
  border-block-end: 0;
18111
18145
  }
18112
18146
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.3.0-prerelease.9",
3
+ "version": "6.3.0",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.3.0-prerelease.36",
22
+ "@patternfly/patternfly": "6.3.0-prerelease.41",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "46b82e579ecedf3676a698830fb0a742985e7517"
27
+ "gitHead": "0652301cae338bfef026f04bada414d0a5c2ee79"
28
28
  }