@patternfly/patternfly 6.5.0-prerelease.55 → 6.5.0-prerelease.56

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 (24) hide show
  1. package/base/patternfly-variables.css +364 -3736
  2. package/base/tokens/tokens-dark.scss +2 -2
  3. package/base/tokens/tokens-default.scss +1 -2
  4. package/base/tokens/tokens-glass-dark.scss +2 -2
  5. package/base/tokens/tokens-glass.scss +1 -1
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/base/tokens/tokens-redhat-dark.scss +2 -425
  8. package/base/tokens/tokens-redhat-glass-dark.scss +3 -407
  9. package/base/tokens/tokens-redhat-glass.scss +2 -731
  10. package/base/tokens/tokens-redhat-highcontrast-dark.scss +3 -397
  11. package/base/tokens/tokens-redhat-highcontrast.scss +2 -633
  12. package/base/tokens/tokens-redhat.scss +2 -786
  13. package/components/Button/button.css +2 -2
  14. package/components/Button/button.scss +3 -2
  15. package/components/MenuToggle/menu-toggle.css +1 -2
  16. package/components/MenuToggle/menu-toggle.scss +1 -2
  17. package/components/_index.css +3 -4
  18. package/package.json +2 -2
  19. package/patternfly-base-no-globals.css +364 -3736
  20. package/patternfly-base.css +364 -3736
  21. package/patternfly-no-globals.css +366 -3739
  22. package/patternfly.css +366 -3739
  23. package/patternfly.min.css +1 -1
  24. package/patternfly.min.css.map +1 -1
package/base/tokens/tokens-redhat-highcontrast.scss CHANGED
@@ -1,399 +1,23 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 12 Mar 2026 18:22:41 GMT
3
+ // Generated on Mon, 23 Mar 2026 14:56:21 GMT
4
4
 
