@patternfly/patternfly 6.0.0-alpha.159 → 6.0.0-alpha.160

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 (27) hide show
  1. package/base/patternfly-variables.css +216 -198
  2. package/base/patternfly-variables.scss +1 -1
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts.scss +1 -1
  5. package/base/tokens/tokens-dark.scss +31 -31
  6. package/base/tokens/tokens-default.scss +58 -40
  7. package/base/tokens/tokens-palette.scss +1 -1
  8. package/components/Banner/banner.css +10 -10
  9. package/components/Banner/banner.scss +10 -10
  10. package/components/Label/label.css +34 -34
  11. package/components/Label/label.scss +36 -36
  12. package/components/_index.css +44 -44
  13. package/docs/components/Banner/examples/Banner.md +6 -6
  14. package/docs/components/Content/examples/Content.md +1 -1
  15. package/docs/components/Label/examples/Label.md +193 -185
  16. package/docs/components/Table/examples/Table.md +40 -40
  17. package/docs/demos/Card/examples/Card.md +3 -3
  18. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +1 -1
  20. package/docs/demos/Tabs/examples/Tabs.md +2 -2
  21. package/package.json +1 -1
  22. package/patternfly-base-no-globals.css +216 -198
  23. package/patternfly-base.css +216 -198
  24. package/patternfly-no-globals.css +260 -242
  25. package/patternfly.css +260 -242
  26. package/patternfly.min.css +1 -1
  27. package/patternfly.min.css.map +1 -1
