@patternfly/patternfly 6.5.0-prerelease.83 → 6.5.0-prerelease.85

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 (26) hide show
  1. package/base/patternfly-variables.css +9 -8
  2. package/base/patternfly-variables.scss +19 -18
  3. package/base/tokens/tokens-dark.scss +1 -1
  4. package/base/tokens/tokens-default.scss +3 -3
  5. package/base/tokens/{tokens-redhat-dark.scss → tokens-felt-dark.scss} +1 -1
  6. package/base/tokens/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} +1 -1
  7. package/base/tokens/{tokens-redhat-glass.scss → tokens-felt-glass.scss} +1 -1
  8. package/base/tokens/{tokens-redhat-highcontrast-dark.scss → tokens-felt-highcontrast-dark.scss} +1 -1
  9. package/base/tokens/{tokens-redhat-highcontrast.scss → tokens-felt-highcontrast.scss} +3 -2
  10. package/base/tokens/{tokens-redhat.scss → tokens-felt.scss} +1 -1
  11. package/base/tokens/tokens-glass-dark.scss +1 -1
  12. package/base/tokens/tokens-glass.scss +1 -1
  13. package/base/tokens/tokens-palette.scss +1 -1
  14. package/components/Pagination/pagination.css +5 -3
  15. package/components/Pagination/pagination.scss +5 -3
  16. package/components/Toolbar/toolbar.css +1 -1
  17. package/components/Toolbar/toolbar.scss +1 -1
  18. package/components/_index.css +6 -4
  19. package/package.json +2 -2
  20. package/patternfly-base-no-globals.css +9 -8
  21. package/patternfly-base.css +9 -8
  22. package/patternfly-no-globals.css +19 -16
  23. package/patternfly.css +19 -16
  24. package/patternfly.min.css +1 -1
  25. package/patternfly.min.css.map +1 -1
  26. package/patternfly.scss +4 -4
package/base/patternfly-variables.css CHANGED
@@ -495,7 +495,7 @@
495
495
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
496
496
  --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
497
497
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
498
- --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
498
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--50);
499
499
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
500
500
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
501
501
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
@@ -673,7 +673,7 @@
673
673
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
674
674
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
675
675
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
676
- --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
676
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular);
677
677
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
678
678
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
679
679
  --pf-t--global--background--color--glass--primary--default: initial;
@@ -1703,7 +1703,7 @@
1703
1703
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
1704
1704
  }
1705
1705
 
1706
- :root:where(.pf-v6-theme-redhat) {
1706
+ :root:where(.pf-v6-theme-felt) {
1707
1707
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
1708
1708
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
1709
1709
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
@@ -1714,7 +1714,7 @@
1714
1714
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
1715
1715
  }
1716
1716
 
1717
- :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
1717
+ :root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
1718
1718
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
1719
1719
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
1720
1720
  --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
@@ -1826,6 +1826,7 @@
1826
1826
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
1827
1827
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
1828
1828
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
1829
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
1829
1830
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
1830
1831
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
1831
1832
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
@@ -1838,7 +1839,7 @@
1838
1839
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
1839
1840
  }
1840
1841
 
1841
- :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
1842
+ :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
1842
1843
  --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
1843
1844
  --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
1844
1845
  --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
@@ -2720,7 +2721,7 @@
2720
2721
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
2721
2722
  }
2722
2723
 
2723
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat) {
2724
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
2724
2725
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
2725
2726
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
2726
2727
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
@@ -2737,7 +2738,7 @@
2737
2738
  --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
2738
2739
  }
2739
2740
 
2740
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
2741
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
2741
2742
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
2742
2743
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
2743
2744
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
@@ -2783,7 +2784,7 @@
2783
2784
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
2784
2785
  }
2785
2786
 
