@patternfly/design-tokens 1.14.8 → 1.15.0

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 (53) hide show
  1. package/build/css/tokens-dark.scss +14 -15
  2. package/build/css/tokens-default.scss +10 -11
  3. package/build/css/tokens-glass-dark.scss +16 -3
  4. package/build/css/tokens-glass.scss +9 -3
  5. package/build/css/tokens-palette.scss +3 -1
  6. package/build/css/tokens-redhat-dark.scss +4 -3
  7. package/build/css/tokens-redhat-glass-dark.scss +18 -4
  8. package/build/css/tokens-redhat-glass.scss +9 -3
  9. package/build/css/tokens-redhat-highcontrast-dark.scss +10 -3
  10. package/build/css/tokens-redhat-highcontrast.scss +2 -2
  11. package/build/css/tokens-redhat.scss +1 -1
  12. package/config.palette-colors.json +1 -1
  13. package/package.json +1 -1
  14. package/patternfly-docs/content/token-layers-glass-dark.json +497 -1097
  15. package/patternfly-docs/content/token-layers-glass.json +332 -904
  16. package/patternfly-docs/content/token-layers-highcontrast-dark.json +410 -385
  17. package/patternfly-docs/content/token-layers-highcontrast.json +540 -519
  18. package/patternfly-docs/content/token-layers-redhat-dark.json +2555 -2592
  19. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +1112 -1768
  20. package/patternfly-docs/content/token-layers-redhat-glass.json +327 -899
  21. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +443 -422
  22. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +626 -609
  23. package/patternfly-docs/content/token-layers-redhat.json +692 -671
  24. package/plugins/export-patternfly-tokens/dist/ui.html +32 -24
  25. package/plugins/export-patternfly-tokens/src/ui.tsx +8 -0
  26. package/tokens/default/dark/base.dark.json +5 -5
  27. package/tokens/default/dark/charts.dark.json +18 -18
  28. package/tokens/default/dark/semantic.dark.json +34 -39
  29. package/tokens/default/glass/base.dimension.json +16 -16
  30. package/tokens/default/glass/base.json +2 -2
  31. package/tokens/default/glass/semantic.glass.json +33 -38
  32. package/tokens/default/glass-dark/base.dark.json +5 -5
  33. package/tokens/default/glass-dark/semantic.glass.dark.json +45 -50
  34. package/tokens/default/highcontrast/base.dimension.json +16 -16
  35. package/tokens/default/highcontrast/base.json +2 -2
  36. package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +5 -5
  37. package/tokens/default/highcontrast/semantic.highcontrast.json +27 -32
  38. package/tokens/default/highcontrast-dark/base.dark.json +5 -5
  39. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +27 -32
  40. package/tokens/default/light/base.dimension.json +16 -16
  41. package/tokens/default/light/base.json +2 -2
  42. package/tokens/default/light/charts.json +18 -18
  43. package/tokens/default/light/semantic.dimension.json +5 -5
  44. package/tokens/default/light/semantic.json +27 -32
  45. package/tokens/default/light/semantic.motion.json +8 -8
  46. package/tokens/redhat/dark/redhat.color.dark.json +71 -24
  47. package/tokens/redhat/glass/redhat.color.glass.json +25 -25
  48. package/tokens/redhat/glass-dark/redhat.color.glass.dark.json +67 -25
  49. package/tokens/redhat/highcontrast/redhat.color.highcontrast.json +25 -25
  50. package/tokens/redhat/highcontrast/redhat.dimension.highcontrast.json +6 -6
  51. package/tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json +25 -25
  52. package/tokens/redhat/light/redhat.color.json +25 -25
  53. package/tokens/redhat/light/redhat.dimension.json +6 -6
package/patternfly-docs/content/token-layers-redhat-glass-dark.json CHANGED
@@ -1,172 +1,267 @@
1
1
  {
2
2
  "semantic": {
3
3
  "colors": {
4
- "pf-t--global--background--filter--glass--blur--primary": {
4
+ "pf-t--global--background--color--primary--default": {
5
5
  "default": {
6
- "type": "number",
7
- "value": "blur(12.5px)",
6
+ "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
7
+ "type": "color",
8
+ "value": "rgba(41, 41, 41, 0.5000)",
8
9
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
9
10
  "isSource": true,
10
11
  "original": {
11
- "type": "number",
12
- "value": 12.5
12
+ "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
13
+ "type": "color",
14
+ "value": "rgba(41, 41, 41, 0.5000)"
13
15
  },
14
- "name": "pf-t--global--background--filter--glass--blur--primary",
16
+ "name": "pf-t--global--background--color--primary--default",
15
17
  "attributes": {
16
18
  "category": "global",
17
19
  "type": "background",
18
- "item": "filter",
19
- "subitem": "glass",
20
- "state": "blur"
20
+ "item": "color",
21
+ "subitem": "primary",
22
+ "state": "default"
21
23
  },
22
24
  "path": [
23
25
  "global",
24
26
  "background",
25
- "filter",
26
- "glass",
27
- "blur",
28
- "primary"
27
+ "color",
28
+ "primary",
29
+ "default"
29
30
  ]
30
31
  }
31
32
  },
32
- "pf-t--global--background--filter--glass--blur--floating": {
33
+ "pf-t--global--background--color--primary--hover": {
33
34
  "default": {
34
- "type": "number",
35
- "value": "blur(0px)",
35
+ "description": "Use as the hover state for primary backgrounds",
36
+ "type": "color",
37
+ "value": "rgba(56, 56, 56, 0.5000)",
36
38
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
37
39
  "isSource": true,
38
40
  "original": {
39
- "type": "number",
40
- "value": 0
41
+ "description": "Use as the hover state for primary backgrounds",
42
+ "type": "color",
43
+ "value": "rgba(56, 56, 56, 0.5000)"
41
44
  },
42
- "name": "pf-t--global--background--filter--glass--blur--floating",
45
+ "name": "pf-t--global--background--color--primary--hover",
43
46
  "attributes": {
44
47
  "category": "global",
45
48
  "type": "background",
46
- "item": "filter",
47
- "subitem": "glass",
48
- "state": "blur"
49
+ "item": "color",
50
+ "subitem": "primary",
51
+ "state": "hover"
49
52
  },
50
53
  "path": [
51
54
  "global",
52
55
  "background",
53
- "filter",
54
- "glass",
55
- "blur",
56
- "floating"
56
+ "color",
57
+ "primary",
58
+ "hover"
57
59
  ]
58
60
  }
59
61
  },
60
- "pf-t--global--background--color--glass--primary": {
62
+ "pf-t--global--background--color--primary--clicked": {
61
63
  "default": {
64
+ "description": "Use as the clicked state for primary backgrounds",
62
65
  "type": "color",
63
- "value": "#292929",
66
+ "value": "rgba(56, 56, 56, 0.5000)",
64
67
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
65
68
  "isSource": true,
66
69
  "original": {
70
+ "description": "Use as the clicked state for primary backgrounds",
67
71
  "type": "color",
68
- "value": "{global.background.color.primary.default}"
72
+ "value": "rgba(56, 56, 56, 0.5000)"
69
73
  },
70
- "name": "pf-t--global--background--color--glass--primary",
74
+ "name": "pf-t--global--background--color--primary--clicked",
71
75
  "attributes": {
72
76
  "category": "global",
73
77
  "type": "background",
74
78
  "item": "color",
75
- "subitem": "glass",
76
- "state": "primary"
79
+ "subitem": "primary",
80
+ "state": "clicked"
77
81
  },
78
82
  "path": [
79
83
  "global",
80
84
  "background",
81
85
  "color",
82
- "glass",
83
- "primary"
86
+ "primary",
87
+ "clicked"
88
+ ]
89
+ }
90
+ },
91
+ "pf-t--global--background--color--secondary--default": {
92
+ "default": {
93
+ "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
94
+ "type": "color",
95
+ "value": "rgba(21, 21, 21, 0.6000)",
96
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
97
+ "isSource": true,
98
+ "original": {
99
+ "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
100
+ "type": "color",
101
+ "value": "rgba(21, 21, 21, 0.6000)"
102
+ },
103
+ "name": "pf-t--global--background--color--secondary--default",
104
+ "attributes": {
105
+ "category": "global",
106
+ "type": "background",
107
+ "item": "color",
108
+ "subitem": "secondary",
109
+ "state": "default"
110
+ },
111
+ "path": [
112
+ "global",
113
+ "background",
114
+ "color",
115
+ "secondary",
116
+ "default"
117
+ ]
118
+ }
119
+ },
120
+ "pf-t--global--background--color--secondary--hover": {
121
+ "default": {
122
+ "description": "Use as the hover state for secondary backgrounds",
123
+ "type": "color",
124
+ "value": "rgba(41, 41, 41, 0.6000)",
125
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
126
+ "isSource": true,
127
+ "original": {
128
+ "description": "Use as the hover state for secondary backgrounds",
129
+ "type": "color",
130
+ "value": "rgba(41, 41, 41, 0.6000)"
131
+ },
132
+ "name": "pf-t--global--background--color--secondary--hover",
133
+ "attributes": {
134
+ "category": "global",
135
+ "type": "background",
136
+ "item": "color",
137
+ "subitem": "secondary",
138
+ "state": "hover"
139
+ },
140
+ "path": [
141
+ "global",
142
+ "background",
143
+ "color",
144
+ "secondary",
145
+ "hover"
146
+ ]
147
+ }
148
+ },
149
+ "pf-t--global--background--color--secondary--clicked": {
150
+ "default": {
151
+ "description": "Use as the clicked state for secondary backgrounds",
152
+ "type": "color",
153
+ "value": "rgba(41, 41, 41, 0.6000)",
154
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
155
+ "isSource": true,
156
+ "original": {
157
+ "description": "Use as the clicked state for secondary backgrounds",
158
+ "type": "color",
159
+ "value": "rgba(41, 41, 41, 0.6000)"
160
+ },
161
+ "name": "pf-t--global--background--color--secondary--clicked",
162
+ "attributes": {
163
+ "category": "global",
164
+ "type": "background",
165
+ "item": "color",
166
+ "subitem": "secondary",
167
+ "state": "clicked"
168
+ },
169
+ "path": [
170
+ "global",
171
+ "background",
172
+ "color",
173
+ "secondary",
174
+ "clicked"
175
+ ]
176
+ }
177
+ },
178
+ "pf-t--global--background--color--tertiary--default": {
179
+ "default": {
180
+ "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.",
181
+ "type": "color",
182
+ "value": "rgba(199, 199, 199, 0.1500)",
183
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
184
+ "isSource": true,
185
+ "original": {
186
+ "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.",
187
+ "type": "color",
188
+ "value": "{global.dark.background.color.600}"
189
+ },
190
+ "name": "pf-t--global--background--color--tertiary--default",
191
+ "attributes": {
192
+ "category": "global",
193
+ "type": "background",
194
+ "item": "color",
195
+ "subitem": "tertiary",
196
+ "state": "default"
197
+ },
198
+ "path": [
199
+ "global",
200
+ "background",
201
+ "color",
202
+ "tertiary",
203
+ "default"
84
204
  ],
85
205
  "references": [
86
206
  {
87
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
88
207
  "type": "color",
89
- "value": "#292929",
90
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
208
+ "value": "rgba(199, 199, 199, 0.1500)",
209
+ "filePath": "tokens/default/glass-dark/base.dark.json",
91
210
  "isSource": true,
92
211
  "original": {
93
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
94
212
  "type": "color",
95
- "value": "{global.dark.background.color.200}"
213
+ "value": "rgba(199, 199, 199, 0.1500)"
96
214
  },
97
- "name": "pf-t--global--background--color--primary--default",
215
+ "name": "pf-t--global--dark--background--color--600",
98
216
  "attributes": {
99
217
  "category": "global",
100
- "type": "background",
101
- "item": "color",
102
- "subitem": "primary",
103
- "state": "default"
218
+ "type": "dark",
219
+ "item": "background",
220
+ "subitem": "color",
221
+ "state": "600"
104
222
  },
105
223
  "path": [
106
224
  "global",
225
+ "dark",
107
226
  "background",
108
227
  "color",
109
- "primary",
110
- "default"
111
- ],
112
- "references": [
113
- {
114
- "type": "color",
115
- "value": "#292929",
116
- "filePath": "tokens/default/glass-dark/base.dark.json",
117
- "isSource": true,
118
- "original": {
119
- "type": "color",
120
- "value": "{color.gray.80}"
121
- },
122
- "name": "pf-t--global--dark--background--color--200",
123
- "attributes": {
124
- "category": "global",
125
- "type": "dark",
126
- "item": "background",
127
- "subitem": "color",
128
- "state": "200"
129
- },
130
- "path": [
131
- "global",
132
- "dark",
133
- "background",
134
- "color",
135
- "200"
136
- ],
137
- "references": [
138
- {
139
- "type": "color",
140
- "value": "#292929",
141
- "filePath": "tokens/default/glass-dark/palette.color.json",
142
- "isSource": true,
143
- "original": {
144
- "type": "color",
145
- "value": "#292929"
146
- },
147
- "name": "pf-t--color--gray--80",
148
- "attributes": {
149
- "category": "color",
150
- "type": "gray",
151
- "item": "80"
152
- },
153
- "path": [
154
- "color",
155
- "gray",
156
- "80"
157
- ]
158
- }
159
- ]
160
- }
228
+ "600"
161
229
  ]
162
230
  }
163
231
  ]
164
232
  }
165
233
  },
234
+ "pf-t--global--background--color--glass--primary": {
235
+ "default": {
236
+ "type": "color",
237
+ "value": "rgba(41, 41, 41, 0.5000)",
238
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
239
+ "isSource": true,
240
+ "original": {
241
+ "type": "color",
242
+ "value": "rgba(41, 41, 41, 0.5000)"
243
+ },
244
+ "name": "pf-t--global--background--color--glass--primary",
245
+ "attributes": {
246
+ "category": "global",
247
+ "type": "background",
248
+ "item": "color",
249
+ "subitem": "glass",
250
+ "state": "primary"
251
+ },
252
+ "path": [
253
+ "global",
254
+ "background",
255
+ "color",
256
+ "glass",
257
+ "primary"
258
+ ]
259
+ }
260
+ },
166
261
  "pf-t--global--background--color--glass--floating": {
167
262
  "default": {
168
263
  "type": "color",
169
- "value": "#383838",
264
+ "value": "#292929",
170
265
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
171
266
  "isSource": true,
172
267
  "original": {
@@ -192,13 +287,13 @@
192
287
  {
193
288
  "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
194
289
  "type": "color",
195
- "value": "#383838",
290
+ "value": "#292929",
196
291
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
197
292
  "isSource": true,
198
293
  "original": {
199
294
  "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
200
295
  "type": "color",
201
- "value": "{global.dark.background.color.300}"
296
+ "value": "{global.dark.background.color.200}"
202
297
  },
203
298
  "name": "pf-t--global--background--color--floating--default",
204
299
  "attributes": {
@@ -218,48 +313,48 @@
218
313
  "references": [
219
314
  {
220
315
  "type": "color",
221
- "value": "#383838",
316
+ "value": "#292929",
222
317
  "filePath": "tokens/default/glass-dark/base.dark.json",
223
318
  "isSource": true,
224
319
  "original": {
225
320
  "type": "color",
226
- "value": "{color.gray.70}"
321
+ "value": "{color.gray.80}"
227
322
  },
228
- "name": "pf-t--global--dark--background--color--300",
323
+ "name": "pf-t--global--dark--background--color--200",
229
324
  "attributes": {
230
325
  "category": "global",
231
326
  "type": "dark",
232
327
  "item": "background",
233
328
  "subitem": "color",
234
- "state": "300"
329
+ "state": "200"
235
330
  },
236
331
  "path": [
237
332
  "global",
238
333
  "dark",
239
334
  "background",
240
335
  "color",
241
- "300"
336
+ "200"
242
337
  ],
243
338
  "references": [
244
339
  {
245
340
  "type": "color",
246
- "value": "#383838",
341
+ "value": "#292929",
247
342
  "filePath": "tokens/default/glass-dark/palette.color.json",
248
343
  "isSource": true,
249
344
  "original": {
250
345
  "type": "color",
251
- "value": "#383838"
346
+ "value": "#292929"
252
347
  },
253
- "name": "pf-t--color--gray--70",
348
+ "name": "pf-t--color--gray--80",
254
349
  "attributes": {
255
350
  "category": "color",
256
351
  "type": "gray",
257
- "item": "70"
352
+ "item": "80"
258
353
  },
259
354
  "path": [
260
355
  "color",
261
356
  "gray",
262
- "70"
357
+ "80"
263
358
  ]
264
359
  }
265
360
  ]
@@ -269,31 +364,31 @@
269
364
  ]
270
365
  }
271
366
  },
272
- "pf-t--global--background--color--primary--default": {
367
+ "pf-t--global--background--color--floating--default": {
273
368
  "default": {
274
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
369
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
275
370
  "type": "color",
276
371
  "value": "#292929",
277
372
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
278
373
  "isSource": true,
279
374
  "original": {
280
- "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
375
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
281
376
  "type": "color",
282
377
  "value": "{global.dark.background.color.200}"
283
378
  },
284
- "name": "pf-t--global--background--color--primary--default",
379
+ "name": "pf-t--global--background--color--floating--default",
285
380
  "attributes": {
286
381
  "category": "global",
287
382
  "type": "background",
288
383
  "item": "color",
289
- "subitem": "primary",
384
+ "subitem": "floating",
290
385
  "state": "default"
291
386
  },
292
387
  "path": [
293
388
  "global",
294
389
  "background",
295
390
  "color",
296
- "primary",
391
+ "floating",
297
392
  "default"
298
393
  ],
299
394
  "references": [
@@ -348,31 +443,31 @@
348
443
  ]
349
444
  }
350
445
  },
351
- "pf-t--global--background--color--primary--hover": {
446
+ "pf-t--global--background--color--floating--hover": {
352
447
  "default": {
353
- "description": "Use as the hover state for primary backgrounds",
448
+ "description": "Use as the hover state for floating backgrounds",
354
449
  "type": "color",
355
450
  "value": "#383838",
356
451
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
357
452
  "isSource": true,
358
453
  "original": {
359
- "description": "Use as the hover state for primary backgrounds",
454
+ "description": "Use as the hover state for floating backgrounds",
360
455
  "type": "color",
361
456
  "value": "{global.dark.background.color.300}"
362
457
  },
363
- "name": "pf-t--global--background--color--primary--hover",
458
+ "name": "pf-t--global--background--color--floating--hover",
364
459
  "attributes": {
365
460
  "category": "global",
366
461
  "type": "background",
367
462
  "item": "color",
368
- "subitem": "primary",
463
+ "subitem": "floating",
369
464
  "state": "hover"
370
465
  },
371
466
  "path": [
372
467
  "global",
373
468
  "background",
374
469
  "color",
375
- "primary",
470
+ "floating",
376
471
  "hover"
377
472
  ],
378
473
  "references": [
@@ -427,31 +522,31 @@
427
522
  ]
428
523
  }
429
524
  },
430
- "pf-t--global--background--color--primary--clicked": {
525
+ "pf-t--global--background--color--floating--clicked": {
431
526
  "default": {
432
- "description": "Use as the clicked state for primary backgrounds",
527
+ "description": "Use as the clicked state for floating backgrounds",
433
528
  "type": "color",
434
529
  "value": "#383838",
435
530
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
436
531
  "isSource": true,
437
532
  "original": {
438
- "description": "Use as the clicked state for primary backgrounds",
533
+ "description": "Use as the clicked state for floating backgrounds",
439
534
  "type": "color",
440
535
  "value": "{global.dark.background.color.300}"
441
536
  },
442
- "name": "pf-t--global--background--color--primary--clicked",
537
+ "name": "pf-t--global--background--color--floating--clicked",
443
538
  "attributes": {
444
539
  "category": "global",
445
540
  "type": "background",
446
541
  "item": "color",
447
- "subitem": "primary",
542
+ "subitem": "floating",
448
543
  "state": "clicked"
449
544
  },
450
545
  "path": [
451
546
  "global",
452
547
  "background",
453
548
  "color",
454
- "primary",
549
+ "floating",
455
550
  "clicked"
456
551
  ],
457
552
  "references": [
@@ -506,78 +601,78 @@
506
601
  ]
507
602
  }
508
603
  },
509
- "pf-t--global--background--color--secondary--default": {
604
+ "pf-t--global--background--color--sticky--default": {
510
605
  "default": {
511
- "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
606
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
512
607
  "type": "color",
513
- "value": "#151515",
608
+ "value": "#292929",
514
609
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
515
610
  "isSource": true,
516
611
  "original": {
517
- "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
612
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
518
613
  "type": "color",
519
- "value": "{global.dark.background.color.100}"
614
+ "value": "{global.dark.background.color.200}"
520
615
  },
521
- "name": "pf-t--global--background--color--secondary--default",
616
+ "name": "pf-t--global--background--color--sticky--default",
522
617
  "attributes": {
523
618
  "category": "global",
524
619
  "type": "background",
525
620
  "item": "color",
526
- "subitem": "secondary",
621
+ "subitem": "sticky",
527
622
  "state": "default"
528
623
  },
529
624
  "path": [
530
625
  "global",
531
626
  "background",
532
627
  "color",
533
- "secondary",
628
+ "sticky",
534
629
  "default"
535
630
  ],
536
631
  "references": [
537
632
  {
538
633
  "type": "color",
539
- "value": "#151515",
634
+ "value": "#292929",
540
635
  "filePath": "tokens/default/glass-dark/base.dark.json",
541
636
  "isSource": true,
542
637
  "original": {
543
638
  "type": "color",
544
- "value": "{color.gray.95}"
639
+ "value": "{color.gray.80}"
545
640
  },
546
- "name": "pf-t--global--dark--background--color--100",
641
+ "name": "pf-t--global--dark--background--color--200",
547
642
  "attributes": {
548
643
  "category": "global",
549
644
  "type": "dark",
550
645
  "item": "background",
551
646
  "subitem": "color",
552
- "state": "100"
647
+ "state": "200"
553
648
  },
554
649
  "path": [
555
650
  "global",
556
651
  "dark",
557
652
  "background",
558
653
  "color",
559
- "100"
654
+ "200"
560
655
  ],
561
656
  "references": [
562
657
  {
563
658
  "type": "color",
564
- "value": "#151515",
659
+ "value": "#292929",
565
660
  "filePath": "tokens/default/glass-dark/palette.color.json",
566
661
  "isSource": true,
567
662
  "original": {
568
663
  "type": "color",
569
- "value": "#151515"
664
+ "value": "#292929"
570
665
  },
571
- "name": "pf-t--color--gray--95",
666
+ "name": "pf-t--color--gray--80",
572
667
  "attributes": {
573
668
  "category": "color",
574
669
  "type": "gray",
575
- "item": "95"
670
+ "item": "80"
576
671
  },
577
672
  "path": [
578
673
  "color",
579
674
  "gray",
580
- "95"
675
+ "80"
581
676
  ]
582
677
  }
583
678
  ]
@@ -585,190 +680,120 @@
585
680
  ]
586
681
  }
587
682
  },
588
- "pf-t--global--background--color--secondary--hover": {
683
+ "pf-t--global--background--color--action--plain--default": {
589
684
  "default": {
590
- "description": "Use as the hover state for secondary backgrounds",
685
+ "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.",
591
686
  "type": "color",
592
- "value": "#292929",
687
+ "value": "rgba(0, 0, 0, 0.0000)",
593
688
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
594
689
  "isSource": true,
595
690
  "original": {
596
- "description": "Use as the hover state for secondary backgrounds",
691
+ "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.",
597
692
  "type": "color",
598
- "value": "{global.dark.background.color.200}"
693
+ "value": "rgba(0, 0, 0, 0.0000)"
599
694
  },
600
- "name": "pf-t--global--background--color--secondary--hover",
695
+ "name": "pf-t--global--background--color--action--plain--default",
601
696
  "attributes": {
602
697
  "category": "global",
603
698
  "type": "background",
604
699
  "item": "color",
605
- "subitem": "secondary",
606
- "state": "hover"
700
+ "subitem": "action",
701
+ "state": "plain"
607
702
  },
608
703
  "path": [
609
704
  "global",
610
705
  "background",
611
706
  "color",
612
- "secondary",
613
- "hover"
614
- ],
615
- "references": [
616
- {
617
- "type": "color",
618
- "value": "#292929",
619
- "filePath": "tokens/default/glass-dark/base.dark.json",
620
- "isSource": true,
621
- "original": {
622
- "type": "color",
623
- "value": "{color.gray.80}"
624
- },
625
- "name": "pf-t--global--dark--background--color--200",
626
- "attributes": {
627
- "category": "global",
628
- "type": "dark",
629
- "item": "background",
630
- "subitem": "color",
631
- "state": "200"
632
- },
633
- "path": [
634
- "global",
635
- "dark",
636
- "background",
637
- "color",
638
- "200"
639
- ],
640
- "references": [
641
- {
642
- "type": "color",
643
- "value": "#292929",
644
- "filePath": "tokens/default/glass-dark/palette.color.json",
645
- "isSource": true,
646
- "original": {
647
- "type": "color",
648
- "value": "#292929"
649
- },
650
- "name": "pf-t--color--gray--80",
651
- "attributes": {
652
- "category": "color",
653
- "type": "gray",
654
- "item": "80"
655
- },
656
- "path": [
657
- "color",
658
- "gray",
659
- "80"
660
- ]
661
- }
662
- ]
663
- }
707
+ "action",
708
+ "plain",
709
+ "default"
664
710
  ]
665
711
  }
666
712
  },
667
- "pf-t--global--background--color--secondary--clicked": {
713
+ "pf-t--global--background--color--action--plain--hover": {
668
714
  "default": {
669
- "description": "Use as the clicked state for secondary backgrounds",
715
+ "description": "Use as the hover state for components that use the plain action default background.",
670
716
  "type": "color",
671
- "value": "#292929",
717
+ "value": "rgba(199, 199, 199, 0.1500)",
672
718
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
673
719
  "isSource": true,
674
720
  "original": {
675
- "description": "Use as the clicked state for secondary backgrounds",
721
+ "description": "Use as the hover state for components that use the plain action default background.",
676
722
  "type": "color",
677
- "value": "{global.dark.background.color.200}"
723
+ "value": "{global.dark.background.color.600}"
678
724
  },
679
- "name": "pf-t--global--background--color--secondary--clicked",
725
+ "name": "pf-t--global--background--color--action--plain--hover",
680
726
  "attributes": {
681
727
  "category": "global",
682
728
  "type": "background",
683
729
  "item": "color",
684
- "subitem": "secondary",
685
- "state": "clicked"
730
+ "subitem": "action",
731
+ "state": "plain"
686
732
  },
687
733
  "path": [
688
734
  "global",
689
735
  "background",
690
736
  "color",
691
- "secondary",
692
- "clicked"
737
+ "action",
738
+ "plain",
739
+ "hover"
693
740
  ],
694
741
  "references": [
695
742
  {
696
743
  "type": "color",
697
- "value": "#292929",
744
+ "value": "rgba(199, 199, 199, 0.1500)",
698
745
  "filePath": "tokens/default/glass-dark/base.dark.json",
699
746
  "isSource": true,
700
747
  "original": {
701
748
  "type": "color",
702
- "value": "{color.gray.80}"
749
+ "value": "rgba(199, 199, 199, 0.1500)"
703
750
  },
704
- "name": "pf-t--global--dark--background--color--200",
751
+ "name": "pf-t--global--dark--background--color--600",
705
752
  "attributes": {
706
753
  "category": "global",
707
754
  "type": "dark",
708
755
  "item": "background",
709
756
  "subitem": "color",
710
- "state": "200"
757
+ "state": "600"
711
758
  },
712
759
  "path": [
713
760
  "global",
714
761
  "dark",
715
762
  "background",
716
763
  "color",
717
- "200"
718
- ],
719
- "references": [
720
- {
721
- "type": "color",
722
- "value": "#292929",
723
- "filePath": "tokens/default/glass-dark/palette.color.json",
724
- "isSource": true,
725
- "original": {
726
- "type": "color",
727
- "value": "#292929"
728
- },
729
- "name": "pf-t--color--gray--80",
730
- "attributes": {
731
- "category": "color",
732
- "type": "gray",
733
- "item": "80"
734
- },
735
- "path": [
736
- "color",
737
- "gray",
738
- "80"
739
- ]
740
- }
764
+ "600"
741
765
  ]
742
766
  }
743
767
  ]
744
768
  }
745
769
  },
746
- "pf-t--global--background--color--tertiary--default": {
770
+ "pf-t--global--background--color--action--plain--clicked": {
747
771
  "default": {
748
- "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.",
772
+ "description": "Use as the active/pressed state for components that use the plain action default background.",
749
773
  "type": "color",
750
774
  "value": "rgba(199, 199, 199, 0.1500)",
751
775
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
752
776
  "isSource": true,
753
777
  "original": {
754
- "description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.",
778
+ "description": "Use as the active/pressed state for components that use the plain action default background.",
755
779
  "type": "color",
756
780
  "value": "{global.dark.background.color.600}"
757
781
  },
758
- "name": "pf-t--global--background--color--tertiary--default",
782
+ "name": "pf-t--global--background--color--action--plain--clicked",
759
783
  "attributes": {
760
784
  "category": "global",
761
785
  "type": "background",
762
786
  "item": "color",
763
- "subitem": "tertiary",
764
- "state": "default"
787
+ "subitem": "action",
788
+ "state": "plain"
765
789
  },
766
790
  "path": [
767
791
  "global",
768
792
  "background",
769
793
  "color",
770
- "tertiary",
771
- "default"
794
+ "action",
795
+ "plain",
796
+ "clicked"
772
797
  ],
773
798
  "references": [
774
799
  {
@@ -799,406 +824,25 @@
799
824
  ]
800
825
  }
801
826
  },
802
- "pf-t--global--background--color--floating--default": {
827
+ "pf-t--global--background--color--action--plain--alt--hover": {
803
828
  "default": {
804
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
829
+ "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
805
830
  "type": "color",
806
- "value": "#383838",
831
+ "value": "#292929",
807
832
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
808
833
  "isSource": true,
809
834
  "original": {
810
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
835
+ "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
811
836
  "type": "color",
812
- "value": "{global.dark.background.color.300}"
837
+ "value": "{global.dark.background.color.200}"
813
838
  },
814
- "name": "pf-t--global--background--color--floating--default",
839
+ "name": "pf-t--global--background--color--action--plain--alt--hover",
815
840
  "attributes": {
816
841
  "category": "global",
817
842
  "type": "background",
818
843
  "item": "color",
819
- "subitem": "floating",
820
- "state": "default"
821
- },
822
- "path": [
823
- "global",
824
- "background",
825
- "color",
826
- "floating",
827
- "default"
828
- ],
829
- "references": [
830
- {
831
- "type": "color",
832
- "value": "#383838",
833
- "filePath": "tokens/default/glass-dark/base.dark.json",
834
- "isSource": true,
835
- "original": {
836
- "type": "color",
837
- "value": "{color.gray.70}"
838
- },
839
- "name": "pf-t--global--dark--background--color--300",
840
- "attributes": {
841
- "category": "global",
842
- "type": "dark",
843
- "item": "background",
844
- "subitem": "color",
845
- "state": "300"
846
- },
847
- "path": [
848
- "global",
849
- "dark",
850
- "background",
851
- "color",
852
- "300"
853
- ],
854
- "references": [
855
- {
856
- "type": "color",
857
- "value": "#383838",
858
- "filePath": "tokens/default/glass-dark/palette.color.json",
859
- "isSource": true,
860
- "original": {
861
- "type": "color",
862
- "value": "#383838"
863
- },
864
- "name": "pf-t--color--gray--70",
865
- "attributes": {
866
- "category": "color",
867
- "type": "gray",
868
- "item": "70"
869
- },
870
- "path": [
871
- "color",
872
- "gray",
873
- "70"
874
- ]
875
- }
876
- ]
877
- }
878
- ]
879
- }
880
- },
881
- "pf-t--global--background--color--floating--hover": {
882
- "default": {
883
- "description": "Use as the hover state for floating backgrounds",
884
- "type": "color",
885
- "value": "#292929",
886
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
887
- "isSource": true,
888
- "original": {
889
- "description": "Use as the hover state for floating backgrounds",
890
- "type": "color",
891
- "value": "{global.dark.background.color.200}"
892
- },
893
- "name": "pf-t--global--background--color--floating--hover",
894
- "attributes": {
895
- "category": "global",
896
- "type": "background",
897
- "item": "color",
898
- "subitem": "floating",
899
- "state": "hover"
900
- },
901
- "path": [
902
- "global",
903
- "background",
904
- "color",
905
- "floating",
906
- "hover"
907
- ],
908
- "references": [
909
- {
910
- "type": "color",
911
- "value": "#292929",
912
- "filePath": "tokens/default/glass-dark/base.dark.json",
913
- "isSource": true,
914
- "original": {
915
- "type": "color",
916
- "value": "{color.gray.80}"
917
- },
918
- "name": "pf-t--global--dark--background--color--200",
919
- "attributes": {
920
- "category": "global",
921
- "type": "dark",
922
- "item": "background",
923
- "subitem": "color",
924
- "state": "200"
925
- },
926
- "path": [
927
- "global",
928
- "dark",
929
- "background",
930
- "color",
931
- "200"
932
- ],
933
- "references": [
934
- {
935
- "type": "color",
936
- "value": "#292929",
937
- "filePath": "tokens/default/glass-dark/palette.color.json",
938
- "isSource": true,
939
- "original": {
940
- "type": "color",
941
- "value": "#292929"
942
- },
943
- "name": "pf-t--color--gray--80",
944
- "attributes": {
945
- "category": "color",
946
- "type": "gray",
947
- "item": "80"
948
- },
949
- "path": [
950
- "color",
951
- "gray",
952
- "80"
953
- ]
954
- }
955
- ]
956
- }
957
- ]
958
- }
959
- },
960
- "pf-t--global--background--color--floating--clicked": {
961
- "default": {
962
- "description": "Use as the clicked state for floating backgrounds",
963
- "type": "color",
964
- "value": "#292929",
965
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
966
- "isSource": true,
967
- "original": {
968
- "description": "Use as the clicked state for floating backgrounds",
969
- "type": "color",
970
- "value": "{global.dark.background.color.200}"
971
- },
972
- "name": "pf-t--global--background--color--floating--clicked",
973
- "attributes": {
974
- "category": "global",
975
- "type": "background",
976
- "item": "color",
977
- "subitem": "floating",
978
- "state": "clicked"
979
- },
980
- "path": [
981
- "global",
982
- "background",
983
- "color",
984
- "floating",
985
- "clicked"
986
- ],
987
- "references": [
988
- {
989
- "type": "color",
990
- "value": "#292929",
991
- "filePath": "tokens/default/glass-dark/base.dark.json",
992
- "isSource": true,
993
- "original": {
994
- "type": "color",
995
- "value": "{color.gray.80}"
996
- },
997
- "name": "pf-t--global--dark--background--color--200",
998
- "attributes": {
999
- "category": "global",
1000
- "type": "dark",
1001
- "item": "background",
1002
- "subitem": "color",
1003
- "state": "200"
1004
- },
1005
- "path": [
1006
- "global",
1007
- "dark",
1008
- "background",
1009
- "color",
1010
- "200"
1011
- ],
1012
- "references": [
1013
- {
1014
- "type": "color",
1015
- "value": "#292929",
1016
- "filePath": "tokens/default/glass-dark/palette.color.json",
1017
- "isSource": true,
1018
- "original": {
1019
- "type": "color",
1020
- "value": "#292929"
1021
- },
1022
- "name": "pf-t--color--gray--80",
1023
- "attributes": {
1024
- "category": "color",
1025
- "type": "gray",
1026
- "item": "80"
1027
- },
1028
- "path": [
1029
- "color",
1030
- "gray",
1031
- "80"
1032
- ]
1033
- }
1034
- ]
1035
- }
1036
- ]
1037
- }
1038
- },
1039
- "pf-t--global--background--color--action--plain--default": {
1040
- "default": {
1041
- "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.",
1042
- "type": "color",
1043
- "value": "rgba(0, 0, 0, 0.0000)",
1044
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1045
- "isSource": true,
1046
- "original": {
1047
- "description": "Use as the default background for actions with transparent backgrounds such as menu items, accordion toggles, buttons, etc.",
1048
- "type": "color",
1049
- "value": "rgba(0, 0, 0, 0.0000)"
1050
- },
1051
- "name": "pf-t--global--background--color--action--plain--default",
1052
- "attributes": {
1053
- "category": "global",
1054
- "type": "background",
1055
- "item": "color",
1056
- "subitem": "action",
1057
- "state": "plain"
1058
- },
1059
- "path": [
1060
- "global",
1061
- "background",
1062
- "color",
1063
- "action",
1064
- "plain",
1065
- "default"
1066
- ]
1067
- }
1068
- },
1069
- "pf-t--global--background--color--action--plain--hover": {
1070
- "default": {
1071
- "description": "Use as the hover state for components that use the plain action default background.",
1072
- "type": "color",
1073
- "value": "rgba(199, 199, 199, 0.1500)",
1074
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1075
- "isSource": true,
1076
- "original": {
1077
- "description": "Use as the hover state for components that use the plain action default background.",
1078
- "type": "color",
1079
- "value": "{global.dark.background.color.600}"
1080
- },
1081
- "name": "pf-t--global--background--color--action--plain--hover",
1082
- "attributes": {
1083
- "category": "global",
1084
- "type": "background",
1085
- "item": "color",
1086
- "subitem": "action",
1087
- "state": "plain"
1088
- },
1089
- "path": [
1090
- "global",
1091
- "background",
1092
- "color",
1093
- "action",
1094
- "plain",
1095
- "hover"
1096
- ],
1097
- "references": [
1098
- {
1099
- "type": "color",
1100
- "value": "rgba(199, 199, 199, 0.1500)",
1101
- "filePath": "tokens/default/glass-dark/base.dark.json",
1102
- "isSource": true,
1103
- "original": {
1104
- "type": "color",
1105
- "value": "rgba(199, 199, 199, 0.1500)"
1106
- },
1107
- "name": "pf-t--global--dark--background--color--600",
1108
- "attributes": {
1109
- "category": "global",
1110
- "type": "dark",
1111
- "item": "background",
1112
- "subitem": "color",
1113
- "state": "600"
1114
- },
1115
- "path": [
1116
- "global",
1117
- "dark",
1118
- "background",
1119
- "color",
1120
- "600"
1121
- ]
1122
- }
1123
- ]
1124
- }
1125
- },
1126
- "pf-t--global--background--color--action--plain--clicked": {
1127
- "default": {
1128
- "description": "Use as the active/pressed state for components that use the plain action default background.",
1129
- "type": "color",
1130
- "value": "rgba(199, 199, 199, 0.1500)",
1131
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1132
- "isSource": true,
1133
- "original": {
1134
- "description": "Use as the active/pressed state for components that use the plain action default background.",
1135
- "type": "color",
1136
- "value": "{global.dark.background.color.600}"
1137
- },
1138
- "name": "pf-t--global--background--color--action--plain--clicked",
1139
- "attributes": {
1140
- "category": "global",
1141
- "type": "background",
1142
- "item": "color",
1143
- "subitem": "action",
1144
- "state": "plain"
1145
- },
1146
- "path": [
1147
- "global",
1148
- "background",
1149
- "color",
1150
- "action",
1151
- "plain",
1152
- "clicked"
1153
- ],
1154
- "references": [
1155
- {
1156
- "type": "color",
1157
- "value": "rgba(199, 199, 199, 0.1500)",
1158
- "filePath": "tokens/default/glass-dark/base.dark.json",
1159
- "isSource": true,
1160
- "original": {
1161
- "type": "color",
1162
- "value": "rgba(199, 199, 199, 0.1500)"
1163
- },
1164
- "name": "pf-t--global--dark--background--color--600",
1165
- "attributes": {
1166
- "category": "global",
1167
- "type": "dark",
1168
- "item": "background",
1169
- "subitem": "color",
1170
- "state": "600"
1171
- },
1172
- "path": [
1173
- "global",
1174
- "dark",
1175
- "background",
1176
- "color",
1177
- "600"
1178
- ]
1179
- }
1180
- ]
1181
- }
1182
- },
1183
- "pf-t--global--background--color--action--plain--alt--hover": {
1184
- "default": {
1185
- "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
1186
- "type": "color",
1187
- "value": "#292929",
1188
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1189
- "isSource": true,
1190
- "original": {
1191
- "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
1192
- "type": "color",
1193
- "value": "{global.dark.background.color.200}"
1194
- },
1195
- "name": "pf-t--global--background--color--action--plain--alt--hover",
1196
- "attributes": {
1197
- "category": "global",
1198
- "type": "background",
1199
- "item": "color",
1200
- "subitem": "action",
1201
- "state": "plain"
844
+ "subitem": "action",
845
+ "state": "plain"
1202
846
  },
1203
847
  "path": [
1204
848
  "global",
@@ -1346,13 +990,13 @@
1346
990
  "default": {
1347
991
  "description": "Use as the default background for control elements like form inputs and menu toggles.",
1348
992
  "type": "color",
1349
- "value": "#383838",
993
+ "value": "rgba(21, 21, 21, 0.8000)",
1350
994
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1351
995
  "isSource": true,
1352
996
  "original": {
1353
997
  "description": "Use as the default background for control elements like form inputs and menu toggles.",
1354
998
  "type": "color",
1355
- "value": "{global.dark.background.color.300}"
999
+ "value": "{global.dark.background.color.500}"
1356
1000
  },
1357
1001
  "name": "pf-t--global--background--color--control--default",
1358
1002
  "attributes": {
@@ -1372,50 +1016,27 @@
1372
1016
  "references": [
1373
1017
  {
1374
1018
  "type": "color",
1375
- "value": "#383838",
1019
+ "value": "rgba(21, 21, 21, 0.8000)",
1376
1020
  "filePath": "tokens/default/glass-dark/base.dark.json",
1377
1021
  "isSource": true,
1378
1022
  "original": {
1379
1023
  "type": "color",
1380
- "value": "{color.gray.70}"
1024
+ "value": "rgba(21, 21, 21, 0.8000)"
1381
1025
  },
1382
- "name": "pf-t--global--dark--background--color--300",
1026
+ "name": "pf-t--global--dark--background--color--500",
1383
1027
  "attributes": {
1384
1028
  "category": "global",
1385
1029
  "type": "dark",
1386
1030
  "item": "background",
1387
1031
  "subitem": "color",
1388
- "state": "300"
1032
+ "state": "500"
1389
1033
  },
1390
1034
  "path": [
1391
1035
  "global",
1392
1036
  "dark",
1393
1037
  "background",
1394
1038
  "color",
1395
- "300"
1396
- ],
1397
- "references": [
1398
- {
1399
- "type": "color",
1400
- "value": "#383838",
1401
- "filePath": "tokens/default/glass-dark/palette.color.json",
1402
- "isSource": true,
1403
- "original": {
1404
- "type": "color",
1405
- "value": "#383838"
1406
- },
1407
- "name": "pf-t--color--gray--70",
1408
- "attributes": {
1409
- "category": "color",
1410
- "type": "gray",
1411
- "item": "70"
1412
- },
1413
- "path": [
1414
- "color",
1415
- "gray",
1416
- "70"
1417
- ]
1418
- }
1039
+ "500"
1419
1040
  ]
1420
1041
  }
1421
1042
  ]
@@ -1424,12 +1045,12 @@
1424
1045
  "pf-t--global--background--color--control--read-only": {
1425
1046
  "default": {
1426
1047
  "type": "color",
1427
- "value": "#383838",
1048
+ "value": "rgba(21, 21, 21, 0.8000)",
1428
1049
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
1429
1050
  "isSource": true,
1430
1051
  "original": {
1431
1052
  "type": "color",
1432
- "value": "{global.dark.background.color.300}"
1053
+ "value": "{global.dark.background.color.500}"
1433
1054
  },
1434
1055
  "name": "pf-t--global--background--color--control--read-only",
1435
1056
  "attributes": {
@@ -1449,50 +1070,27 @@
1449
1070
  "references": [
1450
1071
  {
1451
1072
  "type": "color",
1452
- "value": "#383838",
1073
+ "value": "rgba(21, 21, 21, 0.8000)",
1453
1074
  "filePath": "tokens/default/glass-dark/base.dark.json",
1454
1075
  "isSource": true,
1455
1076
  "original": {
1456
1077
  "type": "color",
1457
- "value": "{color.gray.70}"
1078
+ "value": "rgba(21, 21, 21, 0.8000)"
1458
1079
  },
1459
- "name": "pf-t--global--dark--background--color--300",
1080
+ "name": "pf-t--global--dark--background--color--500",
1460
1081
  "attributes": {
1461
1082
  "category": "global",
1462
1083
  "type": "dark",
1463
1084
  "item": "background",
1464
1085
  "subitem": "color",
1465
- "state": "300"
1086
+ "state": "500"
1466
1087
  },
1467
1088
  "path": [
1468
1089
  "global",
1469
1090
  "dark",
1470
1091
  "background",
1471
1092
  "color",
1472
- "300"
1473
- ],
1474
- "references": [
1475
- {
1476
- "type": "color",
1477
- "value": "#383838",
1478
- "filePath": "tokens/default/glass-dark/palette.color.json",
1479
- "isSource": true,
1480
- "original": {
1481
- "type": "color",
1482
- "value": "#383838"
1483
- },
1484
- "name": "pf-t--color--gray--70",
1485
- "attributes": {
1486
- "category": "color",
1487
- "type": "gray",
1488
- "item": "70"
1489
- },
1490
- "path": [
1491
- "color",
1492
- "gray",
1493
- "70"
1494
- ]
1495
- }
1093
+ "500"
1496
1094
  ]
1497
1095
  }
1498
1096
  ]
@@ -2140,56 +1738,58 @@
2140
1738
  ]
2141
1739
  }
2142
1740
  },
2143
- "pf-t--global--background--opacity--glass--primary": {
1741
+ "pf-t--global--background--filter--glass--blur--primary": {
2144
1742
  "default": {
2145
1743
  "type": "number",
2146
- "value": "80%",
1744
+ "value": "blur(12.5px)",
2147
1745
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
2148
1746
  "isSource": true,
2149
1747
  "original": {
2150
1748
  "type": "number",
2151
- "value": 80
1749
+ "value": 12.5
2152
1750
  },
2153
- "name": "pf-t--global--background--opacity--glass--primary",
1751
+ "name": "pf-t--global--background--filter--glass--blur--primary",
2154
1752
  "attributes": {
2155
1753
  "category": "global",
2156
1754
  "type": "background",
2157
- "item": "opacity",
1755
+ "item": "filter",
2158
1756
  "subitem": "glass",
2159
- "state": "primary"
1757
+ "state": "blur"
2160
1758
  },
2161
1759
  "path": [
2162
1760
  "global",
2163
1761
  "background",
2164
- "opacity",
1762
+ "filter",
2165
1763
  "glass",
1764
+ "blur",
2166
1765
  "primary"
2167
1766
  ]
2168
1767
  }
2169
1768
  },
2170
- "pf-t--global--background--opacity--glass--floating": {
1769
+ "pf-t--global--background--filter--glass--blur--floating": {
2171
1770
  "default": {
2172
1771
  "type": "number",
2173
- "value": "100%",
1772
+ "value": "blur(0px)",
2174
1773
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
2175
1774
  "isSource": true,
2176
1775
  "original": {
2177
1776
  "type": "number",
2178
- "value": 100
1777
+ "value": 0
2179
1778
  },
2180
- "name": "pf-t--global--background--opacity--glass--floating",
1779
+ "name": "pf-t--global--background--filter--glass--blur--floating",
2181
1780
  "attributes": {
2182
1781
  "category": "global",
2183
1782
  "type": "background",
2184
- "item": "opacity",
1783
+ "item": "filter",
2185
1784
  "subitem": "glass",
2186
- "state": "floating"
1785
+ "state": "blur"
2187
1786
  },
2188
1787
  "path": [
2189
1788
  "global",
2190
1789
  "background",
2191
- "opacity",
1790
+ "filter",
2192
1791
  "glass",
1792
+ "blur",
2193
1793
  "floating"
2194
1794
  ]
2195
1795
  }
@@ -4748,7 +4348,7 @@
4748
4348
  "default": {
4749
4349
  "description": "Use as the default color for elements that convey a read status and are placed on a secondary background",
4750
4350
  "type": "color",
4751
- "value": "#383838",
4351
+ "value": "rgba(21, 21, 21, 0.8000)",
4752
4352
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
4753
4353
  "isSource": true,
4754
4354
  "original": {
@@ -4775,13 +4375,13 @@
4775
4375
  {
4776
4376
  "description": "Use as the default background for control elements like form inputs and menu toggles.",
4777
4377
  "type": "color",
4778
- "value": "#383838",
4378
+ "value": "rgba(21, 21, 21, 0.8000)",
4779
4379
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
4780
4380
  "isSource": true,
4781
4381
  "original": {
4782
4382
  "description": "Use as the default background for control elements like form inputs and menu toggles.",
4783
4383
  "type": "color",
4784
- "value": "{global.dark.background.color.300}"
4384
+ "value": "{global.dark.background.color.500}"
4785
4385
  },
4786
4386
  "name": "pf-t--global--background--color--control--default",
4787
4387
  "attributes": {
@@ -4801,50 +4401,27 @@
4801
4401
  "references": [
4802
4402
  {
4803
4403
  "type": "color",
4804
- "value": "#383838",
4404
+ "value": "rgba(21, 21, 21, 0.8000)",
4805
4405
  "filePath": "tokens/default/glass-dark/base.dark.json",
4806
4406
  "isSource": true,
4807
4407
  "original": {
4808
4408
  "type": "color",
4809
- "value": "{color.gray.70}"
4409
+ "value": "rgba(21, 21, 21, 0.8000)"
4810
4410
  },
4811
- "name": "pf-t--global--dark--background--color--300",
4411
+ "name": "pf-t--global--dark--background--color--500",
4812
4412
  "attributes": {
4813
4413
  "category": "global",
4814
4414
  "type": "dark",
4815
4415
  "item": "background",
4816
4416
  "subitem": "color",
4817
- "state": "300"
4417
+ "state": "500"
4818
4418
  },
4819
4419
  "path": [
4820
4420
  "global",
4821
4421
  "dark",
4822
4422
  "background",
4823
4423
  "color",
4824
- "300"
4825
- ],
4826
- "references": [
4827
- {
4828
- "type": "color",
4829
- "value": "#383838",
4830
- "filePath": "tokens/default/glass-dark/palette.color.json",
4831
- "isSource": true,
4832
- "original": {
4833
- "type": "color",
4834
- "value": "#383838"
4835
- },
4836
- "name": "pf-t--color--gray--70",
4837
- "attributes": {
4838
- "category": "color",
4839
- "type": "gray",
4840
- "item": "70"
4841
- },
4842
- "path": [
4843
- "color",
4844
- "gray",
4845
- "70"
4846
- ]
4847
- }
4424
+ "500"
4848
4425
  ]
4849
4426
  }
4850
4427
  ]
@@ -4856,7 +4433,7 @@
4856
4433
  "default": {
4857
4434
  "description": "Use as the default color for elements that convey a read status and are placed on a primary background",
4858
4435
  "type": "color",
4859
- "value": "#151515",
4436
+ "value": "rgba(21, 21, 21, 0.6000)",
4860
4437
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
4861
4438
  "isSource": true,
4862
4439
  "original": {
@@ -4883,13 +4460,13 @@
4883
4460
  {
4884
4461
  "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
4885
4462
  "type": "color",
4886
- "value": "#151515",
4463
+ "value": "rgba(21, 21, 21, 0.6000)",
4887
4464
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
4888
4465
  "isSource": true,
4889
4466
  "original": {
4890
4467
  "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
4891
4468
  "type": "color",
4892
- "value": "{global.dark.background.color.100}"
4469
+ "value": "rgba(21, 21, 21, 0.6000)"
4893
4470
  },
4894
4471
  "name": "pf-t--global--background--color--secondary--default",
4895
4472
  "attributes": {
@@ -4905,56 +4482,6 @@
4905
4482
  "color",
4906
4483
  "secondary",
4907
4484
  "default"
4908
- ],
4909
- "references": [
4910
- {
4911
- "type": "color",
4912
- "value": "#151515",
4913
- "filePath": "tokens/default/glass-dark/base.dark.json",
4914
- "isSource": true,
4915
- "original": {
4916
- "type": "color",
4917
- "value": "{color.gray.95}"
4918
- },
4919
- "name": "pf-t--global--dark--background--color--100",
4920
- "attributes": {
4921
- "category": "global",
4922
- "type": "dark",
4923
- "item": "background",
4924
- "subitem": "color",
4925
- "state": "100"
4926
- },
4927
- "path": [
4928
- "global",
4929
- "dark",
4930
- "background",
4931
- "color",
4932
- "100"
4933
- ],
4934
- "references": [
4935
- {
4936
- "type": "color",
4937
- "value": "#151515",
4938
- "filePath": "tokens/default/glass-dark/palette.color.json",
4939
- "isSource": true,
4940
- "original": {
4941
- "type": "color",
4942
- "value": "#151515"
4943
- },
4944
- "name": "pf-t--color--gray--95",
4945
- "attributes": {
4946
- "category": "color",
4947
- "type": "gray",
4948
- "item": "95"
4949
- },
4950
- "path": [
4951
- "color",
4952
- "gray",
4953
- "95"
4954
- ]
4955
- }
4956
- ]
4957
- }
4958
4485
  ]
4959
4486
  }
4960
4487
  ]
@@ -7467,217 +6994,103 @@
7467
6994
  ]
7468
6995
  }
7469
6996
  },
7470
- "pf-t--global--icon--color--brand--accent--hover": {
7471
- "default": {
7472
- "description": "Use as the hover state color for icons that convey your brand and/or are paired with branded text color.",
7473
- "type": "color",
7474
- "value": "#f56e6e",
7475
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7476
- "isSource": true,
7477
- "original": {
7478
- "description": "Use as the hover state color for icons that convey your brand and/or are paired with branded text color.",
7479
- "type": "color",
7480
- "value": "{global.color.brand.accent.hover}"
7481
- },
7482
- "name": "pf-t--global--icon--color--brand--accent--hover",
7483
- "attributes": {
7484
- "category": "global",
7485
- "type": "icon",
7486
- "item": "color",
7487
- "subitem": "brand",
7488
- "state": "accent"
7489
- },
7490
- "path": [
7491
- "global",
7492
- "icon",
7493
- "color",
7494
- "brand",
7495
- "accent",
7496
- "hover"
7497
- ],
7498
- "references": [
7499
- {
7500
- "description": "Use as the hover state for elements that have a branded background color",
7501
- "type": "color",
7502
- "value": "#f56e6e",
7503
- "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
7504
- "isSource": true,
7505
- "original": {
7506
- "description": "Use as the hover state for elements that have a branded background color",
7507
- "type": "color",
7508
- "value": "{global.dark.color.brand.accent.200}"
7509
- },
7510
- "name": "pf-t--global--color--brand--accent--hover",
7511
- "attributes": {
7512
- "category": "global",
7513
- "type": "color",
7514
- "item": "brand",
7515
- "subitem": "accent",
7516
- "state": "hover"
7517
- },
7518
- "path": [
7519
- "global",
7520
- "color",
7521
- "brand",
7522
- "accent",
7523
- "hover"
7524
- ],
7525
- "references": [
7526
- {
7527
- "type": "color",
7528
- "value": "#f56e6e",
7529
- "filePath": "tokens/default/glass-dark/base.dark.json",
7530
- "isSource": true,
7531
- "original": {
7532
- "type": "color",
7533
- "value": "{color.red.40}"
7534
- },
7535
- "name": "pf-t--global--dark--color--brand--accent--200",
7536
- "attributes": {
7537
- "category": "global",
7538
- "type": "dark",
7539
- "item": "color",
7540
- "subitem": "brand",
7541
- "state": "accent"
7542
- },
7543
- "path": [
7544
- "global",
7545
- "dark",
7546
- "color",
7547
- "brand",
7548
- "accent",
7549
- "200"
7550
- ],
7551
- "references": [
7552
- {
7553
- "type": "color",
7554
- "value": "#f56e6e",
7555
- "filePath": "tokens/default/glass-dark/palette.color.json",
7556
- "isSource": true,
7557
- "original": {
7558
- "type": "color",
7559
- "value": "#f56e6e"
7560
- },
7561
- "name": "pf-t--color--red--40",
7562
- "attributes": {
7563
- "category": "color",
7564
- "type": "red",
7565
- "item": "40"
7566
- },
7567
- "path": [
7568
- "color",
7569
- "red",
7570
- "40"
7571
- ]
7572
- }
7573
- ]
7574
- }
7575
- ]
7576
- }
7577
- ]
7578
- }
7579
- },
7580
- "pf-t--global--icon--color--brand--accent--clicked": {
6997
+ "pf-t--global--icon--color--on-brand--default": {
7581
6998
  "default": {
7582
- "description": "Use as the clicked state for icons that convey your brand and/or are paired with branded text color.",
6999
+ "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7583
7000
  "type": "color",
7584
- "value": "#f56e6e",
7001
+ "value": "#1f1f1f",
7585
7002
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7586
7003
  "isSource": true,
7587
7004
  "original": {
7588
- "description": "Use as the clicked state for icons that convey your brand and/or are paired with branded text color.",
7005
+ "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7589
7006
  "type": "color",
7590
- "value": "{global.color.brand.accent.clicked}"
7007
+ "value": "{global.icon.color.inverse}"
7591
7008
  },
7592
- "name": "pf-t--global--icon--color--brand--accent--clicked",
7009
+ "name": "pf-t--global--icon--color--on-brand--default",
7593
7010
  "attributes": {
7594
7011
  "category": "global",
7595
7012
  "type": "icon",
7596
7013
  "item": "color",
7597
- "subitem": "brand",
7598
- "state": "accent"
7014
+ "subitem": "on-brand",
7015
+ "state": "default"
7599
7016
  },
7600
7017
  "path": [
7601
7018
  "global",
7602
7019
  "icon",
7603
7020
  "color",
7604
- "brand",
7605
- "accent",
7606
- "clicked"
7021
+ "on-brand",
7022
+ "default"
7607
7023
  ],
7608
7024
  "references": [
7609
7025
  {
7610
- "description": "Use as the clicked state for elements that have a brand background color",
7026
+ "description": "Use as the color for icons that are placed on an inverse background color",
7611
7027
  "type": "color",
7612
- "value": "#f56e6e",
7613
- "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
7028
+ "value": "#1f1f1f",
7029
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7614
7030
  "isSource": true,
7615
7031
  "original": {
7616
- "description": "Use as the clicked state for elements that have a brand background color",
7032
+ "description": "Use as the color for icons that are placed on an inverse background color",
7617
7033
  "type": "color",
7618
- "value": "{global.dark.color.brand.accent.200}"
7034
+ "value": "{global.dark.icon.color.300}"
7619
7035
  },
7620
- "name": "pf-t--global--color--brand--accent--clicked",
7036
+ "name": "pf-t--global--icon--color--inverse",
7621
7037
  "attributes": {
7622
7038
  "category": "global",
7623
- "type": "color",
7624
- "item": "brand",
7625
- "subitem": "accent",
7626
- "state": "clicked"
7039
+ "type": "icon",
7040
+ "item": "color",
7041
+ "subitem": "inverse"
7627
7042
  },
7628
7043
  "path": [
7629
7044
  "global",
7045
+ "icon",
7630
7046
  "color",
7631
- "brand",
7632
- "accent",
7633
- "clicked"
7047
+ "inverse"
7634
7048
  ],
7635
7049
  "references": [
7636
7050
  {
7637
7051
  "type": "color",
7638
- "value": "#f56e6e",
7052
+ "value": "#1f1f1f",
7639
7053
  "filePath": "tokens/default/glass-dark/base.dark.json",
7640
7054
  "isSource": true,
7641
7055
  "original": {
7642
7056
  "type": "color",
7643
- "value": "{color.red.40}"
7057
+ "value": "{color.gray.90}"
7644
7058
  },
7645
- "name": "pf-t--global--dark--color--brand--accent--200",
7059
+ "name": "pf-t--global--dark--icon--color--300",
7646
7060
  "attributes": {
7647
7061
  "category": "global",
7648
7062
  "type": "dark",
7649
- "item": "color",
7650
- "subitem": "brand",
7651
- "state": "accent"
7063
+ "item": "icon",
7064
+ "subitem": "color",
7065
+ "state": "300"
7652
7066
  },
7653
7067
  "path": [
7654
7068
  "global",
7655
7069
  "dark",
7070
+ "icon",
7656
7071
  "color",
7657
- "brand",
7658
- "accent",
7659
- "200"
7072
+ "300"
7660
7073
  ],
7661
7074
  "references": [
7662
7075
  {
7663
7076
  "type": "color",
7664
- "value": "#f56e6e",
7077
+ "value": "#1f1f1f",
7665
7078
  "filePath": "tokens/default/glass-dark/palette.color.json",
7666
7079
  "isSource": true,
7667
7080
  "original": {
7668
7081
  "type": "color",
7669
- "value": "#f56e6e"
7082
+ "value": "#1f1f1f"
7670
7083
  },
7671
- "name": "pf-t--color--red--40",
7084
+ "name": "pf-t--color--gray--90",
7672
7085
  "attributes": {
7673
7086
  "category": "color",
7674
- "type": "red",
7675
- "item": "40"
7087
+ "type": "gray",
7088
+ "item": "90"
7676
7089
  },
7677
7090
  "path": [
7678
7091
  "color",
7679
- "red",
7680
- "40"
7092
+ "gray",
7093
+ "90"
7681
7094
  ]
7682
7095
  }
7683
7096
  ]
@@ -7687,32 +7100,32 @@
7687
7100
  ]
7688
7101
  }
7689
7102
  },
7690
- "pf-t--global--icon--color--on-brand--default": {
7103
+ "pf-t--global--icon--color--on-brand--hover": {
7691
7104
  "default": {
7692
- "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7105
+ "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7693
7106
  "type": "color",
7694
7107
  "value": "#1f1f1f",
7695
7108
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7696
7109
  "isSource": true,
7697
7110
  "original": {
7698
- "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7111
+ "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7699
7112
  "type": "color",
7700
7113
  "value": "{global.icon.color.inverse}"
7701
7114
  },
7702
- "name": "pf-t--global--icon--color--on-brand--default",
7115
+ "name": "pf-t--global--icon--color--on-brand--hover",
7703
7116
  "attributes": {
7704
7117
  "category": "global",
7705
7118
  "type": "icon",
7706
7119
  "item": "color",
7707
7120
  "subitem": "on-brand",
7708
- "state": "default"
7121
+ "state": "hover"
7709
7122
  },
7710
7123
  "path": [
7711
7124
  "global",
7712
7125
  "icon",
7713
7126
  "color",
7714
7127
  "on-brand",
7715
- "default"
7128
+ "hover"
7716
7129
  ],
7717
7130
  "references": [
7718
7131
  {
@@ -7793,138 +7206,32 @@
7793
7206
  ]
7794
7207
  }
7795
7208
  },
7796
- "pf-t--global--icon--color--on-brand--hover": {
7209
+ "pf-t--global--icon--color--on-brand--clicked": {
7797
7210
  "default": {
7798
- "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7211
+ "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7799
7212
  "type": "color",
7800
7213
  "value": "#1f1f1f",
7801
7214
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7802
7215
  "isSource": true,
7803
7216
  "original": {
7804
- "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7217
+ "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7805
7218
  "type": "color",
7806
7219
  "value": "{global.icon.color.inverse}"
7807
7220
  },
7808
- "name": "pf-t--global--icon--color--on-brand--hover",
7221
+ "name": "pf-t--global--icon--color--on-brand--clicked",
7809
7222
  "attributes": {
7810
7223
  "category": "global",
7811
7224
  "type": "icon",
7812
7225
  "item": "color",
7813
7226
  "subitem": "on-brand",
7814
- "state": "hover"
7227
+ "state": "clicked"
7815
7228
  },
7816
7229
  "path": [
7817
7230
  "global",
7818
7231
  "icon",
7819
7232
  "color",
7820
7233
  "on-brand",
7821
- "hover"
7822
- ],
7823
- "references": [
7824
- {
7825
- "description": "Use as the color for icons that are placed on an inverse background color",
7826
- "type": "color",
7827
- "value": "#1f1f1f",
7828
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7829
- "isSource": true,
7830
- "original": {
7831
- "description": "Use as the color for icons that are placed on an inverse background color",
7832
- "type": "color",
7833
- "value": "{global.dark.icon.color.300}"
7834
- },
7835
- "name": "pf-t--global--icon--color--inverse",
7836
- "attributes": {
7837
- "category": "global",
7838
- "type": "icon",
7839
- "item": "color",
7840
- "subitem": "inverse"
7841
- },
7842
- "path": [
7843
- "global",
7844
- "icon",
7845
- "color",
7846
- "inverse"
7847
- ],
7848
- "references": [
7849
- {
7850
- "type": "color",
7851
- "value": "#1f1f1f",
7852
- "filePath": "tokens/default/glass-dark/base.dark.json",
7853
- "isSource": true,
7854
- "original": {
7855
- "type": "color",
7856
- "value": "{color.gray.90}"
7857
- },
7858
- "name": "pf-t--global--dark--icon--color--300",
7859
- "attributes": {
7860
- "category": "global",
7861
- "type": "dark",
7862
- "item": "icon",
7863
- "subitem": "color",
7864
- "state": "300"
7865
- },
7866
- "path": [
7867
- "global",
7868
- "dark",
7869
- "icon",
7870
- "color",
7871
- "300"
7872
- ],
7873
- "references": [
7874
- {
7875
- "type": "color",
7876
- "value": "#1f1f1f",
7877
- "filePath": "tokens/default/glass-dark/palette.color.json",
7878
- "isSource": true,
7879
- "original": {
7880
- "type": "color",
7881
- "value": "#1f1f1f"
7882
- },
7883
- "name": "pf-t--color--gray--90",
7884
- "attributes": {
7885
- "category": "color",
7886
- "type": "gray",
7887
- "item": "90"
7888
- },
7889
- "path": [
7890
- "color",
7891
- "gray",
7892
- "90"
7893
- ]
7894
- }
7895
- ]
7896
- }
7897
- ]
7898
- }
7899
- ]
7900
- }
7901
- },
7902
- "pf-t--global--icon--color--on-brand--clicked": {
7903
- "default": {
7904
- "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7905
- "type": "color",
7906
- "value": "#1f1f1f",
7907
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
7908
- "isSource": true,
7909
- "original": {
7910
- "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
7911
- "type": "color",
7912
- "value": "{global.icon.color.inverse}"
7913
- },
7914
- "name": "pf-t--global--icon--color--on-brand--clicked",
7915
- "attributes": {
7916
- "category": "global",
7917
- "type": "icon",
7918
- "item": "color",
7919
- "subitem": "on-brand",
7920
- "state": "clicked"
7921
- },
7922
- "path": [
7923
- "global",
7924
- "icon",
7925
- "color",
7926
- "on-brand",
7927
- "clicked"
7234
+ "clicked"
7928
7235
  ],
7929
7236
  "references": [
7930
7237
  {
@@ -8112,220 +7419,6 @@
8112
7419
  ]
8113
7420
  }
8114
7421
  },
8115
- "pf-t--global--icon--color--on-brand--accent--hover": {
8116
- "default": {
8117
- "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
8118
- "type": "color",
8119
- "value": "#1f1f1f",
8120
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
8121
- "isSource": true,
8122
- "original": {
8123
- "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
8124
- "type": "color",
8125
- "value": "{global.icon.color.inverse}"
8126
- },
8127
- "name": "pf-t--global--icon--color--on-brand--accent--hover",
8128
- "attributes": {
8129
- "category": "global",
8130
- "type": "icon",
8131
- "item": "color",
8132
- "subitem": "on-brand",
8133
- "state": "accent"
8134
- },
8135
- "path": [
8136
- "global",
8137
- "icon",
8138
- "color",
8139
- "on-brand",
8140
- "accent",
8141
- "hover"
8142
- ],
8143
- "references": [
8144
- {
8145
- "description": "Use as the color for icons that are placed on an inverse background color",
8146
- "type": "color",
8147
- "value": "#1f1f1f",
8148
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
8149
- "isSource": true,
8150
- "original": {
8151
- "description": "Use as the color for icons that are placed on an inverse background color",
8152
- "type": "color",
8153
- "value": "{global.dark.icon.color.300}"
8154
- },
8155
- "name": "pf-t--global--icon--color--inverse",
8156
- "attributes": {
8157
- "category": "global",
8158
- "type": "icon",
8159
- "item": "color",
8160
- "subitem": "inverse"
8161
- },
8162
- "path": [
8163
- "global",
8164
- "icon",
8165
- "color",
8166
- "inverse"
8167
- ],
8168
- "references": [
8169
- {
8170
- "type": "color",
8171
- "value": "#1f1f1f",
8172
- "filePath": "tokens/default/glass-dark/base.dark.json",
8173
- "isSource": true,
8174
- "original": {
8175
- "type": "color",
8176
- "value": "{color.gray.90}"
8177
- },
8178
- "name": "pf-t--global--dark--icon--color--300",
8179
- "attributes": {
8180
- "category": "global",
8181
- "type": "dark",
8182
- "item": "icon",
8183
- "subitem": "color",
8184
- "state": "300"
8185
- },
8186
- "path": [
8187
- "global",
8188
- "dark",
8189
- "icon",
8190
- "color",
8191
- "300"
8192
- ],
8193
- "references": [
8194
- {
8195
- "type": "color",
8196
- "value": "#1f1f1f",
8197
- "filePath": "tokens/default/glass-dark/palette.color.json",
8198
- "isSource": true,
8199
- "original": {
8200
- "type": "color",
8201
- "value": "#1f1f1f"
8202
- },
8203
- "name": "pf-t--color--gray--90",
8204
- "attributes": {
8205
- "category": "color",
8206
- "type": "gray",
8207
- "item": "90"
8208
- },
8209
- "path": [
8210
- "color",
8211
- "gray",
8212
- "90"
8213
- ]
8214
- }
8215
- ]
8216
- }
8217
- ]
8218
- }
8219
- ]
8220
- }
8221
- },
8222
- "pf-t--global--icon--color--on-brand--accent--clicked": {
8223
- "default": {
8224
- "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
8225
- "type": "color",
8226
- "value": "#1f1f1f",
8227
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
8228
- "isSource": true,
8229
- "original": {
8230
- "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
8231
- "type": "color",
8232
- "value": "{global.icon.color.inverse}"
8233
- },
8234
- "name": "pf-t--global--icon--color--on-brand--accent--clicked",
8235
- "attributes": {
8236
- "category": "global",
8237
- "type": "icon",
8238
- "item": "color",
8239
- "subitem": "on-brand",
8240
- "state": "accent"
8241
- },
8242
- "path": [
8243
- "global",
8244
- "icon",
8245
- "color",
8246
- "on-brand",
8247
- "accent",
8248
- "clicked"
8249
- ],
8250
- "references": [
8251
- {
8252
- "description": "Use as the color for icons that are placed on an inverse background color",
8253
- "type": "color",
8254
- "value": "#1f1f1f",
8255
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
8256
- "isSource": true,
8257
- "original": {
8258
- "description": "Use as the color for icons that are placed on an inverse background color",
8259
- "type": "color",
8260
- "value": "{global.dark.icon.color.300}"
8261
- },
8262
- "name": "pf-t--global--icon--color--inverse",
8263
- "attributes": {
8264
- "category": "global",
8265
- "type": "icon",
8266
- "item": "color",
8267
- "subitem": "inverse"
8268
- },
8269
- "path": [
8270
- "global",
8271
- "icon",
8272
- "color",
8273
- "inverse"
8274
- ],
8275
- "references": [
8276
- {
8277
- "type": "color",
8278
- "value": "#1f1f1f",
8279
- "filePath": "tokens/default/glass-dark/base.dark.json",
8280
- "isSource": true,
8281
- "original": {
8282
- "type": "color",
8283
- "value": "{color.gray.90}"
8284
- },
8285
- "name": "pf-t--global--dark--icon--color--300",
8286
- "attributes": {
8287
- "category": "global",
8288
- "type": "dark",
8289
- "item": "icon",
8290
- "subitem": "color",
8291
- "state": "300"
8292
- },
8293
- "path": [
8294
- "global",
8295
- "dark",
8296
- "icon",
8297
- "color",
8298
- "300"
8299
- ],
8300
- "references": [
8301
- {
8302
- "type": "color",
8303
- "value": "#1f1f1f",
8304
- "filePath": "tokens/default/glass-dark/palette.color.json",
8305
- "isSource": true,
8306
- "original": {
8307
- "type": "color",
8308
- "value": "#1f1f1f"
8309
- },
8310
- "name": "pf-t--color--gray--90",
8311
- "attributes": {
8312
- "category": "color",
8313
- "type": "gray",
8314
- "item": "90"
8315
- },
8316
- "path": [
8317
- "color",
8318
- "gray",
8319
- "90"
8320
- ]
8321
- }
8322
- ]
8323
- }
8324
- ]
8325
- }
8326
- ]
8327
- }
8328
- },
8329
7422
  "pf-t--global--icon--color--on-brand--subtle--default": {
8330
7423
  "default": {
8331
7424
  "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
@@ -16708,12 +15801,12 @@
16708
15801
  "pf-t--global--border--color--control--read-only": {
16709
15802
  "default": {
16710
15803
  "type": "color",
16711
- "value": "#383838",
15804
+ "value": "rgba(41, 41, 41, 0.5000)",
16712
15805
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
16713
15806
  "isSource": true,
16714
15807
  "original": {
16715
15808
  "type": "color",
16716
- "value": "{global.dark.border.color.50}"
15809
+ "value": "{global.border.color.alt}"
16717
15810
  },
16718
15811
  "name": "pf-t--global--border--color--control--read-only",
16719
15812
  "attributes": {
@@ -16732,49 +15825,55 @@
16732
15825
  ],
16733
15826
  "references": [
16734
15827
  {
15828
+ "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
16735
15829
  "type": "color",
16736
- "value": "#383838",
16737
- "filePath": "tokens/default/glass-dark/base.dark.json",
15830
+ "value": "rgba(41, 41, 41, 0.5000)",
15831
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
16738
15832
  "isSource": true,
16739
15833
  "original": {
15834
+ "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
16740
15835
  "type": "color",
16741
- "value": "{color.gray.70}"
15836
+ "value": "{global.background.color.primary.default}"
16742
15837
  },
16743
- "name": "pf-t--global--dark--border--color--50",
15838
+ "name": "pf-t--global--border--color--alt",
16744
15839
  "attributes": {
16745
15840
  "category": "global",
16746
- "type": "dark",
16747
- "item": "border",
16748
- "subitem": "color",
16749
- "state": "50"
15841
+ "type": "border",
15842
+ "item": "color",
15843
+ "subitem": "alt"
16750
15844
  },
16751
15845
  "path": [
16752
15846
  "global",
16753
- "dark",
16754
15847
  "border",
16755
15848
  "color",
16756
- "50"
15849
+ "alt"
16757
15850
  ],
16758
15851
  "references": [
16759
15852
  {
15853
+ "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
16760
15854
  "type": "color",
16761
- "value": "#383838",
16762
- "filePath": "tokens/default/glass-dark/palette.color.json",
15855
+ "value": "rgba(41, 41, 41, 0.5000)",
15856
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
16763
15857
  "isSource": true,
16764
15858
  "original": {
15859
+ "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
16765
15860
  "type": "color",
16766
- "value": "#383838"
15861
+ "value": "rgba(41, 41, 41, 0.5000)"
16767
15862
  },
16768
- "name": "pf-t--color--gray--70",
15863
+ "name": "pf-t--global--background--color--primary--default",
16769
15864
  "attributes": {
16770
- "category": "color",
16771
- "type": "gray",
16772
- "item": "70"
15865
+ "category": "global",
15866
+ "type": "background",
15867
+ "item": "color",
15868
+ "subitem": "primary",
15869
+ "state": "default"
16773
15870
  },
16774
15871
  "path": [
15872
+ "global",
15873
+ "background",
16775
15874
  "color",
16776
- "gray",
16777
- "70"
15875
+ "primary",
15876
+ "default"
16778
15877
  ]
16779
15878
  }
16780
15879
  ]
@@ -19261,7 +18360,7 @@
19261
18360
  "original": {
19262
18361
  "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
19263
18362
  "type": "color",
19264
- "value": "{global.dark.border.color.50}"
18363
+ "value": "{color.gray.70}"
19265
18364
  },
19266
18365
  "name": "pf-t--global--border--color--subtle",
19267
18366
  "attributes": {
@@ -19280,49 +18379,22 @@
19280
18379
  {
19281
18380
  "type": "color",
19282
18381
  "value": "#383838",
19283
- "filePath": "tokens/default/glass-dark/base.dark.json",
18382
+ "filePath": "tokens/default/glass-dark/palette.color.json",
19284
18383
  "isSource": true,
19285
18384
  "original": {
19286
18385
  "type": "color",
19287
- "value": "{color.gray.70}"
18386
+ "value": "#383838"
19288
18387
  },
19289
- "name": "pf-t--global--dark--border--color--50",
18388
+ "name": "pf-t--color--gray--70",
19290
18389
  "attributes": {
19291
- "category": "global",
19292
- "type": "dark",
19293
- "item": "border",
19294
- "subitem": "color",
19295
- "state": "50"
18390
+ "category": "color",
18391
+ "type": "gray",
18392
+ "item": "70"
19296
18393
  },
19297
18394
  "path": [
19298
- "global",
19299
- "dark",
19300
- "border",
19301
18395
  "color",
19302
- "50"
19303
- ],
19304
- "references": [
19305
- {
19306
- "type": "color",
19307
- "value": "#383838",
19308
- "filePath": "tokens/default/glass-dark/palette.color.json",
19309
- "isSource": true,
19310
- "original": {
19311
- "type": "color",
19312
- "value": "#383838"
19313
- },
19314
- "name": "pf-t--color--gray--70",
19315
- "attributes": {
19316
- "category": "color",
19317
- "type": "gray",
19318
- "item": "70"
19319
- },
19320
- "path": [
19321
- "color",
19322
- "gray",
19323
- "70"
19324
- ]
19325
- }
18396
+ "gray",
18397
+ "70"
19326
18398
  ]
19327
18399
  }
19328
18400
  ]
@@ -19409,7 +18481,7 @@
19409
18481
  "default": {
19410
18482
  "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
19411
18483
  "type": "color",
19412
- "value": "#292929",
18484
+ "value": "rgba(41, 41, 41, 0.5000)",
19413
18485
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
19414
18486
  "isSource": true,
19415
18487
  "original": {
@@ -19434,13 +18506,13 @@
19434
18506
  {
19435
18507
  "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
19436
18508
  "type": "color",
19437
- "value": "#292929",
18509
+ "value": "rgba(41, 41, 41, 0.5000)",
19438
18510
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
19439
18511
  "isSource": true,
19440
18512
  "original": {
19441
18513
  "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
19442
18514
  "type": "color",
19443
- "value": "{global.dark.background.color.200}"
18515
+ "value": "rgba(41, 41, 41, 0.5000)"
19444
18516
  },
19445
18517
  "name": "pf-t--global--background--color--primary--default",
19446
18518
  "attributes": {
@@ -19456,56 +18528,6 @@
19456
18528
  "color",
19457
18529
  "primary",
19458
18530
  "default"
19459
- ],
19460
- "references": [
19461
- {
19462
- "type": "color",
19463
- "value": "#292929",
19464
- "filePath": "tokens/default/glass-dark/base.dark.json",
19465
- "isSource": true,
19466
- "original": {
19467
- "type": "color",
19468
- "value": "{color.gray.80}"
19469
- },
19470
- "name": "pf-t--global--dark--background--color--200",
19471
- "attributes": {
19472
- "category": "global",
19473
- "type": "dark",
19474
- "item": "background",
19475
- "subitem": "color",
19476
- "state": "200"
19477
- },
19478
- "path": [
19479
- "global",
19480
- "dark",
19481
- "background",
19482
- "color",
19483
- "200"
19484
- ],
19485
- "references": [
19486
- {
19487
- "type": "color",
19488
- "value": "#292929",
19489
- "filePath": "tokens/default/glass-dark/palette.color.json",
19490
- "isSource": true,
19491
- "original": {
19492
- "type": "color",
19493
- "value": "#292929"
19494
- },
19495
- "name": "pf-t--color--gray--80",
19496
- "attributes": {
19497
- "category": "color",
19498
- "type": "gray",
19499
- "item": "80"
19500
- },
19501
- "path": [
19502
- "color",
19503
- "gray",
19504
- "80"
19505
- ]
19506
- }
19507
- ]
19508
- }
19509
18531
  ]
19510
18532
  }
19511
18533
  ]
@@ -21778,7 +20800,7 @@
21778
20800
  "pf-t--global--border--color--main--default": {
21779
20801
  "default": {
21780
20802
  "type": "color",
21781
- "value": "#292929",
20803
+ "value": "rgba(41, 41, 41, 0.5000)",
21782
20804
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
21783
20805
  "isSource": true,
21784
20806
  "original": {
@@ -21804,13 +20826,13 @@
21804
20826
  {
21805
20827
  "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
21806
20828
  "type": "color",
21807
- "value": "#292929",
20829
+ "value": "rgba(41, 41, 41, 0.5000)",
21808
20830
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
21809
20831
  "isSource": true,
21810
20832
  "original": {
21811
20833
  "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
21812
20834
  "type": "color",
21813
- "value": "{global.dark.background.color.200}"
20835
+ "value": "rgba(41, 41, 41, 0.5000)"
21814
20836
  },
21815
20837
  "name": "pf-t--global--background--color--primary--default",
21816
20838
  "attributes": {
@@ -21826,56 +20848,6 @@
21826
20848
  "color",
21827
20849
  "primary",
21828
20850
  "default"
21829
- ],
21830
- "references": [
21831
- {
21832
- "type": "color",
21833
- "value": "#292929",
21834
- "filePath": "tokens/default/glass-dark/base.dark.json",
21835
- "isSource": true,
21836
- "original": {
21837
- "type": "color",
21838
- "value": "{color.gray.80}"
21839
- },
21840
- "name": "pf-t--global--dark--background--color--200",
21841
- "attributes": {
21842
- "category": "global",
21843
- "type": "dark",
21844
- "item": "background",
21845
- "subitem": "color",
21846
- "state": "200"
21847
- },
21848
- "path": [
21849
- "global",
21850
- "dark",
21851
- "background",
21852
- "color",
21853
- "200"
21854
- ],
21855
- "references": [
21856
- {
21857
- "type": "color",
21858
- "value": "#292929",
21859
- "filePath": "tokens/default/glass-dark/palette.color.json",
21860
- "isSource": true,
21861
- "original": {
21862
- "type": "color",
21863
- "value": "#292929"
21864
- },
21865
- "name": "pf-t--color--gray--80",
21866
- "attributes": {
21867
- "category": "color",
21868
- "type": "gray",
21869
- "item": "80"
21870
- },
21871
- "path": [
21872
- "color",
21873
- "gray",
21874
- "80"
21875
- ]
21876
- }
21877
- ]
21878
- }
21879
20851
  ]
21880
20852
  }
21881
20853
  ]
@@ -22905,104 +21877,102 @@
22905
21877
  ]
22906
21878
  }
22907
21879
  },
22908
- "pf-t--global--text--color--on-brand--accent--hover": {
21880
+ "pf-t--global--text--color--on-brand--subtle--default": {
22909
21881
  "default": {
22910
- "description": "Use as the hover state color for text placed on a brand-colored background.",
21882
+ "description": "Use as the default color for text placed on a brand-colored background.",
22911
21883
  "type": "color",
22912
- "value": "#1f1f1f",
21884
+ "value": "#ffffff",
22913
21885
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
22914
21886
  "isSource": true,
22915
21887
  "original": {
22916
- "description": "Use as the hover state color for text placed on a brand-colored background.",
21888
+ "description": "Use as the default color for text placed on a brand-colored background.",
22917
21889
  "type": "color",
22918
- "value": "{global.text.color.inverse}"
21890
+ "value": "{global.text.color.regular}"
22919
21891
  },
22920
- "name": "pf-t--global--text--color--on-brand--accent--hover",
21892
+ "name": "pf-t--global--text--color--on-brand--subtle--default",
22921
21893
  "attributes": {
22922
21894
  "category": "global",
22923
21895
  "type": "text",
22924
21896
  "item": "color",
22925
21897
  "subitem": "on-brand",
22926
- "state": "accent"
21898
+ "state": "subtle"
22927
21899
  },
22928
21900
  "path": [
22929
21901
  "global",
22930
21902
  "text",
22931
21903
  "color",
22932
21904
  "on-brand",
22933
- "accent",
22934
- "hover"
21905
+ "subtle",
21906
+ "default"
22935
21907
  ],
22936
21908
  "references": [
22937
21909
  {
22938
- "description": "Use as the color of text that is placed on an inverse background color, like tooltips.",
21910
+ "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
22939
21911
  "type": "color",
22940
- "value": "#1f1f1f",
21912
+ "value": "#ffffff",
22941
21913
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
22942
21914
  "isSource": true,
22943
21915
  "original": {
22944
- "description": "Use as the color of text that is placed on an inverse background color, like tooltips.",
21916
+ "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
22945
21917
  "type": "color",
22946
- "value": "{global.dark.text.color.300}"
21918
+ "value": "{global.dark.text.color.100}"
22947
21919
  },
22948
- "name": "pf-t--global--text--color--inverse",
21920
+ "name": "pf-t--global--text--color--regular",
22949
21921
  "attributes": {
22950
21922
  "category": "global",
22951
21923
  "type": "text",
22952
21924
  "item": "color",
22953
- "subitem": "inverse"
21925
+ "subitem": "regular"
22954
21926
  },
22955
21927
  "path": [
22956
21928
  "global",
22957
21929
  "text",
22958
21930
  "color",
22959
- "inverse"
21931
+ "regular"
22960
21932
  ],
22961
21933
  "references": [
22962
21934
  {
22963
21935
  "type": "color",
22964
- "value": "#1f1f1f",
21936
+ "value": "#ffffff",
22965
21937
  "filePath": "tokens/default/glass-dark/base.dark.json",
22966
21938
  "isSource": true,
22967
21939
  "original": {
22968
21940
  "type": "color",
22969
- "value": "{color.gray.90}"
21941
+ "value": "{color.white}"
22970
21942
  },
22971
- "name": "pf-t--global--dark--text--color--300",
21943
+ "name": "pf-t--global--dark--text--color--100",
22972
21944
  "attributes": {
22973
21945
  "category": "global",
22974
21946
  "type": "dark",
22975
21947
  "item": "text",
22976
21948
  "subitem": "color",
22977
- "state": "300"
21949
+ "state": "100"
22978
21950
  },
22979
21951
  "path": [
22980
21952
  "global",
22981
21953
  "dark",
22982
21954
  "text",
22983
21955
  "color",
22984
- "300"
21956
+ "100"
22985
21957
  ],
22986
21958
  "references": [
22987
21959
  {
22988
21960
  "type": "color",
22989
- "value": "#1f1f1f",
21961
+ "value": "#ffffff",
22990
21962
  "filePath": "tokens/default/glass-dark/palette.color.json",
22991
21963
  "isSource": true,
22992
21964
  "original": {
22993
21965
  "type": "color",
22994
- "value": "#1f1f1f"
21966
+ "value": "#ffffff"
22995
21967
  },
22996
- "name": "pf-t--color--gray--90",
21968
+ "name": "pf-t--color--white",
22997
21969
  "attributes": {
22998
21970
  "category": "color",
22999
- "type": "gray",
23000
- "item": "90"
21971
+ "type": "white"
23001
21972
  },
23002
21973
  "path": [
23003
21974
  "color",
23004
- "gray",
23005
- "90"
21975
+ "white"
23006
21976
  ]
23007
21977
  }
23008
21978
  ]
@@ -23012,104 +21982,102 @@
23012
21982
  ]
23013
21983
  }
23014
21984
  },
23015
- "pf-t--global--text--color--on-brand--accent--clicked": {
21985
+ "pf-t--global--text--color--on-brand--subtle--hover": {
23016
21986
  "default": {
23017
- "description": "Use as the clicked state color for text placed on a brand-colored background.",
21987
+ "description": "Use as the hover state color for text placed on a brand-colored background.",
23018
21988
  "type": "color",
23019
- "value": "#1f1f1f",
21989
+ "value": "#ffffff",
23020
21990
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
23021
21991
  "isSource": true,
23022
21992
  "original": {
23023
- "description": "Use as the clicked state color for text placed on a brand-colored background.",
21993
+ "description": "Use as the hover state color for text placed on a brand-colored background.",
23024
21994
  "type": "color",
23025
- "value": "{global.text.color.inverse}"
21995
+ "value": "{global.text.color.regular}"
23026
21996
  },
23027
- "name": "pf-t--global--text--color--on-brand--accent--clicked",
21997
+ "name": "pf-t--global--text--color--on-brand--subtle--hover",
23028
21998
  "attributes": {
23029
21999
  "category": "global",
23030
22000
  "type": "text",
23031
22001
  "item": "color",
23032
22002
  "subitem": "on-brand",
23033
- "state": "accent"
22003
+ "state": "subtle"
23034
22004
  },
23035
22005
  "path": [
23036
22006
  "global",
23037
22007
  "text",
23038
22008
  "color",
23039
22009
  "on-brand",
23040
- "accent",
23041
- "clicked"
22010
+ "subtle",
22011
+ "hover"
23042
22012
  ],
23043
22013
  "references": [
23044
22014
  {
23045
- "description": "Use as the color of text that is placed on an inverse background color, like tooltips.",
22015
+ "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
23046
22016
  "type": "color",
23047
- "value": "#1f1f1f",
22017
+ "value": "#ffffff",
23048
22018
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
23049
22019
  "isSource": true,
23050
22020
  "original": {
23051
- "description": "Use as the color of text that is placed on an inverse background color, like tooltips.",
22021
+ "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
23052
22022
  "type": "color",
23053
- "value": "{global.dark.text.color.300}"
22023
+ "value": "{global.dark.text.color.100}"
23054
22024
  },
23055
- "name": "pf-t--global--text--color--inverse",
22025
+ "name": "pf-t--global--text--color--regular",
23056
22026
  "attributes": {
23057
22027
  "category": "global",
23058
22028
  "type": "text",
23059
22029
  "item": "color",
23060
- "subitem": "inverse"
22030
+ "subitem": "regular"
23061
22031
  },
23062
22032
  "path": [
23063
22033
  "global",
23064
22034
  "text",
23065
22035
  "color",
23066
- "inverse"
22036
+ "regular"
23067
22037
  ],
23068
22038
  "references": [
23069
22039
  {
23070
22040
  "type": "color",
23071
- "value": "#1f1f1f",
22041
+ "value": "#ffffff",
23072
22042
  "filePath": "tokens/default/glass-dark/base.dark.json",
23073
22043
  "isSource": true,
23074
22044
  "original": {
23075
22045
  "type": "color",
23076
- "value": "{color.gray.90}"
22046
+ "value": "{color.white}"
23077
22047
  },
23078
- "name": "pf-t--global--dark--text--color--300",
22048
+ "name": "pf-t--global--dark--text--color--100",
23079
22049
  "attributes": {
23080
22050
  "category": "global",
23081
22051
  "type": "dark",
23082
22052
  "item": "text",
23083
22053
  "subitem": "color",
23084
- "state": "300"
22054
+ "state": "100"
23085
22055
  },
23086
22056
  "path": [
23087
22057
  "global",
23088
22058
  "dark",
23089
22059
  "text",
23090
22060
  "color",
23091
- "300"
22061
+ "100"
23092
22062
  ],
23093
22063
  "references": [
23094
22064
  {
23095
22065
  "type": "color",
23096
- "value": "#1f1f1f",
22066
+ "value": "#ffffff",
23097
22067
  "filePath": "tokens/default/glass-dark/palette.color.json",
23098
22068
  "isSource": true,
23099
22069
  "original": {
23100
22070
  "type": "color",
23101
- "value": "#1f1f1f"
22071
+ "value": "#ffffff"
23102
22072
  },
23103
- "name": "pf-t--color--gray--90",
22073
+ "name": "pf-t--color--white",
23104
22074
  "attributes": {
23105
22075
  "category": "color",
23106
- "type": "gray",
23107
- "item": "90"
22076
+ "type": "white"
23108
22077
  },
23109
22078
  "path": [
23110
22079
  "color",
23111
- "gray",
23112
- "90"
22080
+ "white"
23113
22081
  ]
23114
22082
  }
23115
22083
  ]
@@ -23119,19 +22087,19 @@
23119
22087
  ]
23120
22088
  }
23121
22089
  },
23122
- "pf-t--global--text--color--on-brand--subtle--default": {
22090
+ "pf-t--global--text--color--on-brand--subtle--clicked": {
23123
22091
  "default": {
23124
- "description": "Use as the default color for text placed on a brand-colored background.",
22092
+ "description": "Use as the clicked state color for text placed on a brand-colored background.",
23125
22093
  "type": "color",
23126
22094
  "value": "#ffffff",
23127
22095
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
23128
22096
  "isSource": true,
23129
22097
  "original": {
23130
- "description": "Use as the default color for text placed on a brand-colored background.",
22098
+ "description": "Use as the clicked state color for text placed on a brand-colored background.",
23131
22099
  "type": "color",
23132
22100
  "value": "{global.text.color.regular}"
23133
22101
  },
23134
- "name": "pf-t--global--text--color--on-brand--subtle--default",
22102
+ "name": "pf-t--global--text--color--on-brand--subtle--clicked",
23135
22103
  "attributes": {
23136
22104
  "category": "global",
23137
22105
  "type": "text",
@@ -23145,217 +22113,7 @@
23145
22113
  "color",
23146
22114
  "on-brand",
23147
22115
  "subtle",
23148
- "default"
23149
- ],
23150
- "references": [
23151
- {
23152
- "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
23153
- "type": "color",
23154
- "value": "#ffffff",
23155
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
23156
- "isSource": true,
23157
- "original": {
23158
- "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
23159
- "type": "color",
23160
- "value": "{global.dark.text.color.100}"
23161
- },
23162
- "name": "pf-t--global--text--color--regular",
23163
- "attributes": {
23164
- "category": "global",
23165
- "type": "text",
23166
- "item": "color",
23167
- "subitem": "regular"
23168
- },
23169
- "path": [
23170
- "global",
23171
- "text",
23172
- "color",
23173
- "regular"
23174
- ],
23175
- "references": [
23176
- {
23177
- "type": "color",
23178
- "value": "#ffffff",
23179
- "filePath": "tokens/default/glass-dark/base.dark.json",
23180
- "isSource": true,
23181
- "original": {
23182
- "type": "color",
23183
- "value": "{color.white}"
23184
- },
23185
- "name": "pf-t--global--dark--text--color--100",
23186
- "attributes": {
23187
- "category": "global",
23188
- "type": "dark",
23189
- "item": "text",
23190
- "subitem": "color",
23191
- "state": "100"
23192
- },
23193
- "path": [
23194
- "global",
23195
- "dark",
23196
- "text",
23197
- "color",
23198
- "100"
23199
- ],
23200
- "references": [
23201
- {
23202
- "type": "color",
23203
- "value": "#ffffff",
23204
- "filePath": "tokens/default/glass-dark/palette.color.json",
23205
- "isSource": true,
23206
- "original": {
23207
- "type": "color",
23208
- "value": "#ffffff"
23209
- },
23210
- "name": "pf-t--color--white",
23211
- "attributes": {
23212
- "category": "color",
23213
- "type": "white"
23214
- },
23215
- "path": [
23216
- "color",
23217
- "white"
23218
- ]
23219
- }
23220
- ]
23221
- }
23222
- ]
23223
- }
23224
- ]
23225
- }
23226
- },
23227
- "pf-t--global--text--color--on-brand--subtle--hover": {
23228
- "default": {
23229
- "description": "Use as the hover state color for text placed on a brand-colored background.",
23230
- "type": "color",
23231
- "value": "#ffffff",
23232
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
23233
- "isSource": true,
23234
- "original": {
23235
- "description": "Use as the hover state color for text placed on a brand-colored background.",
23236
- "type": "color",
23237
- "value": "{global.text.color.regular}"
23238
- },
23239
- "name": "pf-t--global--text--color--on-brand--subtle--hover",
23240
- "attributes": {
23241
- "category": "global",
23242
- "type": "text",
23243
- "item": "color",
23244
- "subitem": "on-brand",
23245
- "state": "subtle"
23246
- },
23247
- "path": [
23248
- "global",
23249
- "text",
23250
- "color",
23251
- "on-brand",
23252
- "subtle",
23253
- "hover"
23254
- ],
23255
- "references": [
23256
- {
23257
- "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
23258
- "type": "color",
23259
- "value": "#ffffff",
23260
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
23261
- "isSource": true,
23262
- "original": {
23263
- "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
23264
- "type": "color",
23265
- "value": "{global.dark.text.color.100}"
23266
- },
23267
- "name": "pf-t--global--text--color--regular",
23268
- "attributes": {
23269
- "category": "global",
23270
- "type": "text",
23271
- "item": "color",
23272
- "subitem": "regular"
23273
- },
23274
- "path": [
23275
- "global",
23276
- "text",
23277
- "color",
23278
- "regular"
23279
- ],
23280
- "references": [
23281
- {
23282
- "type": "color",
23283
- "value": "#ffffff",
23284
- "filePath": "tokens/default/glass-dark/base.dark.json",
23285
- "isSource": true,
23286
- "original": {
23287
- "type": "color",
23288
- "value": "{color.white}"
23289
- },
23290
- "name": "pf-t--global--dark--text--color--100",
23291
- "attributes": {
23292
- "category": "global",
23293
- "type": "dark",
23294
- "item": "text",
23295
- "subitem": "color",
23296
- "state": "100"
23297
- },
23298
- "path": [
23299
- "global",
23300
- "dark",
23301
- "text",
23302
- "color",
23303
- "100"
23304
- ],
23305
- "references": [
23306
- {
23307
- "type": "color",
23308
- "value": "#ffffff",
23309
- "filePath": "tokens/default/glass-dark/palette.color.json",
23310
- "isSource": true,
23311
- "original": {
23312
- "type": "color",
23313
- "value": "#ffffff"
23314
- },
23315
- "name": "pf-t--color--white",
23316
- "attributes": {
23317
- "category": "color",
23318
- "type": "white"
23319
- },
23320
- "path": [
23321
- "color",
23322
- "white"
23323
- ]
23324
- }
23325
- ]
23326
- }
23327
- ]
23328
- }
23329
- ]
23330
- }
23331
- },
23332
- "pf-t--global--text--color--on-brand--subtle--clicked": {
23333
- "default": {
23334
- "description": "Use as the clicked state color for text placed on a brand-colored background.",
23335
- "type": "color",
23336
- "value": "#ffffff",
23337
- "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
23338
- "isSource": true,
23339
- "original": {
23340
- "description": "Use as the clicked state color for text placed on a brand-colored background.",
23341
- "type": "color",
23342
- "value": "{global.text.color.regular}"
23343
- },
23344
- "name": "pf-t--global--text--color--on-brand--subtle--clicked",
23345
- "attributes": {
23346
- "category": "global",
23347
- "type": "text",
23348
- "item": "color",
23349
- "subitem": "on-brand",
23350
- "state": "subtle"
23351
- },
23352
- "path": [
23353
- "global",
23354
- "text",
23355
- "color",
23356
- "on-brand",
23357
- "subtle",
23358
- "clicked"
22116
+ "clicked"
23359
22117
  ],
23360
22118
  "references": [
23361
22119
  {
@@ -30593,7 +29351,7 @@
30593
29351
  "default": {
30594
29352
  "description": "Use as the color of small box-shadows.",
30595
29353
  "type": "color",
30596
- "value": "rgba(0, 0, 0, 0.7000)",
29354
+ "value": "rgba(0, 0, 0, 0.6000)",
30597
29355
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
30598
29356
  "isSource": true,
30599
29357
  "original": {
@@ -30619,12 +29377,12 @@
30619
29377
  "references": [
30620
29378
  {
30621
29379
  "type": "color",
30622
- "value": "rgba(0, 0, 0, 0.7000)",
29380
+ "value": "rgba(0, 0, 0, 0.6000)",
30623
29381
  "filePath": "tokens/default/glass-dark/base.dark.json",
30624
29382
  "isSource": true,
30625
29383
  "original": {
30626
29384
  "type": "color",
30627
- "value": "rgba(0, 0, 0, 0.7000)"
29385
+ "value": "rgba(0, 0, 0, 0.6000)"
30628
29386
  },
30629
29387
  "name": "pf-t--global--dark--box-shadow--color--200",
30630
29388
  "attributes": {
@@ -30705,13 +29463,13 @@
30705
29463
  "default": {
30706
29464
  "description": "Use as the color of medium box-shadows.",
30707
29465
  "type": "color",
30708
- "value": "rgba(0, 0, 0, 0.7000)",
29466
+ "value": "rgba(0, 0, 0, 0.5000)",
30709
29467
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
30710
29468
  "isSource": true,
30711
29469
  "original": {
30712
29470
  "description": "Use as the color of medium box-shadows.",
30713
29471
  "type": "color",
30714
- "value": "{global.dark.box-shadow.color.200}"
29472
+ "value": "{global.dark.box-shadow.color.100}"
30715
29473
  },
30716
29474
  "name": "pf-t--global--box-shadow--color--md--directional",
30717
29475
  "attributes": {
@@ -30731,27 +29489,27 @@
30731
29489
  "references": [
30732
29490
  {
30733
29491
  "type": "color",
30734
- "value": "rgba(0, 0, 0, 0.7000)",
29492
+ "value": "rgba(0, 0, 0, 0.5000)",
30735
29493
  "filePath": "tokens/default/glass-dark/base.dark.json",
30736
29494
  "isSource": true,
30737
29495
  "original": {
30738
29496
  "type": "color",
30739
- "value": "rgba(0, 0, 0, 0.7000)"
29497
+ "value": "rgba(0, 0, 0, 0.5000)"
30740
29498
  },
30741
- "name": "pf-t--global--dark--box-shadow--color--200",
29499
+ "name": "pf-t--global--dark--box-shadow--color--100",
30742
29500
  "attributes": {
30743
29501
  "category": "global",
30744
29502
  "type": "dark",
30745
29503
  "item": "box-shadow",
30746
29504
  "subitem": "color",
30747
- "state": "200"
29505
+ "state": "100"
30748
29506
  },
30749
29507
  "path": [
30750
29508
  "global",
30751
29509
  "dark",
30752
29510
  "box-shadow",
30753
29511
  "color",
30754
- "200"
29512
+ "100"
30755
29513
  ]
30756
29514
  }
30757
29515
  ]
@@ -30817,7 +29575,7 @@
30817
29575
  "default": {
30818
29576
  "description": "Use as the color of large box-shadows.",
30819
29577
  "type": "color",
30820
- "value": "rgba(0, 0, 0, 0.7000)",
29578
+ "value": "rgba(0, 0, 0, 0.6000)",
30821
29579
  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
30822
29580
  "isSource": true,
30823
29581
  "original": {
@@ -30843,12 +29601,12 @@
30843
29601
  "references": [
30844
29602
  {
30845
29603
  "type": "color",
30846
- "value": "rgba(0, 0, 0, 0.7000)",
29604
+ "value": "rgba(0, 0, 0, 0.6000)",
30847
29605
  "filePath": "tokens/default/glass-dark/base.dark.json",
30848
29606
  "isSource": true,
30849
29607
  "original": {
30850
29608
  "type": "color",
30851
- "value": "rgba(0, 0, 0, 0.7000)"
29609
+ "value": "rgba(0, 0, 0, 0.6000)"
30852
29610
  },
30853
29611
  "name": "pf-t--global--dark--box-shadow--color--200",
30854
29612
  "attributes": {
@@ -31793,12 +30551,12 @@
31793
30551
  "pf-t--global--dark--color--brand--accent--200": {
31794
30552
  "default": {
31795
30553
  "type": "color",
31796
- "value": "#f56e6e",
30554
+ "value": "#a60000",
31797
30555
  "filePath": "tokens/default/glass-dark/base.dark.json",
31798
30556
  "isSource": true,
31799
30557
  "original": {
31800
30558
  "type": "color",
31801
- "value": "{color.red.40}"
30559
+ "value": "{color.red.60}"
31802
30560
  },
31803
30561
  "name": "pf-t--global--dark--color--brand--accent--200",
31804
30562
  "attributes": {
@@ -31819,23 +30577,23 @@
31819
30577
  "references": [
31820
30578
  {
31821
30579
  "type": "color",
31822
- "value": "#f56e6e",
30580
+ "value": "#a60000",
31823
30581
  "filePath": "tokens/default/glass-dark/palette.color.json",
31824
30582
  "isSource": true,
31825
30583
  "original": {
31826
30584
  "type": "color",
31827
- "value": "#f56e6e"
30585
+ "value": "#a60000"
31828
30586
  },
31829
- "name": "pf-t--color--red--40",
30587
+ "name": "pf-t--color--red--60",
31830
30588
  "attributes": {
31831
30589
  "category": "color",
31832
30590
  "type": "red",
31833
- "item": "40"
30591
+ "item": "60"
31834
30592
  },
31835
30593
  "path": [
31836
30594
  "color",
31837
30595
  "red",
31838
- "40"
30596
+ "60"
31839
30597
  ]
31840
30598
  }
31841
30599
  ]
@@ -31844,12 +30602,12 @@
31844
30602
  "pf-t--global--dark--color--brand--accent--300": {
31845
30603
  "default": {
31846
30604
  "type": "color",
31847
- "value": "#f9a8a8",
30605
+ "value": "#f56e6e",
31848
30606
  "filePath": "tokens/default/glass-dark/base.dark.json",
31849
30607
  "isSource": true,
31850
30608
  "original": {
31851
30609
  "type": "color",
31852
- "value": "{color.red.30}"
30610
+ "value": "{color.red.40}"
31853
30611
  },
31854
30612
  "name": "pf-t--global--dark--color--brand--accent--300",
31855
30613
  "attributes": {
@@ -31870,23 +30628,23 @@
31870
30628
  "references": [
31871
30629
  {
31872
30630
  "type": "color",
31873
- "value": "#f9a8a8",
30631
+ "value": "#f56e6e",
31874
30632
  "filePath": "tokens/default/glass-dark/palette.color.json",
31875
30633
  "isSource": true,
31876
30634
  "original": {
31877
30635
  "type": "color",
31878
- "value": "#f9a8a8"
30636
+ "value": "#f56e6e"
31879
30637
  },
31880
- "name": "pf-t--color--red--30",
30638
+ "name": "pf-t--color--red--40",
31881
30639
  "attributes": {
31882
30640
  "category": "color",
31883
30641
  "type": "red",
31884
- "item": "30"
30642
+ "item": "40"
31885
30643
  },
31886
30644
  "path": [
31887
30645
  "color",
31888
30646
  "red",
31889
- "30"
30647
+ "40"
31890
30648
  ]
31891
30649
  }
31892
30650
  ]
@@ -31895,12 +30653,12 @@
31895
30653
  "pf-t--global--dark--color--brand--accent--350": {
31896
30654
  "default": {
31897
30655
  "type": "color",
31898
- "value": "#fbc5c5",
30656
+ "value": "#e0e0e0",
31899
30657
  "filePath": "tokens/default/glass-dark/base.dark.json",
31900
30658
  "isSource": true,
31901
30659
  "original": {
31902
30660
  "type": "color",
31903
- "value": "{color.red.20}"
30661
+ "value": "{color.gray.20}"
31904
30662
  },
31905
30663
  "name": "pf-t--global--dark--color--brand--accent--350",
31906
30664
  "attributes": {
@@ -31921,22 +30679,22 @@
31921
30679
  "references": [
31922
30680
  {
31923
30681
  "type": "color",
31924
- "value": "#fbc5c5",
30682
+ "value": "#e0e0e0",
31925
30683
  "filePath": "tokens/default/glass-dark/palette.color.json",
31926
30684
  "isSource": true,
31927
30685
  "original": {
31928
30686
  "type": "color",
31929
- "value": "#fbc5c5"
30687
+ "value": "#e0e0e0"
31930
30688
  },
31931
- "name": "pf-t--color--red--20",
30689
+ "name": "pf-t--color--gray--20",
31932
30690
  "attributes": {
31933
30691
  "category": "color",
31934
- "type": "red",
30692
+ "type": "gray",
31935
30693
  "item": "20"
31936
30694
  },
31937
30695
  "path": [
31938
30696
  "color",
31939
- "red",
30697
+ "gray",
31940
30698
  "20"
31941
30699
  ]
31942
30700
  }
@@ -34998,12 +33756,12 @@
34998
33756
  "pf-t--global--dark--border--color--50": {
34999
33757
  "default": {
35000
33758
  "type": "color",
35001
- "value": "#383838",
33759
+ "value": "#4d4d4d",
35002
33760
  "filePath": "tokens/default/glass-dark/base.dark.json",
35003
33761
  "isSource": true,
35004
33762
  "original": {
35005
33763
  "type": "color",
35006
- "value": "{color.gray.70}"
33764
+ "value": "{color.gray.60}"
35007
33765
  },
35008
33766
  "name": "pf-t--global--dark--border--color--50",
35009
33767
  "attributes": {
@@ -35023,23 +33781,23 @@
35023
33781
  "references": [
35024
33782
  {
35025
33783
  "type": "color",
35026
- "value": "#383838",
33784
+ "value": "#4d4d4d",
35027
33785
  "filePath": "tokens/default/glass-dark/palette.color.json",
35028
33786
  "isSource": true,
35029
33787
  "original": {
35030
33788
  "type": "color",
35031
- "value": "#383838"
33789
+ "value": "#4d4d4d"
35032
33790
  },
35033
- "name": "pf-t--color--gray--70",
33791
+ "name": "pf-t--color--gray--60",
35034
33792
  "attributes": {
35035
33793
  "category": "color",
35036
33794
  "type": "gray",
35037
- "item": "70"
33795
+ "item": "60"
35038
33796
  },
35039
33797
  "path": [
35040
33798
  "color",
35041
33799
  "gray",
35042
- "70"
33800
+ "60"
35043
33801
  ]
35044
33802
  }
35045
33803
  ]
@@ -35777,12 +34535,12 @@
35777
34535
  "pf-t--global--dark--box-shadow--color--200": {
35778
34536
  "default": {
35779
34537
  "type": "color",
35780
- "value": "rgba(0, 0, 0, 0.7000)",
34538
+ "value": "rgba(0, 0, 0, 0.6000)",
35781
34539
  "filePath": "tokens/default/glass-dark/base.dark.json",
35782
34540
  "isSource": true,
35783
34541
  "original": {
35784
34542
  "type": "color",
35785
- "value": "rgba(0, 0, 0, 0.7000)"
34543
+ "value": "rgba(0, 0, 0, 0.6000)"
35786
34544
  },
35787
34545
  "name": "pf-t--global--dark--box-shadow--color--200",
35788
34546
  "attributes": {
@@ -35940,7 +34698,7 @@
35940
34698
  "redhat": {
35941
34699
  "description": "Use as the hover state for elements that have a branded background color",
35942
34700
  "type": "color",
35943
- "value": "#f56e6e",
34701
+ "value": "#a60000",
35944
34702
  "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
35945
34703
  "isSource": true,
35946
34704
  "original": {
@@ -35966,12 +34724,12 @@
35966
34724
  "references": [
35967
34725
  {
35968
34726
  "type": "color",
35969
- "value": "#f56e6e",
34727
+ "value": "#a60000",
35970
34728
  "filePath": "tokens/default/glass-dark/base.dark.json",
35971
34729
  "isSource": true,
35972
34730
  "original": {
35973
34731
  "type": "color",
35974
- "value": "{color.red.40}"
34732
+ "value": "{color.red.60}"
35975
34733
  },
35976
34734
  "name": "pf-t--global--dark--color--brand--accent--200",
35977
34735
  "attributes": {
@@ -35992,23 +34750,23 @@
35992
34750
  "references": [
35993
34751
  {
35994
34752
  "type": "color",
35995
- "value": "#f56e6e",
34753
+ "value": "#a60000",
35996
34754
  "filePath": "tokens/default/glass-dark/palette.color.json",
35997
34755
  "isSource": true,
35998
34756
  "original": {
35999
34757
  "type": "color",
36000
- "value": "#f56e6e"
34758
+ "value": "#a60000"
36001
34759
  },
36002
- "name": "pf-t--color--red--40",
34760
+ "name": "pf-t--color--red--60",
36003
34761
  "attributes": {
36004
34762
  "category": "color",
36005
34763
  "type": "red",
36006
- "item": "40"
34764
+ "item": "60"
36007
34765
  },
36008
34766
  "path": [
36009
34767
  "color",
36010
34768
  "red",
36011
- "40"
34769
+ "60"
36012
34770
  ]
36013
34771
  }
36014
34772
  ]
@@ -36020,7 +34778,7 @@
36020
34778
  "redhat": {
36021
34779
  "description": "Use as the clicked state for elements that have a brand background color",
36022
34780
  "type": "color",
36023
- "value": "#f56e6e",
34781
+ "value": "#a60000",
36024
34782
  "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
36025
34783
  "isSource": true,
36026
34784
  "original": {
@@ -36046,12 +34804,12 @@
36046
34804
  "references": [
36047
34805
  {
36048
34806
  "type": "color",
36049
- "value": "#f56e6e",
34807
+ "value": "#a60000",
36050
34808
  "filePath": "tokens/default/glass-dark/base.dark.json",
36051
34809
  "isSource": true,
36052
34810
  "original": {
36053
34811
  "type": "color",
36054
- "value": "{color.red.40}"
34812
+ "value": "{color.red.60}"
36055
34813
  },
36056
34814
  "name": "pf-t--global--dark--color--brand--accent--200",
36057
34815
  "attributes": {
@@ -36069,6 +34827,168 @@
36069
34827
  "accent",
36070
34828
  "200"
36071
34829
  ],
34830
+ "references": [
34831
+ {
34832
+ "type": "color",
34833
+ "value": "#a60000",
34834
+ "filePath": "tokens/default/glass-dark/palette.color.json",
34835
+ "isSource": true,
34836
+ "original": {
34837
+ "type": "color",
34838
+ "value": "#a60000"
34839
+ },
34840
+ "name": "pf-t--color--red--60",
34841
+ "attributes": {
34842
+ "category": "color",
34843
+ "type": "red",
34844
+ "item": "60"
34845
+ },
34846
+ "path": [
34847
+ "color",
34848
+ "red",
34849
+ "60"
34850
+ ]
34851
+ }
34852
+ ]
34853
+ }
34854
+ ]
34855
+ }
34856
+ },
34857
+ "pf-t--global--icon--color--brand--accent--hover": {
34858
+ "redhat": {
34859
+ "description": "Use as the hover state color for icons that convey your brand and/or are paired with branded text color.",
34860
+ "type": "color",
34861
+ "value": "#f56e6e",
34862
+ "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
34863
+ "isSource": true,
34864
+ "original": {
34865
+ "description": "Use as the hover state color for icons that convey your brand and/or are paired with branded text color.",
34866
+ "type": "color",
34867
+ "value": "{global.dark.color.brand.accent.300}"
34868
+ },
34869
+ "name": "pf-t--global--icon--color--brand--accent--hover",
34870
+ "attributes": {
34871
+ "category": "global",
34872
+ "type": "icon",
34873
+ "item": "color",
34874
+ "subitem": "brand",
34875
+ "state": "accent"
34876
+ },
34877
+ "path": [
34878
+ "global",
34879
+ "icon",
34880
+ "color",
34881
+ "brand",
34882
+ "accent",
34883
+ "hover"
34884
+ ],
34885
+ "references": [
34886
+ {
34887
+ "type": "color",
34888
+ "value": "#f56e6e",
34889
+ "filePath": "tokens/default/glass-dark/base.dark.json",
34890
+ "isSource": true,
34891
+ "original": {
34892
+ "type": "color",
34893
+ "value": "{color.red.40}"
34894
+ },
34895
+ "name": "pf-t--global--dark--color--brand--accent--300",
34896
+ "attributes": {
34897
+ "category": "global",
34898
+ "type": "dark",
34899
+ "item": "color",
34900
+ "subitem": "brand",
34901
+ "state": "accent"
34902
+ },
34903
+ "path": [
34904
+ "global",
34905
+ "dark",
34906
+ "color",
34907
+ "brand",
34908
+ "accent",
34909
+ "300"
34910
+ ],
34911
+ "references": [
34912
+ {
34913
+ "type": "color",
34914
+ "value": "#f56e6e",
34915
+ "filePath": "tokens/default/glass-dark/palette.color.json",
34916
+ "isSource": true,
34917
+ "original": {
34918
+ "type": "color",
34919
+ "value": "#f56e6e"
34920
+ },
34921
+ "name": "pf-t--color--red--40",
34922
+ "attributes": {
34923
+ "category": "color",
34924
+ "type": "red",
34925
+ "item": "40"
34926
+ },
34927
+ "path": [
34928
+ "color",
34929
+ "red",
34930
+ "40"
34931
+ ]
34932
+ }
34933
+ ]
34934
+ }
34935
+ ]
34936
+ }
34937
+ },
34938
+ "pf-t--global--icon--color--brand--accent--clicked": {
34939
+ "redhat": {
34940
+ "description": "Use as the clicked state for icons that convey your brand and/or are paired with branded text color.",
34941
+ "type": "color",
34942
+ "value": "#f56e6e",
34943
+ "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
34944
+ "isSource": true,
34945
+ "original": {
34946
+ "description": "Use as the clicked state for icons that convey your brand and/or are paired with branded text color.",
34947
+ "type": "color",
34948
+ "value": "{global.dark.color.brand.accent.300}"
34949
+ },
34950
+ "name": "pf-t--global--icon--color--brand--accent--clicked",
34951
+ "attributes": {
34952
+ "category": "global",
34953
+ "type": "icon",
34954
+ "item": "color",
34955
+ "subitem": "brand",
34956
+ "state": "accent"
34957
+ },
34958
+ "path": [
34959
+ "global",
34960
+ "icon",
34961
+ "color",
34962
+ "brand",
34963
+ "accent",
34964
+ "clicked"
34965
+ ],
34966
+ "references": [
34967
+ {
34968
+ "type": "color",
34969
+ "value": "#f56e6e",
34970
+ "filePath": "tokens/default/glass-dark/base.dark.json",
34971
+ "isSource": true,
34972
+ "original": {
34973
+ "type": "color",
34974
+ "value": "{color.red.40}"
34975
+ },
34976
+ "name": "pf-t--global--dark--color--brand--accent--300",
34977
+ "attributes": {
34978
+ "category": "global",
34979
+ "type": "dark",
34980
+ "item": "color",
34981
+ "subitem": "brand",
34982
+ "state": "accent"
34983
+ },
34984
+ "path": [
34985
+ "global",
34986
+ "dark",
34987
+ "color",
34988
+ "brand",
34989
+ "accent",
34990
+ "300"
34991
+ ],
36072
34992
  "references": [
36073
34993
  {
36074
34994
  "type": "color",
@@ -36096,6 +35016,220 @@
36096
35016
  ]
36097
35017
  }
36098
35018
  },
35019
+ "pf-t--global--icon--color--on-brand--accent--hover": {
35020
+ "redhat": {
35021
+ "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
35022
+ "type": "color",
35023
+ "value": "#f2f2f2",
35024
+ "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
35025
+ "isSource": true,
35026
+ "original": {
35027
+ "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
35028
+ "type": "color",
35029
+ "value": "{global.icon.color.regular}"
35030
+ },
35031
+ "name": "pf-t--global--icon--color--on-brand--accent--hover",
35032
+ "attributes": {
35033
+ "category": "global",
35034
+ "type": "icon",
35035
+ "item": "color",
35036
+ "subitem": "on-brand",
35037
+ "state": "accent"
35038
+ },
35039
+ "path": [
35040
+ "global",
35041
+ "icon",
35042
+ "color",
35043
+ "on-brand",
35044
+ "accent",
35045
+ "hover"
35046
+ ],
35047
+ "references": [
35048
+ {
35049
+ "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
35050
+ "type": "color",
35051
+ "value": "#f2f2f2",
35052
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
35053
+ "isSource": true,
35054
+ "original": {
35055
+ "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
35056
+ "type": "color",
35057
+ "value": "{global.dark.icon.color.100}"
35058
+ },
35059
+ "name": "pf-t--global--icon--color--regular",
35060
+ "attributes": {
35061
+ "category": "global",
35062
+ "type": "icon",
35063
+ "item": "color",
35064
+ "subitem": "regular"
35065
+ },
35066
+ "path": [
35067
+ "global",
35068
+ "icon",
35069
+ "color",
35070
+ "regular"
35071
+ ],
35072
+ "references": [
35073
+ {
35074
+ "type": "color",
35075
+ "value": "#f2f2f2",
35076
+ "filePath": "tokens/default/glass-dark/base.dark.json",
35077
+ "isSource": true,
35078
+ "original": {
35079
+ "type": "color",
35080
+ "value": "{color.gray.10}"
35081
+ },
35082
+ "name": "pf-t--global--dark--icon--color--100",
35083
+ "attributes": {
35084
+ "category": "global",
35085
+ "type": "dark",
35086
+ "item": "icon",
35087
+ "subitem": "color",
35088
+ "state": "100"
35089
+ },
35090
+ "path": [
35091
+ "global",
35092
+ "dark",
35093
+ "icon",
35094
+ "color",
35095
+ "100"
35096
+ ],
35097
+ "references": [
35098
+ {
35099
+ "type": "color",
35100
+ "value": "#f2f2f2",
35101
+ "filePath": "tokens/default/glass-dark/palette.color.json",
35102
+ "isSource": true,
35103
+ "original": {
35104
+ "type": "color",
35105
+ "value": "#f2f2f2"
35106
+ },
35107
+ "name": "pf-t--color--gray--10",
35108
+ "attributes": {
35109
+ "category": "color",
35110
+ "type": "gray",
35111
+ "item": "10"
35112
+ },
35113
+ "path": [
35114
+ "color",
35115
+ "gray",
35116
+ "10"
35117
+ ]
35118
+ }
35119
+ ]
35120
+ }
35121
+ ]
35122
+ }
35123
+ ]
35124
+ }
35125
+ },
35126
+ "pf-t--global--icon--color--on-brand--accent--clicked": {
35127
+ "redhat": {
35128
+ "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
35129
+ "type": "color",
35130
+ "value": "#f2f2f2",
35131
+ "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
35132
+ "isSource": true,
35133
+ "original": {
35134
+ "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
35135
+ "type": "color",
35136
+ "value": "{global.icon.color.regular}"
35137
+ },
35138
+ "name": "pf-t--global--icon--color--on-brand--accent--clicked",
35139
+ "attributes": {
35140
+ "category": "global",
35141
+ "type": "icon",
35142
+ "item": "color",
35143
+ "subitem": "on-brand",
35144
+ "state": "accent"
35145
+ },
35146
+ "path": [
35147
+ "global",
35148
+ "icon",
35149
+ "color",
35150
+ "on-brand",
35151
+ "accent",
35152
+ "clicked"
35153
+ ],
35154
+ "references": [
35155
+ {
35156
+ "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
35157
+ "type": "color",
35158
+ "value": "#f2f2f2",
35159
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
35160
+ "isSource": true,
35161
+ "original": {
35162
+ "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
35163
+ "type": "color",
35164
+ "value": "{global.dark.icon.color.100}"
35165
+ },
35166
+ "name": "pf-t--global--icon--color--regular",
35167
+ "attributes": {
35168
+ "category": "global",
35169
+ "type": "icon",
35170
+ "item": "color",
35171
+ "subitem": "regular"
35172
+ },
35173
+ "path": [
35174
+ "global",
35175
+ "icon",
35176
+ "color",
35177
+ "regular"
35178
+ ],
35179
+ "references": [
35180
+ {
35181
+ "type": "color",
35182
+ "value": "#f2f2f2",
35183
+ "filePath": "tokens/default/glass-dark/base.dark.json",
35184
+ "isSource": true,
35185
+ "original": {
35186
+ "type": "color",
35187
+ "value": "{color.gray.10}"
35188
+ },
35189
+ "name": "pf-t--global--dark--icon--color--100",
35190
+ "attributes": {
35191
+ "category": "global",
35192
+ "type": "dark",
35193
+ "item": "icon",
35194
+ "subitem": "color",
35195
+ "state": "100"
35196
+ },
35197
+ "path": [
35198
+ "global",
35199
+ "dark",
35200
+ "icon",
35201
+ "color",
35202
+ "100"
35203
+ ],
35204
+ "references": [
35205
+ {
35206
+ "type": "color",
35207
+ "value": "#f2f2f2",
35208
+ "filePath": "tokens/default/glass-dark/palette.color.json",
35209
+ "isSource": true,
35210
+ "original": {
35211
+ "type": "color",
35212
+ "value": "#f2f2f2"
35213
+ },
35214
+ "name": "pf-t--color--gray--10",
35215
+ "attributes": {
35216
+ "category": "color",
35217
+ "type": "gray",
35218
+ "item": "10"
35219
+ },
35220
+ "path": [
35221
+ "color",
35222
+ "gray",
35223
+ "10"
35224
+ ]
35225
+ }
35226
+ ]
35227
+ }
35228
+ ]
35229
+ }
35230
+ ]
35231
+ }
35232
+ },
36099
35233
  "pf-t--global--border--color--brand--accent--default": {
36100
35234
  "redhat": {
36101
35235
  "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
@@ -36438,6 +35572,216 @@
36438
35572
  ]
36439
35573
  }
36440
35574
  },
35575
+ "pf-t--global--text--color--on-brand--accent--hover": {
35576
+ "redhat": {
35577
+ "description": "Use as the hover state color for text placed on a brand-colored background.",
35578
+ "type": "color",
35579
+ "value": "#ffffff",
35580
+ "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
35581
+ "isSource": true,
35582
+ "original": {
35583
+ "description": "Use as the hover state color for text placed on a brand-colored background.",
35584
+ "type": "color",
35585
+ "value": "{global.text.color.regular}"
35586
+ },
35587
+ "name": "pf-t--global--text--color--on-brand--accent--hover",
35588
+ "attributes": {
35589
+ "category": "global",
35590
+ "type": "text",
35591
+ "item": "color",
35592
+ "subitem": "on-brand",
35593
+ "state": "accent"
35594
+ },
35595
+ "path": [
35596
+ "global",
35597
+ "text",
35598
+ "color",
35599
+ "on-brand",
35600
+ "accent",
35601
+ "hover"
35602
+ ],
35603
+ "references": [
35604
+ {
35605
+ "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
35606
+ "type": "color",
35607
+ "value": "#ffffff",
35608
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
35609
+ "isSource": true,
35610
+ "original": {
35611
+ "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
35612
+ "type": "color",
35613
+ "value": "{global.dark.text.color.100}"
35614
+ },
35615
+ "name": "pf-t--global--text--color--regular",
35616
+ "attributes": {
35617
+ "category": "global",
35618
+ "type": "text",
35619
+ "item": "color",
35620
+ "subitem": "regular"
35621
+ },
35622
+ "path": [
35623
+ "global",
35624
+ "text",
35625
+ "color",
35626
+ "regular"
35627
+ ],
35628
+ "references": [
35629
+ {
35630
+ "type": "color",
35631
+ "value": "#ffffff",
35632
+ "filePath": "tokens/default/glass-dark/base.dark.json",
35633
+ "isSource": true,
35634
+ "original": {
35635
+ "type": "color",
35636
+ "value": "{color.white}"
35637
+ },
35638
+ "name": "pf-t--global--dark--text--color--100",
35639
+ "attributes": {
35640
+ "category": "global",
35641
+ "type": "dark",
35642
+ "item": "text",
35643
+ "subitem": "color",
35644
+ "state": "100"
35645
+ },
35646
+ "path": [
35647
+ "global",
35648
+ "dark",
35649
+ "text",
35650
+ "color",
35651
+ "100"
35652
+ ],
35653
+ "references": [
35654
+ {
35655
+ "type": "color",
35656
+ "value": "#ffffff",
35657
+ "filePath": "tokens/default/glass-dark/palette.color.json",
35658
+ "isSource": true,
35659
+ "original": {
35660
+ "type": "color",
35661
+ "value": "#ffffff"
35662
+ },
35663
+ "name": "pf-t--color--white",
35664
+ "attributes": {
35665
+ "category": "color",
35666
+ "type": "white"
35667
+ },
35668
+ "path": [
35669
+ "color",
35670
+ "white"
35671
+ ]
35672
+ }
35673
+ ]
35674
+ }
35675
+ ]
35676
+ }
35677
+ ]
35678
+ }
35679
+ },
35680
+ "pf-t--global--text--color--on-brand--accent--clicked": {
35681
+ "redhat": {
35682
+ "description": "Use as the clicked state color for text placed on a brand-colored background.",
35683
+ "type": "color",
35684
+ "value": "#ffffff",
35685
+ "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
35686
+ "isSource": true,
35687
+ "original": {
35688
+ "description": "Use as the clicked state color for text placed on a brand-colored background.",
35689
+ "type": "color",
35690
+ "value": "{global.text.color.regular}"
35691
+ },
35692
+ "name": "pf-t--global--text--color--on-brand--accent--clicked",
35693
+ "attributes": {
35694
+ "category": "global",
35695
+ "type": "text",
35696
+ "item": "color",
35697
+ "subitem": "on-brand",
35698
+ "state": "accent"
35699
+ },
35700
+ "path": [
35701
+ "global",
35702
+ "text",
35703
+ "color",
35704
+ "on-brand",
35705
+ "accent",
35706
+ "clicked"
35707
+ ],
35708
+ "references": [
35709
+ {
35710
+ "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
35711
+ "type": "color",
35712
+ "value": "#ffffff",
35713
+ "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
35714
+ "isSource": true,
35715
+ "original": {
35716
+ "description": "Use as the primary color for standard text, like heading/body copy. Icons paired with regular text should inherit this color or should use global/icon/color/regular.",
35717
+ "type": "color",
35718
+ "value": "{global.dark.text.color.100}"
35719
+ },
35720
+ "name": "pf-t--global--text--color--regular",
35721
+ "attributes": {
35722
+ "category": "global",
35723
+ "type": "text",
35724
+ "item": "color",
35725
+ "subitem": "regular"
35726
+ },
35727
+ "path": [
35728
+ "global",
35729
+ "text",
35730
+ "color",
35731
+ "regular"
35732
+ ],
35733
+ "references": [
35734
+ {
35735
+ "type": "color",
35736
+ "value": "#ffffff",
35737
+ "filePath": "tokens/default/glass-dark/base.dark.json",
35738
+ "isSource": true,
35739
+ "original": {
35740
+ "type": "color",
35741
+ "value": "{color.white}"
35742
+ },
35743
+ "name": "pf-t--global--dark--text--color--100",
35744
+ "attributes": {
35745
+ "category": "global",
35746
+ "type": "dark",
35747
+ "item": "text",
35748
+ "subitem": "color",
35749
+ "state": "100"
35750
+ },
35751
+ "path": [
35752
+ "global",
35753
+ "dark",
35754
+ "text",
35755
+ "color",
35756
+ "100"
35757
+ ],
35758
+ "references": [
35759
+ {
35760
+ "type": "color",
35761
+ "value": "#ffffff",
35762
+ "filePath": "tokens/default/glass-dark/palette.color.json",
35763
+ "isSource": true,
35764
+ "original": {
35765
+ "type": "color",
35766
+ "value": "#ffffff"
35767
+ },
35768
+ "name": "pf-t--color--white",
35769
+ "attributes": {
35770
+ "category": "color",
35771
+ "type": "white"
35772
+ },
35773
+ "path": [
35774
+ "color",
35775
+ "white"
35776
+ ]
35777
+ }
35778
+ ]
35779
+ }
35780
+ ]
35781
+ }
35782
+ ]
35783
+ }
35784
+ },
36441
35785
  "pf-t--color--white": {
36442
35786
  "default": {
36443
35787
  "type": "color",