package/base/patternfly-variables.css CHANGED
@@ -1,134 +1,5 @@
1
1
  :where(:root) {
2
2
  --pf-v6-global--inverse--multiplier: 1;
3
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
4
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
6
- --pf-t--global--font--line-height--100: 1.3;
7
- --pf-t--global--font--line-height--200: 1.5;
8
- --pf-t--global--font--weight--body--100: 400;
9
- --pf-t--global--font--weight--body--200: 500;
10
- --pf-t--global--font--weight--heading--100: 700;
11
- --pf-t--global--font--weight--heading--200: 700;
12
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
13
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
14
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
15
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
16
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
17
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
18
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
19
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
20
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
21
- --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
22
- --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
23
- --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
24
- --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
25
- --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
26
- --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
27
- --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
28
- --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
29
- --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
30
- --pf-t--global--font--weight--body--legacy: 400;
31
- --pf-t--global--font--weight--body--bold--legacy: 700;
32
- --pf-t--global--font--weight--heading--legacy: 400;
33
- --pf-t--global--font--weight--heading--bold--legacy: 700;
34
- --pf-t--global--text-decoration--100: none;
35
- --pf-t--global--text-decoration--200: underline;
36
- --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
37
- --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
38
- --pf-t--global--box-shadow--sm:
39
- var(--pf-t--global--box-shadow--X--sm--default)
40
- var(--pf-t--global--box-shadow--Y--sm--default)
41
- var(--pf-t--global--box-shadow--blur--sm)
42
- var(--pf-t--global--box-shadow--spread--sm)
43
- var(--pf-t--global--box-shadow--color--sm);
44
- --pf-t--global--box-shadow--sm--top:
45
- var(--pf-t--global--box-shadow--X--sm--top)
46
- var(--pf-t--global--box-shadow--Y--sm--top)
47
- var(--pf-t--global--box-shadow--blur--sm)
48
- var(--pf-t--global--box-shadow--spread--sm)
49
- var(--pf-t--global--box-shadow--color--sm);
50
- --pf-t--global--box-shadow--sm--bottom:
51
- var(--pf-t--global--box-shadow--X--sm--bottom)
52
- var(--pf-t--global--box-shadow--Y--sm--bottom)
53
- var(--pf-t--global--box-shadow--blur--sm)
54
- var(--pf-t--global--box-shadow--spread--sm)
55
- var(--pf-t--global--box-shadow--color--sm);
56
- --pf-t--global--box-shadow--sm--left:
57
- var(--pf-t--global--box-shadow--X--sm--left)
58
- var(--pf-t--global--box-shadow--Y--sm--left)
59
- var(--pf-t--global--box-shadow--blur--sm)
60
- var(--pf-t--global--box-shadow--spread--sm)
61
- var(--pf-t--global--box-shadow--color--sm);
62
- --pf-t--global--box-shadow--sm--right:
63
- var(--pf-t--global--box-shadow--X--sm--right)
64
- var(--pf-t--global--box-shadow--Y--sm--right)
65
- var(--pf-t--global--box-shadow--blur--sm)
66
- var(--pf-t--global--box-shadow--spread--sm)
67
- var(--pf-t--global--box-shadow--color--sm);
68
- --pf-t--global--box-shadow--md:
69
- var(--pf-t--global--box-shadow--X--md--default)
70
- var(--pf-t--global--box-shadow--Y--md--default)
71
- var(--pf-t--global--box-shadow--blur--md)
72
- var(--pf-t--global--box-shadow--spread--md)
73
- var(--pf-t--global--box-shadow--color--md);
74
- --pf-t--global--box-shadow--md--top:
75
- var(--pf-t--global--box-shadow--X--md--top)
76
- var(--pf-t--global--box-shadow--Y--md--top)
77
- var(--pf-t--global--box-shadow--blur--md)
78
- var(--pf-t--global--box-shadow--spread--md)
79
- var(--pf-t--global--box-shadow--color--md);
80
- --pf-t--global--box-shadow--md--bottom:
81
- var(--pf-t--global--box-shadow--X--md--bottom)
82
- var(--pf-t--global--box-shadow--Y--md--bottom)
83
- var(--pf-t--global--box-shadow--blur--md)
84
- var(--pf-t--global--box-shadow--spread--md)
85
- var(--pf-t--global--box-shadow--color--md);
86
- --pf-t--global--box-shadow--md--left:
87
- var(--pf-t--global--box-shadow--X--md--left)
88
- var(--pf-t--global--box-shadow--Y--md--left)
89
- var(--pf-t--global--box-shadow--blur--md)
90
- var(--pf-t--global--box-shadow--spread--md)
91
- var(--pf-t--global--box-shadow--color--md);
92
- --pf-t--global--box-shadow--md--right:
93
- var(--pf-t--global--box-shadow--X--md--right)
94
- var(--pf-t--global--box-shadow--Y--md--right)
95
- var(--pf-t--global--box-shadow--blur--md)
96
- var(--pf-t--global--box-shadow--spread--md)
97
- var(--pf-t--global--box-shadow--color--md);
98
- --pf-t--global--box-shadow--lg:
99
- var(--pf-t--global--box-shadow--X--lg--default)
100
- var(--pf-t--global--box-shadow--Y--lg--default)
101
- var(--pf-t--global--box-shadow--blur--lg)
102
- var(--pf-t--global--box-shadow--spread--lg)
103
- var(--pf-t--global--box-shadow--color--lg);
104
- --pf-t--global--box-shadow--lg--top:
105
- var(--pf-t--global--box-shadow--X--lg--top)
106
- var(--pf-t--global--box-shadow--Y--lg--top)
107
- var(--pf-t--global--box-shadow--blur--lg)
108
- var(--pf-t--global--box-shadow--spread--lg)
109
- var(--pf-t--global--box-shadow--color--lg);
110
- --pf-t--global--box-shadow--lg--bottom:
111
- var(--pf-t--global--box-shadow--X--lg--bottom)
112
- var(--pf-t--global--box-shadow--Y--lg--bottom)
113
- var(--pf-t--global--box-shadow--blur--lg)
114
- var(--pf-t--global--box-shadow--spread--lg)
115
- var(--pf-t--global--box-shadow--color--lg);
116
- --pf-t--global--box-shadow--lg--left:
117
- var(--pf-t--global--box-shadow--X--lg--left)
118
- var(--pf-t--global--box-shadow--Y--lg--left)
119
- var(--pf-t--global--box-shadow--blur--lg)
120
- var(--pf-t--global--box-shadow--spread--lg)
121
- var(--pf-t--global--box-shadow--color--lg);
122
- --pf-t--global--box-shadow--lg--right:
123
- var(--pf-t--global--box-shadow--X--lg--right)
124
- var(--pf-t--global--box-shadow--Y--lg--right)
125
- var(--pf-t--global--box-shadow--blur--lg)
126
- var(--pf-t--global--box-shadow--spread--lg)
127
- var(--pf-t--global--box-shadow--color--lg);
128
- --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
129
- --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
130
- --pf-t--global--transition--duration: 250ms;
131
- --pf-t--global--list-style: disc outside;
132
3
  --pf-t--color--red--70: #5f0000;
133
4
  --pf-t--color--red--60: #a60000;
134
5
  --pf-t--color--red--50: #e00;
@@ -228,7 +99,7 @@
228
99
  --pf-t--global--box-shadow--spread--100: 0px;
229
100
  --pf-t--global--box-shadow--blur--300: 24px;
230
101
  --pf-t--global--box-shadow--blur--200: 8px;
231
- --pf-t--global--box-shadow--blur--100: 2px;
102
+ --pf-t--global--box-shadow--blur--100: 4px;
232
103
  --pf-t--global--box-shadow--Y--700: 8px;
233
104
  --pf-t--global--box-shadow--Y--600: 4px;
234
105
  --pf-t--global--box-shadow--Y--500: 1px;
@@ -257,6 +128,15 @@
257
128
  --pf-t--global--font--size--300: 16px;
258
129
  --pf-t--global--font--size--200: 14px;
259
130
  --pf-t--global--font--size--100: 12px;
131
+ --pf-t--global--font--line-height--200: 1.5;
132
+ --pf-t--global--font--line-height--100: 1.3;
133
+ --pf-t--global--font--weight--400: 700;
134
+ --pf-t--global--font--weight--300: 700;
135
+ --pf-t--global--font--weight--200: 500;
136
+ --pf-t--global--font--weight--100: 400;
137
+ --pf-t--global--font--family--300: "Red Hat Mono VF";
138
+ --pf-t--global--font--family--200: "Red Hat Display VF";
139
+ --pf-t--global--font--family--100: "Red Hat Text VF";
260
140
  --pf-t--global--border--radius--500: 999px;
261
141
  --pf-t--global--border--radius--400: 24px;
262
142
  --pf-t--global--border--radius--300: 16px;
@@ -300,7 +180,7 @@
300
180
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
301
181
  --pf-t--global--text--color--300: var(--pf-t--color--white);
302
182
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
303
- --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
183
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
304
184
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
305
185
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
306
186
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
@@ -310,15 +190,15 @@
310
190
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
311
191
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
312
192
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
313
- --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--teal--40);
314
- --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--teal--30);
315
- --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--teal--20);
193
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
194
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
195
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
316
196
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
317
197
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
318
198
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
319
- --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--yellow--40);
320
- --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--yellow--30);
321
- --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--yellow--20);
199
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
200
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
201
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
322
202
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
323
203
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
324
204
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
@@ -427,6 +307,13 @@
427
307
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
428
308
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
429
309
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
310
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
311
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
312
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--300);
313
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--100);
314
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
315
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
316
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
430
317
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
431
318
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
432
319
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
@@ -464,6 +351,8 @@
464
351
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
465
352
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
466
353
  --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
