@patternfly/patternfly 6.5.0-prerelease.92 → 6.5.0-prerelease.94

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 +157 -54
  2. package/base/patternfly-variables.scss +8 -8
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  5. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +1 -1
  8. package/base/tokens/tokens-default.scss +1 -1
  9. package/base/tokens/tokens-felt-dark.scss +1 -1
  10. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  11. package/base/tokens/tokens-felt-glass.scss +1 -1
  12. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  13. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  14. package/base/tokens/tokens-felt.scss +1 -1
  15. package/base/tokens/tokens-glass-dark.scss +1 -1
  16. package/base/tokens/tokens-glass.scss +1 -1
  17. package/base/tokens/tokens-highcontrast-dark.scss +53 -5
  18. package/base/tokens/tokens-highcontrast.scss +78 -23
  19. package/base/tokens/tokens-palette.scss +1 -1
  20. package/package.json +1 -1
  21. package/patternfly-base-no-globals.css +157 -54
  22. package/patternfly-base.css +157 -54
  23. package/patternfly-no-globals.css +157 -54
  24. package/patternfly.css +157 -54
  25. package/patternfly.min.css +1 -1
  26. package/patternfly.min.css.map +1 -1
package/base/tokens/tokens-felt-highcontrast.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:41 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:37 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (122 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/tokens-felt.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:37 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 Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:37 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 Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:37 GMT
4
4
 
5
5
  // Only tokens that differ from base theme (15 tokens)
6
6
  @mixin pf-v6-tokens {
package/base/tokens/tokens-highcontrast-dark.scss CHANGED
@@ -1,16 +1,21 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Sep 2025 19:58:14 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 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);
7
+ --pf-t--global--background--color--striped--row--default: rgba(21, 21, 21, 0.3000);
8
+ --pf-t--global--background--filter--glass--blur--primary: initial;
7
9
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
8
10
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
11
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
9
12
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
10
- --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
13
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.6000);
11
14
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
12
15
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
13
16
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
17
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
18
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
14
19
  --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
15
20
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
16
21
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
@@ -26,13 +31,21 @@
26
31
  --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
27
32
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
28
33
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
29
- --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
34
+ --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--60);
30
35
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
31
36
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
32
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
37
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
33
38
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
34
39
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
35
40
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
41
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
42
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--60);
43
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--40);
44
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--gray--20);
45
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
46
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
47
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
48
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
36
49
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
37
50
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
38
51
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -104,11 +117,12 @@
104
117
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
105
118
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
106
119
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
107
- --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
120
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--100);
108
121
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
109
122
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
110
123
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
111
124
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
125
+ --pf-t--global--background--color--glass--primary--default: initial;
112
126
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
113
127
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
114
128
  --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
@@ -119,8 +133,13 @@
119
133
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
120
134
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
121
135
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
136
+ --pf-t--global--background--color--sticky--default: var(--pf-t--global--dark--background--color--200);
122
137
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
138
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
139
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
140
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
123
141
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
142
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
124
143
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
125
144
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
126
145
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
@@ -153,9 +172,13 @@
153
172
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
154
173
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
155
174
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
175
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
156
176
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
157
177
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
158
178
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
179
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
180
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
181
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
159
182
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
160
183
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
161
184
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -232,9 +255,12 @@
232
255
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
233
256
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
234
257
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
258
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--dark--border--color--300);
259
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
235
260
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
236
261
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
237
262
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
263
+ --pf-t--global--border--color--glass--default: initial;
238
264
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
239
265
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
240
266
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
@@ -252,6 +278,9 @@
252
278
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
253
279
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
254
280
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
281
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
282
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
283
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
255
284
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
256
285
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
257
286
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -290,9 +319,15 @@
290
319
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
291
320
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
292
321
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
322
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
323
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
324
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
293
325
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
294
326
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
295
327
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
328
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
329
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
330
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
296
331
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
297
332
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
298
333
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -356,9 +391,15 @@
356
391
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
357
392
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
358
393
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
394
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
395
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
396
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
359
397
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
360
398
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
361
399
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
400
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
401
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
402
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
362
403
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
363
404
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
364
405
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -393,4 +434,11 @@
393
434
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
394
435
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
395
436
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
437
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
438
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
439
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
440
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
441
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
442
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
443
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
396
444
  }
package/base/tokens/tokens-highcontrast.scss CHANGED
@@ -1,11 +1,13 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Sep 2025 19:58:14 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7
7
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
8
9
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
10
+ --pf-t--global--background--filter--glass--blur--primary: initial;
9
11
  --pf-t--global--border--radius--0: 0px;
10
12
  --pf-t--global--border--radius--100: 4px;
11
13
  --pf-t--global--border--radius--200: 6px;
@@ -19,10 +21,10 @@
19
21
  --pf-t--global--border--width--action--plain--default: 0px;
20
22
  --pf-t--global--box-shadow--X--100: -10px;
21
23
  --pf-t--global--box-shadow--X--200: -4px;
22
- --pf-t--global--box-shadow--X--300: -1px;
24
+ --pf-t--global--box-shadow--X--300: -2px;
23
25
  --pf-t--global--box-shadow--X--400: 0px;
24
26
  --pf-t--global--box-shadow--X--50: -20px;
25
- --pf-t--global--box-shadow--X--500: 1px;
27
+ --pf-t--global--box-shadow--X--500: 2px;
26
28
  --pf-t--global--box-shadow--X--600: 4px;
27
29
  --pf-t--global--box-shadow--X--700: 10px;