5
+ // Only tokens that differ from base theme (121 tokens)
5
6
  @mixin pf-v6-tokens {
6
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
7
- --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
8
- --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
9
- --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
10
- --pf-t--global--background--filter--glass--blur--primary: initial;
11
- --pf-t--global--border--radius--0: 0px;
12
- --pf-t--global--border--radius--100: 4px;
13
- --pf-t--global--border--radius--200: 6px;
14
- --pf-t--global--border--radius--300: 16px;
15
- --pf-t--global--border--radius--400: 24px;
16
- --pf-t--global--border--radius--500: 999px;
17
- --pf-t--global--border--width--100: 1px;
18
- --pf-t--global--border--width--200: 2px;
19
- --pf-t--global--border--width--300: 3px;
20
- --pf-t--global--border--width--400: 4px;
21
- --pf-t--global--border--width--action--plain--default: 0px;
22
- --pf-t--global--box-shadow--X--100: -10px;
23
- --pf-t--global--box-shadow--X--200: -4px;
24
- --pf-t--global--box-shadow--X--300: -2px;
25
- --pf-t--global--box-shadow--X--400: 0px;
26
- --pf-t--global--box-shadow--X--50: -20px;
27
- --pf-t--global--box-shadow--X--500: 2px;
28
- --pf-t--global--box-shadow--X--600: 4px;
29
- --pf-t--global--box-shadow--X--700: 10px;
30
- --pf-t--global--box-shadow--X--800: 20px;
31
- --pf-t--global--box-shadow--Y--100: -10px;
32
- --pf-t--global--box-shadow--Y--200: -4px;
33
- --pf-t--global--box-shadow--Y--300: -1px;
34
- --pf-t--global--box-shadow--Y--400: 0px;
35
- --pf-t--global--box-shadow--Y--50: -20px;
36
- --pf-t--global--box-shadow--Y--500: 1px;
37
- --pf-t--global--box-shadow--Y--600: 4px;
38
- --pf-t--global--box-shadow--Y--700: 10px;
39
- --pf-t--global--box-shadow--Y--800: 20px;
40
- --pf-t--global--box-shadow--blur--100: 6px;
41
- --pf-t--global--box-shadow--blur--200: 10px;
42
- --pf-t--global--box-shadow--blur--300: 20px;
43
- --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
44
- --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
45
- --pf-t--global--box-shadow--spread--100: 0px;
46
- --pf-t--global--box-shadow--spread--200: -4px;
47
- --pf-t--global--box-shadow--spread--300: -8px;
48
- --pf-t--global--box-shadow--spread--400: -20px;
49
- --pf-t--global--breakpoint--100: 0rem;
50
- --pf-t--global--breakpoint--200: 36rem;
51
- --pf-t--global--breakpoint--250: 40rem;
52
- --pf-t--global--breakpoint--300: 48rem;
53
- --pf-t--global--breakpoint--350: 60rem;
54
- --pf-t--global--breakpoint--400: 62rem;
55
- --pf-t--global--breakpoint--500: 75rem;
56
- --pf-t--global--breakpoint--550: 80rem;
57
- --pf-t--global--breakpoint--600: 90.625rem;
58
- --pf-t--global--color--nonstatus--green--400: #3d7019;
59
- --pf-t--global--color--status--success--150: #3d7019;
60
- --pf-t--global--focus-ring--position--inset: -4px;
61
- --pf-t--global--focus-ring--position--offset: 2px;
62
- --pf-t--global--focus-ring--width--inset: 3px;
63
- --pf-t--global--focus-ring--width--offset: 2px;
64
- --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
65
- --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
66
- --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
67
- --pf-t--global--font--line-height--100: 1.3;
68
- --pf-t--global--font--line-height--200: 1.5;
69
- --pf-t--global--font--size--100: 0.75rem;
70
- --pf-t--global--font--size--200: 0.875rem;
71
- --pf-t--global--font--size--300: 1rem;
72
- --pf-t--global--font--size--400: 1.125rem;
73
- --pf-t--global--font--size--500: 1.25rem;
74
- --pf-t--global--font--size--600: 1.5rem;
75
- --pf-t--global--font--size--700: 1.75rem;
76
- --pf-t--global--font--size--800: 2.25rem;
77
- --pf-t--global--font--weight--100: 400;
78
- --pf-t--global--font--weight--200: 500;
79
- --pf-t--global--font--weight--300: 500;
80
- --pf-t--global--font--weight--400: 700;
81
- --pf-t--global--icon--size--100: 0.75rem;
82
- --pf-t--global--icon--size--200: 0.875rem;
83
- --pf-t--global--icon--size--250: 1rem;
84
- --pf-t--global--icon--size--300: 1.5rem;
85
- --pf-t--global--icon--size--400: 3.5rem;
86
- --pf-t--global--icon--size--500: 6rem;
87
- --pf-t--global--spacer--100: 0.25rem;
88
- --pf-t--global--spacer--200: 0.5rem;
89
- --pf-t--global--spacer--300: 1rem;
90
- --pf-t--global--spacer--400: 1.5rem;
91
- --pf-t--global--spacer--500: 2rem;
92
- --pf-t--global--spacer--600: 3rem;
93
- --pf-t--global--spacer--700: 4rem;
94
- --pf-t--global--spacer--800: 5rem;
95
- --pf-t--global--text-decoration--line--100: none;
96
- --pf-t--global--text-decoration--line--200: underline;
97
- --pf-t--global--text-decoration--offset--hover: 5;
98
- --pf-t--global--text-decoration--style--100: solid;
99
- --pf-t--global--text-decoration--style--200: dashed;
100
- --pf-t--global--z-index--100: 100;
101
- --pf-t--global--z-index--200: 200;
102
- --pf-t--global--z-index--300: 300;
103
- --pf-t--global--z-index--400: 400;
104
- --pf-t--global--z-index--500: 500;
105
- --pf-t--global--z-index--600: 600;
106
- --pf-t--global--background--color--100: var(--pf-t--color--white);
107
- --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
108
- --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
109
- --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
110
- --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
111
- --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
112
- --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
113
- --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
114
- --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
115
- --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
116
- --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
117
- --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
118
- --pf-t--global--background--color--striped--row--default: var(--pf-t--global--background--color--700);
119
- --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
120
- --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
121
- --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
122
- --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
123
- --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
124
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
125
7
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
126
8
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
127
- --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
128
- --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
129
- --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
130
- --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
131
- --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
132
- --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
133
- --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
134
- --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
135
- --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
136
9
  --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
137
10
  --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
138
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
139
- --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
140
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
141
- --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
142
- --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
143
- --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
144
- --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
145
11
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
146
- --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
147
- --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
148
- --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
149
- --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
150
12
  --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
151
- --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
152
- --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
153
- --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
154
- --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
155
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
156
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
157
- --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
158
- --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
159
- --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
160
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
161
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
162
- --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
163
- --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
164
- --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
165
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
166
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
167
- --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
168
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
169
- --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
170
- --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
171
- --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
172
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
173
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
174
- --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
175
- --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
176
- --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
177
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
178
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
179
- --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
180
- --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
181
- --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
182
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
183
- --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
184
- --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
185
- --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
186
- --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
187
- --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
188
- --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
189
- --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
190
- --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
191
- --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
192
- --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
193
- --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
194
- --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
195
- --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
196
- --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
197
- --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
198
- --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
199
- --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
200
- --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
201
- --pf-t--global--breakpoint--height--md: var(--pf-t--global--breakpoint--250);
202
- --pf-t--global--breakpoint--height--sm: var(--pf-t--global--breakpoint--100);
203
- --pf-t--global--breakpoint--height--xl: var(--pf-t--global--breakpoint--350);
204
- --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
205
- --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
206
- --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
207
- --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
208
- --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
209
- --pf-t--global--color--brand--100: var(--pf-t--color--blue--40);
210
- --pf-t--global--color--brand--200: var(--pf-t--color--blue--50);
211
- --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
212
- --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
213
- --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
214
- --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
215
- --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
216
- --pf-t--global--color--brand--accent--300: var(--pf-t--color--gray--60);
217
- --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
218
- --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
219
- --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
220
- --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
221
- --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
222
- --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
223
- --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
224
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
225
- --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
226
- --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
227
- --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
228
- --pf-t--global--color--favorite--400: var(--pf-t--color--yellow--80);
229
- --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
230
- --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
231
- --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
232
- --pf-t--global--color--nonstatus--blue--400: var(--pf-t--color--blue--60);
233
- --pf-t--global--color--nonstatus--blue--500: var(--pf-t--color--blue--70);
234
- --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
235
- --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
236
- --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
237
- --pf-t--global--color--nonstatus--gray--400: var(--pf-t--color--gray--60);
238
- --pf-t--global--color--nonstatus--gray--50: var(--pf-t--color--gray--10);
239
- --pf-t--global--color--nonstatus--gray--500: var(--pf-t--color--gray--70);
240
- --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
241
- --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
242
- --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
243
- --pf-t--global--color--nonstatus--green--500: var(--pf-t--color--green--70);
244
- --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
245
- --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
246
- --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
247
- --pf-t--global--color--nonstatus--orange--400: var(--pf-t--color--orange--60);
248
- --pf-t--global--color--nonstatus--orange--500: var(--pf-t--color--orange--70);
249
- --pf-t--global--color--nonstatus--orangered--100: var(--pf-t--color--red-orange--20);
250
- --pf-t--global--color--nonstatus--orangered--200: var(--pf-t--color--red-orange--30);
251
- --pf-t--global--color--nonstatus--orangered--300: var(--pf-t--color--red-orange--40);
252
- --pf-t--global--color--nonstatus--orangered--400: var(--pf-t--color--red-orange--60);
253
- --pf-t--global--color--nonstatus--orangered--500: var(--pf-t--color--red-orange--70);
254
- --pf-t--global--color--nonstatus--purple--100: var(--pf-t--color--purple--20);
255
- --pf-t--global--color--nonstatus--purple--200: var(--pf-t--color--purple--30);
256
- --pf-t--global--color--nonstatus--purple--300: var(--pf-t--color--purple--40);
257
- --pf-t--global--color--nonstatus--purple--400: var(--pf-t--color--purple--50);
258
- --pf-t--global--color--nonstatus--purple--500: var(--pf-t--color--purple--60);
259
- --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
260
- --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
261
- --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
262
- --pf-t--global--color--nonstatus--red--400: var(--pf-t--color--red--60);
263
- --pf-t--global--color--nonstatus--red--500: var(--pf-t--color--red--70);
264
- --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
265
- --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
266
- --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
267
- --pf-t--global--color--nonstatus--teal--400: var(--pf-t--color--teal--70);
268
- --pf-t--global--color--nonstatus--teal--500: var(--pf-t--color--teal--80);
269
- --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
270
- --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
271
- --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
272
- --pf-t--global--color--nonstatus--yellow--400: var(--pf-t--color--yellow--70);
273
- --pf-t--global--color--nonstatus--yellow--500: var(--pf-t--color--yellow--80);
274
- --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
275
- --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
276
- --pf-t--global--color--severity--important--200: var(--pf-t--color--orange--60);
277
- --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
278
- --pf-t--global--color--severity--minor--200: var(--pf-t--color--gray--80);
279
- --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
280
- --pf-t--global--color--severity--moderate--200: var(--pf-t--color--yellow--70);
281
- --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
282
- --pf-t--global--color--severity--none--200: var(--pf-t--color--blue--60);
283
- --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
284
- --pf-t--global--color--severity--undefined--200: var(--pf-t--color--gray--60);
285
- --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
286
- --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
287
- --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
288
- --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
289
- --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
290
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
291
- --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
292
- --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
293
- --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
294
- --pf-t--global--color--status--success--100: var(--pf-t--color--green--60);
295
- --pf-t--global--color--status--success--200: var(--pf-t--color--green--70);
296
- --pf-t--global--color--status--success--300: var(--pf-t--color--green--80);
297
- --pf-t--global--color--status--warning--100: var(--pf-t--color--yellow--30);
298
- --pf-t--global--color--status--warning--200: var(--pf-t--color--yellow--40);
299
- --pf-t--global--color--status--warning--300: var(--pf-t--color--yellow--50);
300
- --pf-t--global--color--status--warning--400: var(--pf-t--color--yellow--60);
301
- --pf-t--global--color--status--warning--500: var(--pf-t--color--yellow--70);
302
- --pf-t--global--color--status--warning--600: var(--pf-t--color--yellow--80);
303
- --pf-t--global--focus-ring--color--100: var(--pf-t--color--blue--50);
304
- --pf-t--global--focus-ring--color--200: var(--pf-t--color--blue--60);
305
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
306
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
307
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
308
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
309
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
310
- --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
311
- --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
312
- --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
313
- --pf-t--global--font--size--lg: var(--pf-t--global--font--size--400);
314
- --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
315
- --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
316
- --pf-t--global--font--size--xl: var(--pf-t--global--font--size--500);
317
- --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
318
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
319
- --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--100);
320
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
321
- --pf-t--global--font--weight--heading--default: var(--pf-t--global--font--weight--300);
322
- --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
323
- --pf-t--global--icon--color--150: var(--pf-t--color--gray--60);
324
- --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
325
- --pf-t--global--icon--color--300: var(--pf-t--color--white);
326
- --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
327
- --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
328
- --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
329
- --pf-t--global--icon--size--md: var(--pf-t--global--icon--size--200);
330
- --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
331
- --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
332
- --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
333
- --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
334
- --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
335
- --pf-t--global--spacer--lg: var(--pf-t--global--spacer--400);
336
- --pf-t--global--spacer--md: var(--pf-t--global--spacer--300);
337
- --pf-t--global--spacer--sm: var(--pf-t--global--spacer--200);
338
- --pf-t--global--spacer--xl: var(--pf-t--global--spacer--500);
339
- --pf-t--global--spacer--xs: var(--pf-t--global--spacer--100);
340
- --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
341
- --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
342
- --pf-t--global--text--color--250: var(--pf-t--color--gray--70);
343
- --pf-t--global--text--color--300: var(--pf-t--color--white);
344
- --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
345
- --pf-t--global--text--color--500: var(--pf-t--color--red-orange--70);
346
- --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
347
- --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
348
- --pf-t--global--text--color--link--250: var(--pf-t--color--blue--70);
349
- --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
350
- --pf-t--global--text--color--link--350: var(--pf-t--color--purple--60);
351
- --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
352
- --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
353
- --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
354
- --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
355
- --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
356
- --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
357
- --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
358
- --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
359
- --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
360
- --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
361
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
362
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
363
- --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
364
- --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
365
- --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
366
- --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
367
- --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
368
- --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
369
- --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
370
- --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
371
- --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
372
- --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
373
- --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
374
- --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
375
- --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
376
- --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
377
- --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
378
- --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
379
- --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
380
- --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
381
- --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
382
- --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
383
- --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
384
- --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
385
- --pf-t--global--background--color--sticky--default: var(--pf-t--global--background--color--100);
386
13
  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