354
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
355
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
467
356
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
468
357
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
469
358
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -506,15 +395,15 @@
506
395
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
507
396
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
508
397
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
509
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--200);
510
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
511
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
398
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
399
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
400
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
512
401
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
513
402
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
514
403
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
515
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--200);
516
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
517
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
404
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
405
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
406
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
518
407
  --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
519
408
  --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
520
409
  --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
@@ -578,15 +467,15 @@
578
467
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
579
468
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
580
469
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
581
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--300);
582
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
583
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
470
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--300);
471
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--300);
472
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--200);
584
473
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
585
474
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
586
475
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
587
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--300);
588
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
589
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
476
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--300);
477
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--300);
478
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--200);
590
479
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
591
480
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
592
481
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
@@ -626,6 +515,10 @@
626
515
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
627
516
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
628
517
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
518
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
519
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
520
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
521
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
629
522
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
630
523
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
631
524
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
@@ -638,10 +531,6 @@
638
531
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
639
532
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
640
533
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
641
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
642
- --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
643
- --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
644
- --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
645
534
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
646
535
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
647
536
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
@@ -651,15 +540,15 @@
651
540
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
652
541
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
653
542
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
654
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--regular);
655
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
656
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
543
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
544
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
545
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
657
546
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
658
547
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
659
548
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
660
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--regular);
661
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
662
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
549
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
550
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
551
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
663
552
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
664
553
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
665
554
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
@@ -742,15 +631,15 @@
742
631
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
743
632
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
744
633
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
745
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--regular);
746
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
747
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
634
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
635
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
636
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
748
637
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
749
638
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
750
639
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
751
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--regular);
752
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
753
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
640
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
641
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
642
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
754
643
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
755
644
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
756
645
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
@@ -802,16 +691,145 @@
802
691
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
803
692
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
804
693
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
805
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
806
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
807
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
808
694
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
809
695
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
810
696
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
811
697
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
812
698
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
813
699
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
700
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
701
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
702
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
814
703
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
704
+ --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
705
+ --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
706
+ --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
707
+ --pf-t--global--font--line-height--100: 1.3;
708
+ --pf-t--global--font--line-height--200: 1.5;
709
+ --pf-t--global--font--weight--body--100: 400;
710
+ --pf-t--global--font--weight--body--200: 500;
711
+ --pf-t--global--font--weight--heading--100: 700;
712
+ --pf-t--global--font--weight--heading--200: 700;
713
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
714
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
715
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
716
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
717
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
718
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
719
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
720
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
721
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
722
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
723
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
724
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
725
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
726
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
727
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
728
+ --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
729
+ --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
730
+ --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
731
+ --pf-t--global--font--weight--body--legacy: 400;
732
+ --pf-t--global--font--weight--body--bold--legacy: 700;
733
+ --pf-t--global--font--weight--heading--legacy: 400;
734
+ --pf-t--global--font--weight--heading--bold--legacy: 700;
735
+ --pf-t--global--text-decoration--100: none;
736
+ --pf-t--global--text-decoration--200: underline;
737
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
738
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
739
+ --pf-t--global--box-shadow--sm:
740
+ var(--pf-t--global--box-shadow--X--sm--default)
741
+ var(--pf-t--global--box-shadow--Y--sm--default)
742
+ var(--pf-t--global--box-shadow--blur--sm)
743
+ var(--pf-t--global--box-shadow--spread--sm)
744
+ var(--pf-t--global--box-shadow--color--sm);
745
+ --pf-t--global--box-shadow--sm--top:
746
+ var(--pf-t--global--box-shadow--X--sm--top)
747
+ var(--pf-t--global--box-shadow--Y--sm--top)
748
+ var(--pf-t--global--box-shadow--blur--sm)
749
+ var(--pf-t--global--box-shadow--spread--sm)
750
+ var(--pf-t--global--box-shadow--color--sm);
751
+ --pf-t--global--box-shadow--sm--bottom:
752
+ var(--pf-t--global--box-shadow--X--sm--bottom)
753
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
754
+ var(--pf-t--global--box-shadow--blur--sm)
755
+ var(--pf-t--global--box-shadow--spread--sm)
756
+ var(--pf-t--global--box-shadow--color--sm);
757
+ --pf-t--global--box-shadow--sm--left:
758
+ var(--pf-t--global--box-shadow--X--sm--left)
759
+ var(--pf-t--global--box-shadow--Y--sm--left)
760
+ var(--pf-t--global--box-shadow--blur--sm)
761
+ var(--pf-t--global--box-shadow--spread--sm)
762
+ var(--pf-t--global--box-shadow--color--sm);
763
+ --pf-t--global--box-shadow--sm--right:
764
+ var(--pf-t--global--box-shadow--X--sm--right)
765
+ var(--pf-t--global--box-shadow--Y--sm--right)
766
+ var(--pf-t--global--box-shadow--blur--sm)
767
+ var(--pf-t--global--box-shadow--spread--sm)
768
+ var(--pf-t--global--box-shadow--color--sm);
769
+ --pf-t--global--box-shadow--md:
770
+ var(--pf-t--global--box-shadow--X--md--default)
771
+ var(--pf-t--global--box-shadow--Y--md--default)
772
+ var(--pf-t--global--box-shadow--blur--md)
773
+ var(--pf-t--global--box-shadow--spread--md)
774
+ var(--pf-t--global--box-shadow--color--md);
775
+ --pf-t--global--box-shadow--md--top:
776
+ var(--pf-t--global--box-shadow--X--md--top)
777
+ var(--pf-t--global--box-shadow--Y--md--top)
778
+ var(--pf-t--global--box-shadow--blur--md)
779
+ var(--pf-t--global--box-shadow--spread--md)
780
+ var(--pf-t--global--box-shadow--color--md);
781
+ --pf-t--global--box-shadow--md--bottom:
782
+ var(--pf-t--global--box-shadow--X--md--bottom)
783
+ var(--pf-t--global--box-shadow--Y--md--bottom)
784
+ var(--pf-t--global--box-shadow--blur--md)
785
+ var(--pf-t--global--box-shadow--spread--md)
786
+ var(--pf-t--global--box-shadow--color--md);
787
+ --pf-t--global--box-shadow--md--left:
788
+ var(--pf-t--global--box-shadow--X--md--left)
789
+ var(--pf-t--global--box-shadow--Y--md--left)
790
+ var(--pf-t--global--box-shadow--blur--md)
791
+ var(--pf-t--global--box-shadow--spread--md)
792
+ var(--pf-t--global--box-shadow--color--md);
793
+ --pf-t--global--box-shadow--md--right:
794
+ var(--pf-t--global--box-shadow--X--md--right)
795
+ var(--pf-t--global--box-shadow--Y--md--right)
796
+ var(--pf-t--global--box-shadow--blur--md)
797
+ var(--pf-t--global--box-shadow--spread--md)
798
+ var(--pf-t--global--box-shadow--color--md);
799
+ --pf-t--global--box-shadow--lg:
800
+ var(--pf-t--global--box-shadow--X--lg--default)
801
+ var(--pf-t--global--box-shadow--Y--lg--default)
802
+ var(--pf-t--global--box-shadow--blur--lg)
803
+ var(--pf-t--global--box-shadow--spread--lg)
804
+ var(--pf-t--global--box-shadow--color--lg);
805
+ --pf-t--global--box-shadow--lg--top:
806
+ var(--pf-t--global--box-shadow--X--lg--top)
807
+ var(--pf-t--global--box-shadow--Y--lg--top)
808
+ var(--pf-t--global--box-shadow--blur--lg)
809
+ var(--pf-t--global--box-shadow--spread--lg)
810
+ var(--pf-t--global--box-shadow--color--lg);
811
+ --pf-t--global--box-shadow--lg--bottom:
812
+ var(--pf-t--global--box-shadow--X--lg--bottom)
813
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
814
+ var(--pf-t--global--box-shadow--blur--lg)
815
+ var(--pf-t--global--box-shadow--spread--lg)
816
+ var(--pf-t--global--box-shadow--color--lg);
817
+ --pf-t--global--box-shadow--lg--left:
818
+ var(--pf-t--global--box-shadow--X--lg--left)
819
+ var(--pf-t--global--box-shadow--Y--lg--left)
820
+ var(--pf-t--global--box-shadow--blur--lg)
821
+ var(--pf-t--global--box-shadow--spread--lg)
822
+ var(--pf-t--global--box-shadow--color--lg);
823
+ --pf-t--global--box-shadow--lg--right:
824
+ var(--pf-t--global--box-shadow--X--lg--right)
825
+ var(--pf-t--global--box-shadow--Y--lg--right)
826
+ var(--pf-t--global--box-shadow--blur--lg)
827
+ var(--pf-t--global--box-shadow--spread--lg)
828
+ var(--pf-t--global--box-shadow--color--lg);
829
+ --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
830
+ --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
831
+ --pf-t--global--transition--duration: 250ms;
832
+ --pf-t--global--list-style: disc outside;
815
833
  }
816
834
 
817
835
  :where(.pf-v6-theme-dark) {
@@ -846,15 +864,15 @@
846
864
  --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
847
865
  --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
848
866
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
849
- --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--teal--10);
850
- --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--teal--20);
851
- --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--teal--30);
867
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
868
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
869
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
852
870
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
853
871
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
854
872
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
855
- --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--yellow--10);
856
- --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--yellow--20);
857
- --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--yellow--30);
873
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
874
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
875
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
858
876
  --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
859
877
  --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
860
878
  --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
@@ -921,15 +939,15 @@
921
939
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
922
940
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
923
941
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
924
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
925
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
926
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
942
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
943
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
944
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
927
945
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
928
946
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
929
947
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
930
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
931
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
932
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
948
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
949
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
950
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
933
951
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
934
952
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
935
953
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
@@ -967,15 +985,15 @@
967
985
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
968
986
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
969
987
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
970
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
971
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
972
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
988
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
989
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
990
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
973
991
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
974
992
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
975
993
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
976
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
977
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
978
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
994
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
995
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
996
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
979
997
  --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
980
998
  --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
981
999
  --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
@@ -1031,15 +1049,15 @@
1031
1049
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
1032
1050
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
1033
1051
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
1034
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--inverse);
1035
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
1036
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
1052
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
1053
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
1054
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
1037
1055
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
1038
1056
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
1039
1057
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
1040
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--inverse);
1041
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
1042
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
1058
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
1059
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
1060
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
1043
1061
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
1044
1062
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
1045
1063
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
@@ -1114,15 +1132,15 @@
1114
1132
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
1115
1133
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
1116
1134
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
1117
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--inverse);
1118
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
1119
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
1135
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
1136
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
1137
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
1120
1138
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
1121
1139
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
1122
1140
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
1123
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--inverse);
1124
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
1125
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
1141
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
1142
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
1143
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
1126
1144
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
1127
1145
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
1128
1146
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
package/base/patternfly-variables.scss CHANGED
@@ -6,9 +6,9 @@
6
6
 
7
7
  :where(:root) {
8
8
  @include pf-v6-set-inverse(false);
9
- @include local.pf-v6-tokens;
10
9
  @include palette.pf-v6-tokens;
11
10
  @include default.pf-v6-tokens;
11
+ @include local.pf-v6-tokens;
12
12
  }
13
13
 
14
14
  :where(.pf-v6-theme-dark) {
package/base/tokens/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 29 May 2024 15:57:12 GMT
3
+ // Generated on Thu, 13 Jun 2024 00:55:37 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;
package/base/tokens/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 29 May 2024 15:57:12 GMT
3
+ // Generated on Thu, 13 Jun 2024 00:55:37 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--chart--global--stroke-line-join: round;