28
30
  --pf-t--global--box-shadow--X--800: 20px;
@@ -35,8 +37,8 @@
35
37
  --pf-t--global--box-shadow--Y--600: 4px;
36
38
  --pf-t--global--box-shadow--Y--700: 10px;
37
39
  --pf-t--global--box-shadow--Y--800: 20px;
38
- --pf-t--global--box-shadow--blur--100: 4px;
39
- --pf-t--global--box-shadow--blur--200: 9px;
40
+ --pf-t--global--box-shadow--blur--100: 6px;
41
+ --pf-t--global--box-shadow--blur--200: 10px;
40
42
  --pf-t--global--box-shadow--blur--300: 20px;
41
43
  --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
42
44
  --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
@@ -110,10 +112,13 @@
110
112
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
111
113
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
112
114
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
115
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
116
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
117
+ --pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700);
113
118
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
114
119
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
115
120
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
116
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
121
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
117
122
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
118
123
  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
119
124
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
@@ -205,9 +210,17 @@
205
210
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
206
211
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
207
212
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
213
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
214
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
215
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--gray--60);
216
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
217
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
218
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
219
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
220
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
208
221
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
209
222
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
210
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
223
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
211
224
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
212
225
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
213
226
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -273,7 +286,7 @@
273
286
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
274
287
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
275
288
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
276
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
289
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
277
290
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
278
291
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
279
292
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -309,10 +322,6 @@
309
322
  --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
310
323
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
311
324
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
312
- --pf-t--global--icon--color--brand--clicked: var(--pf-t--color--blue--70);
313
- --pf-t--global--icon--color--brand--default: var(--pf-t--color--blue--60);
314
- --pf-t--global--icon--color--brand--hover: var(--pf-t--color--blue--70);
315
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--150);
316
325
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
317
326
  --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
318
327
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -333,9 +342,6 @@
333
342
  --pf-t--global--text--color--300: var(--pf-t--color--white);
334
343
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
335
344
  --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
336
- --pf-t--global--text--color--brand--clicked: var(--pf-t--color--blue--80);
337
- --pf-t--global--text--color--brand--default: var(--pf-t--color--blue--70);
338
- --pf-t--global--text--color--brand--hover: var(--pf-t--color--blue--80);
339
345
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
340
346
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
341
347
  --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
@@ -351,8 +357,8 @@
351
357
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
352
358
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
353
359
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
354
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
355
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
360
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
361
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
356
362
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
357
363
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
358
364
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -375,8 +381,13 @@
375
381
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
376
382
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
377
383
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
384
+ --pf-t--global--background--color--sticky--default: var(--pf-t--global--background--color--100);
385
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
386
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
387
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
378
388
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
379
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
389
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
390
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
380
391
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
381
392
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
382
393
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
@@ -412,12 +423,22 @@
412
423
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
413
424
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
414
425
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
426
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
427
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
428
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
429
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
430
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
431
+ --pf-t--global--border--radius--glass--default: initial;
432
+ --pf-t--global--border--width--glass--default: initial;
415
433
  --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
416
434
  --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
417
435
  --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
418
436
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
419
437
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
420
438
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
439
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
440
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
441
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
421
442
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
422
443
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
423
444
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
@@ -473,6 +494,9 @@
473
494
  --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
474
495
  --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
475
496
  --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
497
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
498
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
499
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
476
500
  --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
477
501
  --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
478
502
  --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
@@ -486,8 +510,6 @@
486
510
  --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
487
511
  --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
488
512
  --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
489
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
490
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--200);
491
513
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
492
514
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
493
515
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
@@ -526,6 +548,9 @@
526
548
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
527
549
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
528
550
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
551
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
552
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
553
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
529
554
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
530
555
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
531
556
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
@@ -535,22 +560,27 @@
535
560
  --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
536
561
  --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
537
562
  --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
538
- --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
563
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
539
564
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
540
- --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--200);
565
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
541
566
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
542
567
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
543
568
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
544
569
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
570
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
545
571
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
546
572
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
573
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
547
574
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
548
575
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
549
576
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
577
+ --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
578
+ --pf-t--global--background--color--glass--primary--default: initial;
550
579
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
551
580
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
552
581
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
553
582
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
583
+ --pf-t--global--border--color--glass--default: initial;
554
584
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
555
585
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
556
586
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
@@ -562,6 +592,9 @@
562
592
  --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
563
593
  --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
564
594
  --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
595
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
596
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
597
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
565
598
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
566
599
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
567
600
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -599,9 +632,15 @@
599
632
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
600
633
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
601
634
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
635
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
636
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
637
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
602
638
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
603
639
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
604
640
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
641
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
642
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
643
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
605
644
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
606
645
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
607
646
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -623,6 +662,9 @@
623
662
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
624
663
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
625
664
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
665
+ --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
666
+ --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
667
+ --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
626
668
  --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
627
669
  --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
628
670
  --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
@@ -665,9 +707,15 @@
665
707
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
666
708
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
667
709
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
710
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
711
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
712
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
668
713
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
669
714
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
670
715
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
716
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
717
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
718
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
671
719
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
672
720
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
673
721
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -699,5 +747,12 @@
699
747
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
700
748
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
701
749
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
750
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
751
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
752
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
753
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
702
754
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
755
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
756
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
757
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
703
758
  }
package/base/tokens/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 May 2026 20:05:40 GMT
3
+ // Generated on Fri, 15 May 2026 17:53:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--color--black: #000000;
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.92",
4
+ "version": "6.5.0-prerelease.94",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {