@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/tokens/tokens-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--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
@@ -34,15 +34,15 @@
34
34
  --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
35
35
  --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
36
36
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
37
- --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--teal--10);
38
- --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--teal--20);
39
- --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--teal--30);
37
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
38
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
39
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
40
40
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
41
41
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
42
42
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
43
- --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--yellow--10);
44
- --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--yellow--20);
45
- --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--yellow--30);
43
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
44
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
45
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
46
46
  --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
47
47
  --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
48
48
  --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
@@ -109,15 +109,15 @@
109
109
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
110
110
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
111
111
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
112
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
113
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
114
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
112
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
113
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
114
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
115
115
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
116
116
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
117
117
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
118
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
119
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
120
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
118
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
119
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
120
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
121
121
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
122
122
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
123
123
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
@@ -155,15 +155,15 @@
155
155
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
156
156
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
157
157
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
158
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
159
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
160
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
158
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
159
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
160
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
161
161
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
162
162
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
163
163
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
164
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
165
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
166
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
164
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
165
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
166
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
167
167
  --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
168
168
  --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
169
169
  --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
@@ -219,15 +219,15 @@
219
219
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
220
220
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
221
221
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
222
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--inverse);
223
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
224
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
222
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
223
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
224
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
225
225
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
226
226
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
227
227
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
228
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--inverse);
229
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
230
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
228
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
229
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
230
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
231
231
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
232
232
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
233
233
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
@@ -302,15 +302,15 @@
302
302
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
303
303
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
304
304
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
305
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--inverse);
306
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
307
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
305
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
306
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
307
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
308
308
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
309
309
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
310
310
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
311
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--inverse);
312
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
313
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
311
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
312
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
313
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
314
314
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
315
315
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
316
316
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
package/base/tokens/tokens-default.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:36 GMT
4
4
 
5
5
  @mixin pf-v6-tokens {
6
6
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -34,7 +34,7 @@
34
34
  --pf-t--global--box-shadow--spread--100: 0px;
35
35
  --pf-t--global--box-shadow--blur--300: 24px;
36
36
  --pf-t--global--box-shadow--blur--200: 8px;
37
- --pf-t--global--box-shadow--blur--100: 2px;
37
+ --pf-t--global--box-shadow--blur--100: 4px;
38
38
  --pf-t--global--box-shadow--Y--700: 8px;
39
39
  --pf-t--global--box-shadow--Y--600: 4px;
40
40
  --pf-t--global--box-shadow--Y--500: 1px;
@@ -63,6 +63,15 @@
63
63
  --pf-t--global--font--size--300: 16px;
64
64
  --pf-t--global--font--size--200: 14px;
65
65
  --pf-t--global--font--size--100: 12px;
66
+ --pf-t--global--font--line-height--200: 1.5;
67
+ --pf-t--global--font--line-height--100: 1.3;
68
+ --pf-t--global--font--weight--400: 700;
69
+ --pf-t--global--font--weight--300: 700;
70
+ --pf-t--global--font--weight--200: 500;
71
+ --pf-t--global--font--weight--100: 400;
72
+ --pf-t--global--font--family--300: "Red Hat Mono VF";
73
+ --pf-t--global--font--family--200: "Red Hat Display VF";
74
+ --pf-t--global--font--family--100: "Red Hat Text VF";
66
75
  --pf-t--global--border--radius--500: 999px;
67
76
  --pf-t--global--border--radius--400: 24px;
68
77
  --pf-t--global--border--radius--300: 16px;
@@ -106,7 +115,7 @@
106
115
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
107
116
  --pf-t--global--text--color--300: var(--pf-t--color--white);
108
117
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
109
- --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
118
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
110
119
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
111
120
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
112
121
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
@@ -116,15 +125,15 @@
116
125
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
117
126
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
118
127
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
119
- --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--teal--40);
120
- --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--teal--30);
121
- --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--teal--20);
128
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
129
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
130
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
122
131
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
123
132
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
124
133
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
125
- --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--yellow--40);
126
- --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--yellow--30);
127
- --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--yellow--20);
134
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
135
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
136
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
128
137
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
129
138
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
130
139
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
@@ -233,6 +242,13 @@
233
242
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
234
243
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
235
244
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
245
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
246
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
247
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--300);
248
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--100);
249
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
250
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
251
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
236
252
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
237
253
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
238
254
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
@@ -270,6 +286,8 @@
270
286
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
271
287
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
272
288
  --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
289
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
290
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
273
291
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
274
292
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
275
293
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -312,15 +330,15 @@
312
330
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
313
331
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
314
332
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
315
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--200);
316
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
317
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
333
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
334
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
335
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
318
336
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
319
337
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
320
338
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
321
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--200);
322
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
323
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
339
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
340
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
341
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
324
342
  --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
325
343
  --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
326
344
  --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
@@ -384,15 +402,15 @@
384
402
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
385
403
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
386
404
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
387
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--300);
388
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
389
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
405
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--300);
406
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--300);
407
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--200);
390
408
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
391
409
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
392
410
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
393
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--300);
394
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
395
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
411
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--300);
412
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--300);
413
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--200);
396
414
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
397
415
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
398
416
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
@@ -432,6 +450,10 @@
432
450
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
433
451
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
434
452
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
453
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
454
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
455
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
456
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
435
457
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
436
458
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
437
459
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
@@ -444,10 +466,6 @@
444
466
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
445
467
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
446
468
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
447
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
448
- --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
449
- --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
450
- --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
451
469
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
452
470
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
453
471
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
@@ -457,15 +475,15 @@
457
475
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
458
476
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
459
477
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
460
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--regular);
461
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
462
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
478
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
479
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
480
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
463
481
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
464
482
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
465
483
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
466
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--regular);
467
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
468
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
484
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
485
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
486
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
469
487
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
470
488
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
471
489
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
@@ -548,15 +566,15 @@
548
566
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
549
567
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
550
568
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
551
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--regular);
552
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
553
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
569
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
570
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
571
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
554
572
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
555
573
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
556
574
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
557
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--regular);
558
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
559
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
575
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
576
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
577
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
560
578
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
561
579
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
562
580
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
@@ -608,14 +626,14 @@
608
626
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
609
627
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
610
628
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
611
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
612
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
613
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
614
629
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
615
630
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
616
631
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
617
632
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
618
633
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
619
634
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
635
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
636
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
637
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
620
638
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
621
639
  }
package/base/tokens/tokens-palette.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--color--red--70: #5f0000;
package/components/Banner/banner.css CHANGED
@@ -32,12 +32,12 @@
32
32
  --pf-v6-c-banner--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
33
33
  --pf-v6-c-banner--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
34
34
  --pf-v6-c-banner--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
35
- --pf-v6-c-banner--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
36
- --pf-v6-c-banner--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
35
+ --pf-v6-c-banner--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
36
+ --pf-v6-c-banner--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
37
37
  --pf-v6-c-banner--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
38
38
  --pf-v6-c-banner--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
39
- --pf-v6-c-banner--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
40
- --pf-v6-c-banner--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
39
+ --pf-v6-c-banner--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
40
+ --pf-v6-c-banner--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
41
41
  --pf-v6-c-banner--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
42
42
  --pf-v6-c-banner--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
43
43
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
@@ -93,17 +93,17 @@
93
93
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-orange--BackgroundColor);
94
94
  --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orange--Color);
95
95
  }
96
- .pf-v6-c-banner.pf-m-gold {
97
- --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-gold--BackgroundColor);
98
- --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-gold--Color);
96
+ .pf-v6-c-banner.pf-m-yellow {
97
+ --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-yellow--BackgroundColor);
98
+ --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-yellow--Color);
99
99
  }
100
100
  .pf-v6-c-banner.pf-m-green {
101
101
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-green--BackgroundColor);
102
102
  --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-green--Color);
103
103
  }
104
- .pf-v6-c-banner.pf-m-cyan {
105
- --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-cyan--BackgroundColor);
106
- --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-cyan--Color);
104
+ .pf-v6-c-banner.pf-m-teal {
105
+ --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-teal--BackgroundColor);
106
+ --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-teal--Color);
107
107
  }
108
108
  .pf-v6-c-banner.pf-m-blue {
109
109
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-blue--BackgroundColor);
package/components/Banner/banner.scss CHANGED
@@ -47,12 +47,12 @@
47
47
  --#{$banner}--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
48
48
  --#{$banner}--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
49
49
  --#{$banner}--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
50
- --#{$banner}--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
51
- --#{$banner}--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
50
+ --#{$banner}--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
51
+ --#{$banner}--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
52
52
  --#{$banner}--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
53
53
  --#{$banner}--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
54
- --#{$banner}--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
55
- --#{$banner}--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
54
+ --#{$banner}--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
55
+ --#{$banner}--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
56
56
  --#{$banner}--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
57
57
  --#{$banner}--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
58
58
  --#{$banner}--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
@@ -110,9 +110,9 @@
110
110
  --#{$banner}--Color: var(--#{$banner}--m-orange--Color);
111
111
  }
112
112
 
113
- &.pf-m-gold {
114
- --#{$banner}--BackgroundColor: var(--#{$banner}--m-gold--BackgroundColor);
115
- --#{$banner}--Color: var(--#{$banner}--m-gold--Color);
113
+ &.pf-m-yellow {
114
+ --#{$banner}--BackgroundColor: var(--#{$banner}--m-yellow--BackgroundColor);
115
+ --#{$banner}--Color: var(--#{$banner}--m-yellow--Color);
116
116
  }
117
117
 
118
118
  &.pf-m-green {
@@ -120,9 +120,9 @@
120
120
  --#{$banner}--Color: var(--#{$banner}--m-green--Color);
121
121
  }
122
122
 
123
- &.pf-m-cyan {
124
- --#{$banner}--BackgroundColor: var(--#{$banner}--m-cyan--BackgroundColor);
125
- --#{$banner}--Color: var(--#{$banner}--m-cyan--Color);
123
+ &.pf-m-teal {
124
+ --#{$banner}--BackgroundColor: var(--#{$banner}--m-teal--BackgroundColor);
125
+ --#{$banner}--Color: var(--#{$banner}--m-teal--Color);
126
126
  }
127
127
 
128
128
  &.pf-m-blue {
package/components/Label/label.css CHANGED
@@ -48,14 +48,14 @@
48
48
  --pf-v6-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
49
49
  --pf-v6-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
50
50
  --pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
51
- --pf-v6-c-label--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
52
- --pf-v6-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
53
- --pf-v6-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
54
- --pf-v6-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--hover);
55
- --pf-v6-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
56
- --pf-v6-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
57
- --pf-v6-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
58
- --pf-v6-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
51
+ --pf-v6-c-label--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
52
+ --pf-v6-c-label--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
53
+ --pf-v6-c-label--m-yellow__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
54
+ --pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--hover);
55
+ --pf-v6-c-label--m-yellow--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--hover);
56
+ --pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--hover);
57
+ --pf-v6-c-label--m-yellow--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
58
+ --pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--hover);
59
59
  --pf-v6-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
60
60
  --pf-v6-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
61
61
  --pf-v6-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
@@ -64,14 +64,14 @@
64
64
  --pf-v6-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
65
65
  --pf-v6-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
66
66
  --pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
67
- --pf-v6-c-label--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
68
- --pf-v6-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
69
- --pf-v6-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
70
- --pf-v6-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--hover);
71
- --pf-v6-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
72
- --pf-v6-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
73
- --pf-v6-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
74
- --pf-v6-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
67
+ --pf-v6-c-label--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
68
+ --pf-v6-c-label--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
69
+ --pf-v6-c-label--m-teal__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
70
+ --pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--hover);
71
+ --pf-v6-c-label--m-teal--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-teal--hover);
72
+ --pf-v6-c-label--m-teal--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--hover);
73
+ --pf-v6-c-label--m-teal--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
74
+ --pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--hover);
75
75
  --pf-v6-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
76
76
  --pf-v6-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
77
77
  --pf-v6-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
@@ -245,15 +245,15 @@
245
245
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-orangered--m-outline--BorderColor);
246
246
  --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor);
247
247
  }
248
- .pf-v6-c-label.pf-m-gold {
249
- --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-gold--BackgroundColor);
250
- --pf-v6-c-label--Color: var(--pf-v6-c-label--m-gold--Color);
251
- --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-gold__icon--Color);
252
- --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-gold--m-clickable--hover--BackgroundColor);
253
- --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-gold--m-clickable--hover--Color);
254
- --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-gold--m-clickable--hover__icon--Color);
255
- --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-gold--m-outline--BorderColor);
256
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-gold--m-outline--m-clickable--hover--BorderColor);
248
+ .pf-v6-c-label.pf-m-yellow {
249
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-yellow--BackgroundColor);
250
+ --pf-v6-c-label--Color: var(--pf-v6-c-label--m-yellow--Color);
251
+ --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-yellow__icon--Color);
252
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor);
253
+ --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-yellow--m-clickable--hover--Color);
254
+ --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color);
255
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-yellow--m-outline--BorderColor);
256
+ --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor);
257
257
  }
258
258
  .pf-v6-c-label.pf-m-green {
259
259
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-green--BackgroundColor);
@@ -265,15 +265,15 @@
265
265
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-green--m-outline--BorderColor);
266
266
  --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor);
267
267
  }
268
- .pf-v6-c-label.pf-m-cyan {
269
- --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-cyan--BackgroundColor);
270
- --pf-v6-c-label--Color: var(--pf-v6-c-label--m-cyan--Color);
271
- --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-cyan__icon--Color);
272
- --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-cyan--m-clickable--hover--BackgroundColor);
273
- --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-cyan--m-clickable--hover--Color);
274
- --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-cyan--m-clickable--hover__icon--Color);
275
- --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-cyan--m-outline--BorderColor);
276
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor);
268
+ .pf-v6-c-label.pf-m-teal {
269
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-teal--BackgroundColor);
270
+ --pf-v6-c-label--Color: var(--pf-v6-c-label--m-teal--Color);
271
+ --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-teal__icon--Color);
272
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor);
273
+ --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-teal--m-clickable--hover--Color);
274
+ --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-teal--m-clickable--hover__icon--Color);
275
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-teal--m-outline--BorderColor);
276
+ --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor);
277
277
  }
278
278
  .pf-v6-c-label.pf-m-purple {
279
279
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-purple--BackgroundColor);