387
14
  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
388
15
  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
389
16
  --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
390
- --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
391
17
  --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
392
18
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
393
19
  --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
394
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
395
20
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
396
- --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
397
21
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
398
22
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
399
23
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
@@ -428,12 +52,8 @@
428
52
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
429
53
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
430
54
  --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
431
- --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
432
55
  --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
433
56
  --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
434
- --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
435
- --pf-t--global--border--radius--glass--default: initial;
436
- --pf-t--global--border--width--glass--default: initial;
437
57
  --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
438
58
  --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
439
59
  --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
@@ -443,39 +63,12 @@
443
63
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
444
64
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
445
65
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
446
- --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
447
- --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
448
- --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
449
66
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
450
67
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
451
68
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
452
- --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
453
- --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
454
- --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
455
69
  --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
456
70
  --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
457
71
  --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
458
- --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
459
- --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
460
- --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
461
- --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
462
- --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
463
- --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
464
- --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--200);
465
- --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--100);
466
- --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--200);
467
- --pf-t--global--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--200);
468
- --pf-t--global--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--100);
469
- --pf-t--global--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--200);
470
- --pf-t--global--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--200);
471
- --pf-t--global--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--100);
472
- --pf-t--global--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--200);
473
- --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
474
- --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
475
- --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
476
- --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
477
- --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
478
- --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
479
72
  --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
480
73
  --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
481
74
  --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
@@ -492,23 +85,9 @@
492
85
  --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
493
86
  --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
494
87
  --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
495
- --pf-t--global--font--size--body--default: var(--pf-t--global--font--size--sm);
496
- --pf-t--global--font--size--body--lg: var(--pf-t--global--font--size--md);
497
- --pf-t--global--font--size--body--sm: var(--pf-t--global--font--size--xs);
498
- --pf-t--global--font--size--heading--h1: var(--pf-t--global--font--size--2xl);
499
- --pf-t--global--font--size--heading--h2: var(--pf-t--global--font--size--xl);
500
- --pf-t--global--font--size--heading--h3: var(--pf-t--global--font--size--lg);
501
- --pf-t--global--font--size--heading--h4: var(--pf-t--global--font--size--md);
502
- --pf-t--global--font--size--heading--h5: var(--pf-t--global--font--size--md);
503
- --pf-t--global--font--size--heading--h6: var(--pf-t--global--font--size--md);
504
88
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
505
89
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
506
90
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
507
- --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
508
- --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
509
- --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
510
- --pf-t--global--icon--color--regular: var(--pf-t--global--icon--color--100);
511
- --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
512
91
  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
513
92
  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
514
93
  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
@@ -521,51 +100,12 @@
521
100
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
522
101
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
523
102
  --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
524
- --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
525
- --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
526
- --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
527
- --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
528
- --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
529
- --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
530
- --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
531
- --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
532
- --pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
533
- --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
534
- --pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
535
- --pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
536
- --pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
537
- --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
538
- --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
539
- --pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
540
- --pf-t--global--spacer--control--horizontal--spacious: var(--pf-t--global--spacer--lg);
541
- --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
542
- --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
543
- --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
544
- --pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
545
- --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
546
- --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
547
- --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
548
- --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
549
- --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
550
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
551
- --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
552
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
553
- --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
554
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
555
- --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
556
- --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
557
- --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
558
103
  --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
559
104
  --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
560
105
  --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
561
- --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
562
- --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
563
106
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
564
107
  --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
565
108
  --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
566
- --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
567
- --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
568
- --pf-t--global--text--color--regular: var(--pf-t--global--text--color--100);
569
109
  --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
570
110
  --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
571
111
  --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
@@ -575,185 +115,14 @@
575
115
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
576
116
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
577
117
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
578
- --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
579
- --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
580
- --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
581
118
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
582
119
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
583
- --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
584
- --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
585
- --pf-t--global--background--color--glass--primary--default: initial;
586
- --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
587
- --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
588
- --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
589
- --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
590
- --pf-t--global--border--color--glass--default: initial;
591
120
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
592
121
  --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
593
- --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
594
- --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
595
- --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
596
- --pf-t--global--border--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
597
- --pf-t--global--border--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
598
- --pf-t--global--border--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
599
- --pf-t--global--border--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
600
- --pf-t--global--border--color--status--info--default: var(--pf-t--global--color--status--info--default);
601
- --pf-t--global--border--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
602
- --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
603
- --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
604
- --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
605
- --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
606
- --pf-t--global--color--status--unread--clicked: var(--pf-t--global--color--brand--clicked);
607
- --pf-t--global--color--status--unread--default: var(--pf-t--global--color--brand--default);
608
- --pf-t--global--color--status--unread--hover: var(--pf-t--global--color--brand--hover);
609
- --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
610
- --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
611
- --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
612
- --pf-t--global--icon--color--favorite--clicked: var(--pf-t--global--color--favorite--clicked);
613
- --pf-t--global--icon--color--favorite--default: var(--pf-t--global--color--favorite--default);
614
- --pf-t--global--icon--color--favorite--hover: var(--pf-t--global--color--favorite--hover);
615
- --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
616
- --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
617
- --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
618
- --pf-t--global--icon--color--nonstatus--on-gray--clicked: var(--pf-t--global--icon--color--regular);
619
- --pf-t--global--icon--color--nonstatus--on-gray--default: var(--pf-t--global--icon--color--regular);
620
- --pf-t--global--icon--color--nonstatus--on-gray--hover: var(--pf-t--global--icon--color--regular);
621
- --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
622
- --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
623
- --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
624
- --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
625
- --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
626
- --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
627
- --pf-t--global--icon--color--nonstatus--on-orangered--clicked: var(--pf-t--global--icon--color--regular);
628
- --pf-t--global--icon--color--nonstatus--on-orangered--default: var(--pf-t--global--icon--color--regular);
629
- --pf-t--global--icon--color--nonstatus--on-orangered--hover: var(--pf-t--global--icon--color--regular);
630
- --pf-t--global--icon--color--nonstatus--on-purple--clicked: var(--pf-t--global--icon--color--regular);
631
- --pf-t--global--icon--color--nonstatus--on-purple--default: var(--pf-t--global--icon--color--regular);
632
- --pf-t--global--icon--color--nonstatus--on-purple--hover: var(--pf-t--global--icon--color--regular);
633
- --pf-t--global--icon--color--nonstatus--on-red--clicked: var(--pf-t--global--icon--color--regular);
634
- --pf-t--global--icon--color--nonstatus--on-red--default: var(--pf-t--global--icon--color--regular);
635
- --pf-t--global--icon--color--nonstatus--on-red--hover: var(--pf-t--global--icon--color--regular);
636
- --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
637
- --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
638
- --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
639
- --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
640
- --pf-t--global--icon--color--nonstatus--on-yellow--default: 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--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
643
- --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
644
- --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
645
- --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
646
- --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
647
- --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
648
- --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
649
- --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
650
- --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
651
- --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
652
- --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
653
- --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
654
- --pf-t--global--icon--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
655
- --pf-t--global--icon--color--status--info--default: var(--pf-t--global--color--status--info--default);
656
- --pf-t--global--icon--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
657
- --pf-t--global--icon--color--status--on-custom--clicked: var(--pf-t--global--icon--color--inverse);
658
- --pf-t--global--icon--color--status--on-custom--default: var(--pf-t--global--icon--color--inverse);
659
- --pf-t--global--icon--color--status--on-custom--hover: var(--pf-t--global--icon--color--inverse);
660
- --pf-t--global--icon--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
661
- --pf-t--global--icon--color--status--on-danger--default: var(--pf-t--global--icon--color--inverse);
662
- --pf-t--global--icon--color--status--on-danger--hover: var(--pf-t--global--icon--color--inverse);
663
- --pf-t--global--icon--color--status--on-info--clicked: var(--pf-t--global--icon--color--inverse);
664
- --pf-t--global--icon--color--status--on-info--default: var(--pf-t--global--icon--color--inverse);
665
- --pf-t--global--icon--color--status--on-info--hover: var(--pf-t--global--icon--color--inverse);
666
- --pf-t--global--icon--color--status--on-success--clicked: var(--pf-t--global--icon--color--inverse);
667
- --pf-t--global--icon--color--status--on-success--default: var(--pf-t--global--icon--color--inverse);
668
- --pf-t--global--icon--color--status--on-success--hover: var(--pf-t--global--icon--color--inverse);
669
122
  --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
670
123
  --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
671
124
  --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
672
- --pf-t--global--icon--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
673
- --pf-t--global--icon--color--status--success--default: var(--pf-t--global--color--status--success--default);
674
- --pf-t--global--icon--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
675
- --pf-t--global--icon--color--status--unread--on-attention--clicked: var(--pf-t--global--icon--color--inverse);
676
- --pf-t--global--icon--color--status--unread--on-attention--default: var(--pf-t--global--icon--color--inverse);
677
- --pf-t--global--icon--color--status--unread--on-attention--hover: var(--pf-t--global--icon--color--inverse);
678
- --pf-t--global--icon--color--status--unread--on-default--clicked: var(--pf-t--global--icon--color--inverse);
679
- --pf-t--global--icon--color--status--unread--on-default--default: var(--pf-t--global--icon--color--inverse);
680
- --pf-t--global--icon--color--status--unread--on-default--hover: var(--pf-t--global--icon--color--inverse);
681
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
682
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
683
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
684
- --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
685
- --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
686
- --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
687
- --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
688
- --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
689
- --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
690
- --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
691
- --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
692
- --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
693
- --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
694
- --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
695
- --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
696
- --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
697
- --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
698
- --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
699
- --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
700
- --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
701
- --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
702
- --pf-t--global--text--color--nonstatus--on-orangered--clicked: var(--pf-t--global--text--color--regular);
703
- --pf-t--global--text--color--nonstatus--on-orangered--default: var(--pf-t--global--text--color--regular);
704
- --pf-t--global--text--color--nonstatus--on-orangered--hover: var(--pf-t--global--text--color--regular);
705
- --pf-t--global--text--color--nonstatus--on-purple--clicked: var(--pf-t--global--text--color--regular);
706
- --pf-t--global--text--color--nonstatus--on-purple--default: var(--pf-t--global--text--color--regular);
707
- --pf-t--global--text--color--nonstatus--on-purple--hover: var(--pf-t--global--text--color--regular);
708
- --pf-t--global--text--color--nonstatus--on-red--clicked: var(--pf-t--global--text--color--regular);
709
- --pf-t--global--text--color--nonstatus--on-red--default: var(--pf-t--global--text--color--regular);
710
- --pf-t--global--text--color--nonstatus--on-red--hover: var(--pf-t--global--text--color--regular);
711
- --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
712
- --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
713
- --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
714
- --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
715
- --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
716
- --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
717
- --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
718
- --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
719
- --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
720
- --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
721
- --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
722
- --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
723
- --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
724
- --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
725
- --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
726
- --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
727
- --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
728
- --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
729
- --pf-t--global--text--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
730
- --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--color--status--danger--clicked);
731
- --pf-t--global--text--color--status--danger--default: var(--pf-t--global--color--status--danger--default);
732
- --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--color--status--danger--hover);
733
- --pf-t--global--text--color--status--info--clicked: var(--pf-t--global--color--status--info--clicked);
734
- --pf-t--global--text--color--status--info--default: var(--pf-t--global--color--status--info--default);
735
- --pf-t--global--text--color--status--info--hover: var(--pf-t--global--color--status--info--hover);
736
- --pf-t--global--text--color--status--on-custom--clicked: var(--pf-t--global--text--color--inverse);
737
- --pf-t--global--text--color--status--on-custom--default: var(--pf-t--global--text--color--inverse);
738
- --pf-t--global--text--color--status--on-custom--hover: var(--pf-t--global--text--color--inverse);
739
- --pf-t--global--text--color--status--on-danger--clicked: var(--pf-t--global--icon--color--inverse);
740
- --pf-t--global--text--color--status--on-danger--default: var(--pf-t--global--text--color--inverse);
741
- --pf-t--global--text--color--status--on-danger--hover: var(--pf-t--global--text--color--inverse);
742
- --pf-t--global--text--color--status--on-info--clicked: var(--pf-t--global--text--color--inverse);
743
- --pf-t--global--text--color--status--on-info--default: var(--pf-t--global--text--color--inverse);
744
- --pf-t--global--text--color--status--on-info--hover: var(--pf-t--global--text--color--inverse);
745
- --pf-t--global--text--color--status--on-success--clicked: var(--pf-t--global--text--color--inverse);
746
- --pf-t--global--text--color--status--on-success--default: var(--pf-t--global--text--color--inverse);
747
- --pf-t--global--text--color--status--on-success--hover: var(--pf-t--global--text--color--inverse);
748
125
  --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
749
126
  --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
750
127
  --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
751
- --pf-t--global--text--color--status--unread--on-attention--clicked: var(--pf-t--global--text--color--inverse);
752
- --pf-t--global--text--color--status--unread--on-attention--default: var(--pf-t--global--text--color--inverse);
753
- --pf-t--global--text--color--status--unread--on-attention--hover: var(--pf-t--global--text--color--inverse);
754
- --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
755
- --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
756
- --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
757
- --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
758
- --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
759
128
  }