2786
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-glass) {
2787
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
2787
2788
  --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
2788
2789
  --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
2789
2790
  --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
package/base/patternfly-variables.scss CHANGED
@@ -7,12 +7,12 @@
7
7
  @use "./tokens/tokens-local" as local;
8
8
  @use "./tokens/tokens-glass" as glass;
9
9
  @use "./tokens/tokens-glass-dark" as glass-dark;
10
- @use "./tokens/tokens-redhat" as redhat;
11
- @use "./tokens/tokens-redhat-dark" as redhat-dark;
12
- @use "./tokens/tokens-redhat-highcontrast" as redhat-highcontrast;
13
- @use "./tokens/tokens-redhat-highcontrast-dark" as redhat-highcontrast-dark;
14
- @use "./tokens/tokens-redhat-glass" as redhat-glass;
15
- @use "./tokens/tokens-redhat-glass-dark" as redhat-glass-dark;
10
+ @use "./tokens/tokens-felt" as felt;
11
+ @use "./tokens/tokens-felt-dark" as felt-dark;
12
+ @use "./tokens/tokens-felt-highcontrast" as felt-highcontrast;
13
+ @use "./tokens/tokens-felt-highcontrast-dark" as felt-highcontrast-dark;
14
+ @use "./tokens/tokens-felt-glass" as felt-glass;
15
+ @use "./tokens/tokens-felt-glass-dark" as felt-glass-dark;
16
16
 
17
17
  :root {
18
18
  @include pf-v6-set-inverse(false);
@@ -30,16 +30,16 @@
30
30
  @include glass.pf-v6-tokens;
31
31
  }
32
32
 
33
- :root:where(.pf-v6-theme-redhat) {
34
- @include redhat.pf-v6-tokens;
33
+ :root:where(.pf-v6-theme-felt) {
34
+ @include felt.pf-v6-tokens;
35
35
  }
36
36
 
37
- :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
38
- @include redhat-highcontrast.pf-v6-tokens;
37
+ :root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
38
+ @include felt-highcontrast.pf-v6-tokens;
39
39
  }
40
40
 
41
- :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
42
- @include redhat-glass.pf-v6-tokens;
41
+ :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
42
+ @include felt-glass.pf-v6-tokens;
43
43
  }
44
44
 
45
45
  // Dark
@@ -55,18 +55,19 @@
55
55
  @include glass-dark.pf-v6-tokens;
56
56
  }
57
57
 
58
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat) {
59
- @include redhat-dark.pf-v6-tokens;
58
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
59
+ @include felt-dark.pf-v6-tokens;
60
60
  }
61
61
 
62
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
63
- @include redhat-highcontrast-dark.pf-v6-tokens;
62
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
63
+ @include felt-highcontrast-dark.pf-v6-tokens;
64
64
  }
65
65
 
66
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-glass) {
67
- @include redhat-glass-dark.pf-v6-tokens;
66
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
67
+ @include felt-glass-dark.pf-v6-tokens;
68
68
  }
69
69
 
70
+ // RTL
70
71
  @include pf-v6-rtl(false) {
71
72
  @include pf-v6-set-inverse;
72
73
  }
package/base/tokens/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:16 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
package/base/tokens/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:16 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
@@ -420,7 +420,7 @@
420
420
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
421
421
  --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
422
422
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
423
- --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
423
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--50);
424
424
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
425
425
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
426
426
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
@@ -598,7 +598,7 @@
598
598
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
599
599
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
600
600
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
601
- --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
601
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular);
602
602
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
603
603
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
604
604
  --pf-t--global--background--color--glass--primary--default: initial;
package/base/tokens/{tokens-redhat-dark.scss → tokens-felt-dark.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:17 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (14 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:17 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (33 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/{tokens-redhat-glass.scss → tokens-felt-glass.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:17 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (23 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/{tokens-redhat-highcontrast-dark.scss → tokens-felt-highcontrast-dark.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:17 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (43 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/{tokens-redhat-highcontrast.scss → tokens-felt-highcontrast.scss} RENAMED
@@ -1,8 +1,8 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:17 GMT
4
4
 
5
- // Only tokens that differ from base theme (121 tokens)
5
+ // Only tokens that differ from base theme (122 tokens)
6
6
  @mixin pf-v6-tokens {
7
7
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8
8
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
@@ -115,6 +115,7 @@
115
115
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
116
116
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
117
117
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
118
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
118
119
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
119
120
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
120
121
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
package/base/tokens/{tokens-redhat.scss → tokens-felt.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:17 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (8 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/tokens-glass-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:16 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (19 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/tokens-glass.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:16 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (15 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 23 Mar 2026 14:56:21 GMT
3
+ // Generated on Tue, 05 May 2026 03:04:16 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--black: #000000;
package/components/Pagination/pagination.css CHANGED
@@ -32,6 +32,7 @@
32
32
  --pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
33
33
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
34
34
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
35
+ --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
35
36
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
36
37
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
37
38
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
@@ -49,10 +50,10 @@
49
50
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
50
51
  }
51
52
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
52
- --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
53
53
  --pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
54
- --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
55
- --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
54
+ --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
55
+ --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
56
+ --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
56
57
  }
57
58
  .pf-v6-c-pagination {
58
59
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -168,6 +169,7 @@
168
169
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
169
170
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
170
171
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
172
+ border-radius: var(--pf-v6-c-pagination--m-sticky--BorderRadius);
171
173
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
172
174
  }
173
175
  .pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
package/components/Pagination/pagination.scss CHANGED
@@ -47,6 +47,7 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
47
47
  --#{$pagination}--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
48
48
  --#{$pagination}--m-sticky-stuck--BoxShadow: var(--#{$pagination}--m-sticky--BoxShadow);
49
49
  --#{$pagination}--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
50
+ --#{$pagination}--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
50
51
 
51
52
  // bottom
52
53
  --#{$pagination}--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -66,10 +67,10 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
66
67
  --#{$pagination}--m-bottom--m-sticky-base--InsetBlockEnd: 0;
67
68
 
68
69
  :where(:root.pf-v6-theme-glass) & {
69
- --#{$pagination}--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
70
70
  --#{$pagination}--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
71
- --#{$pagination}--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
72
- --#{$pagination}--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
71
+ --#{$pagination}--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
72
+ --#{$pagination}--m-sticky--BorderRadius: var(--#{$pagination}--m-sticky--BorderRadius--glass);
73
+ --#{$pagination}--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
73
74
  }
74
75
 
75
76
  // page menu
@@ -199,6 +200,7 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
199
200
 
200
201
  inset-block-start: var(--#{$pagination}--m-sticky--InsetBlockStart);
201
202
  background-color: var(--#{$pagination}--m-sticky--BackgroundColor);
203
+ border-radius: var(--#{$pagination}--m-sticky--BorderRadius);
202
204
  box-shadow: var(--#{$pagination}--m-sticky--BoxShadow);
203
205
  }
204
206
 
package/components/Toolbar/toolbar.css CHANGED
@@ -38,7 +38,7 @@
38
38
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
39
39
  --pf-v6-c-toolbar--m-sticky--PaddingInlineStart: 0;
40
40
  --pf-v6-c-toolbar--m-sticky--PaddingInlineEnd: 0;
41
- --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
41
+ --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
42
42
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
43
43
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
44
44
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
package/components/Toolbar/toolbar.scss CHANGED
@@ -66,7 +66,7 @@ $pf-v6--include-toolbar-breakpoints: true !default;
66
66
  --#{$toolbar}--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
67
67
  --#{$toolbar}--m-sticky--PaddingInlineStart: 0;
68
68
  --#{$toolbar}--m-sticky--PaddingInlineEnd: 0;
69
- --#{$toolbar}--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
69
+ --#{$toolbar}--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
70
70
  --#{$toolbar}--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
71
71
  --#{$toolbar}--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
72
72
  --#{$toolbar}--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
package/components/_index.css CHANGED
@@ -14825,6 +14825,7 @@ ul.pf-v6-c-list {
14825
14825
  --pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
14826
14826
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
14827
14827
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
14828
+ --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
14828
14829
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14829
14830
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
14830
14831
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
@@ -14842,10 +14843,10 @@ ul.pf-v6-c-list {
14842
14843
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
14843
14844
  }
14844
14845
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
14845
- --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
14846
14846
  --pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
14847
- --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
14848
- --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
14847
+ --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
14848
+ --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
14849
+ --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
14849
14850
  }
14850
14851
  .pf-v6-c-pagination {
14851
14852
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -14961,6 +14962,7 @@ ul.pf-v6-c-list {
14961
14962
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
14962
14963
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
14963
14964
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
14965
+ border-radius: var(--pf-v6-c-pagination--m-sticky--BorderRadius);
14964
14966
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
14965
14967
  }
14966
14968
  .pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
@@ -22766,7 +22768,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22766
22768
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22767
22769
  --pf-v6-c-toolbar--m-sticky--PaddingInlineStart: 0;
22768
22770
  --pf-v6-c-toolbar--m-sticky--PaddingInlineEnd: 0;
22769
- --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
22771
+ --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
22770
22772
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
22771
22773
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
22772
22774
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.0-prerelease.83",
4
+ "version": "6.5.0-prerelease.85",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -71,7 +71,7 @@
71
71
  "@commitlint/config-conventional": "^19.1.0",
72
72
  "@fortawesome/fontawesome": "^1.1.8",
73
73
  "@octokit/rest": "^20.1.0",
74
- "@patternfly/documentation-framework": "6.38.7",
74
+ "@patternfly/documentation-framework": "6.39.0",
75
75
  "@patternfly/patternfly-a11y": "5.1.0",
76
76
  "@patternfly/react-code-editor": "6.4.3",
77
77
  "@patternfly/react-core": "6.4.3",
package/patternfly-base-no-globals.css CHANGED
@@ -6817,7 +6817,7 @@
6817
6817
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6818
6818
  --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6819
6819
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6820
- --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6820
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--50);
6821
6821
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6822
6822
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
6823
6823
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
@@ -6995,7 +6995,7 @@
6995
6995
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
6996
6996
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
6997
6997
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
6998
- --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
6998
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular);
6999
6999
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
7000
7000
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
7001
7001
  --pf-t--global--background--color--glass--primary--default: initial;
@@ -8025,7 +8025,7 @@
8025
8025
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8026
8026
  }
8027
8027
 
8028
- :root:where(.pf-v6-theme-redhat) {
8028
+ :root:where(.pf-v6-theme-felt) {
8029
8029
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8030
8030
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8031
8031
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
@@ -8036,7 +8036,7 @@
8036
8036
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8037
8037
  }
8038
8038
 
8039
- :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
8039
+ :root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
8040
8040
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8041
8041
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
8042
8042
  --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
@@ -8148,6 +8148,7 @@
8148
8148
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8149
8149
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8150
8150
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
8151
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
8151
8152
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8152
8153
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8153
8154
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
@@ -8160,7 +8161,7 @@
8160
8161
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8161
8162
  }
8162
8163
 
8163
- :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
8164
+ :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
8164
8165
  --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8165
8166
  --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8166
8167
  --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
@@ -9042,7 +9043,7 @@
9042
9043
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
9043
9044
  }
9044
9045
 
9045
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat) {
9046
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
9046
9047
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9047
9048
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9048
9049
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
@@ -9059,7 +9060,7 @@
9059
9060
  --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
9060
9061
  }
9061
9062
 
9062
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
9063
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
9063
9064
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
9064
9065
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
9065
9066
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
@@ -9105,7 +9106,7 @@
9105
9106
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9106
9107
  }
9107
9108
 
9108
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-glass) {
9109
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
9109
9110
  --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9110
9111
  --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9111
9112
  --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
package/patternfly-base.css CHANGED
@@ -6964,7 +6964,7 @@ button) {
6964
6964
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6965
6965
  --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6966
6966
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6967
- --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6967
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--50);
6968
6968
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6969
6969
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
6970
6970
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
@@ -7142,7 +7142,7 @@ button) {
7142
7142
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
7143
7143
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
7144
7144
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
7145
- --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
7145
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular);
7146
7146
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
7147
7147
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
7148
7148
  --pf-t--global--background--color--glass--primary--default: initial;
@@ -8172,7 +8172,7 @@ button) {
8172
8172
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8173
8173
  }
8174
8174
 
8175
- :root:where(.pf-v6-theme-redhat) {
8175
+ :root:where(.pf-v6-theme-felt) {
8176
8176
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8177
8177
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8178
8178
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
@@ -8183,7 +8183,7 @@ button) {
8183
8183
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8184
8184
  }
8185
8185
 
8186
- :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
8186
+ :root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
8187
8187
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8188
8188
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
8189
8189
  --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
@@ -8295,6 +8295,7 @@ button) {
8295
8295
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8296
8296
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8297
8297
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
8298
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
8298
8299
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8299
8300
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8300
8301
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
@@ -8307,7 +8308,7 @@ button) {
8307
8308
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
8308
8309
  }
8309
8310
 
8310
- :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
8311
+ :root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
8311
8312
  --pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
8312
8313
  --pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
8313
8314
  --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
@@ -9189,7 +9190,7 @@ button) {
9189
9190
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
9190
9191
  }
9191
9192
 
9192
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat) {
9193
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
9193
9194
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9194
9195
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9195
9196
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
@@ -9206,7 +9207,7 @@ button) {
9206
9207
  --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
9207
9208
  }
9208
9209
 
9209
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
9210
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
9210
9211
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
9211
9212
  --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
9212
9213
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
@@ -9252,7 +9253,7 @@ button) {
9252
9253
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9253
9254
  }
9254
9255
 
9255
- :root:where(.pf-v6-theme-dark.pf-v6-theme-redhat.pf-v6-theme-glass) {
9256
+ :root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
9256
9257
  --pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
9257
9258
  --pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
9258
9259
  --pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);