@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.
- package/build/css/tokens-dark.scss +14 -15
- package/build/css/tokens-default.scss +10 -11
- package/build/css/tokens-glass-dark.scss +16 -3
- package/build/css/tokens-glass.scss +9 -3
- package/build/css/tokens-palette.scss +3 -1
- package/build/css/tokens-redhat-dark.scss +4 -3
- package/build/css/tokens-redhat-glass-dark.scss +18 -4
- package/build/css/tokens-redhat-glass.scss +9 -3
- package/build/css/tokens-redhat-highcontrast-dark.scss +10 -3
- package/build/css/tokens-redhat-highcontrast.scss +2 -2
- package/build/css/tokens-redhat.scss +1 -1
- package/config.palette-colors.json +1 -1
- package/package.json +1 -1
- package/patternfly-docs/content/token-layers-glass-dark.json +497 -1097
- package/patternfly-docs/content/token-layers-glass.json +332 -904
- package/patternfly-docs/content/token-layers-highcontrast-dark.json +410 -385
- package/patternfly-docs/content/token-layers-highcontrast.json +540 -519
- package/patternfly-docs/content/token-layers-redhat-dark.json +2555 -2592
- package/patternfly-docs/content/token-layers-redhat-glass-dark.json +1112 -1768
- package/patternfly-docs/content/token-layers-redhat-glass.json +327 -899
- package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +443 -422
- package/patternfly-docs/content/token-layers-redhat-highcontrast.json +626 -609
- package/patternfly-docs/content/token-layers-redhat.json +692 -671
- package/plugins/export-patternfly-tokens/dist/ui.html +32 -24
- package/plugins/export-patternfly-tokens/src/ui.tsx +8 -0
- package/tokens/default/dark/base.dark.json +5 -5
- package/tokens/default/dark/charts.dark.json +18 -18
- package/tokens/default/dark/semantic.dark.json +34 -39
- package/tokens/default/glass/base.dimension.json +16 -16
- package/tokens/default/glass/base.json +2 -2
- package/tokens/default/glass/semantic.glass.json +33 -38
- package/tokens/default/glass-dark/base.dark.json +5 -5
- package/tokens/default/glass-dark/semantic.glass.dark.json +45 -50
- package/tokens/default/highcontrast/base.dimension.json +16 -16
- package/tokens/default/highcontrast/base.json +2 -2
- package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +5 -5
- package/tokens/default/highcontrast/semantic.highcontrast.json +27 -32
- package/tokens/default/highcontrast-dark/base.dark.json +5 -5
- package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +27 -32
- package/tokens/default/light/base.dimension.json +16 -16
- package/tokens/default/light/base.json +2 -2
- package/tokens/default/light/charts.json +18 -18
- package/tokens/default/light/semantic.dimension.json +5 -5
- package/tokens/default/light/semantic.json +27 -32
- package/tokens/default/light/semantic.motion.json +8 -8
- package/tokens/redhat/dark/redhat.color.dark.json +71 -24
- package/tokens/redhat/glass/redhat.color.glass.json +25 -25
- package/tokens/redhat/glass-dark/redhat.color.glass.dark.json +67 -25
- package/tokens/redhat/highcontrast/redhat.color.highcontrast.json +25 -25
- package/tokens/redhat/highcontrast/redhat.dimension.highcontrast.json +6 -6
- package/tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json +25 -25
- package/tokens/redhat/light/redhat.color.json +25 -25
- package/tokens/redhat/light/redhat.dimension.json +6 -6
|
@@ -1,662 +1,362 @@
|
|
|
1
1
|
{
|
|
2
2
|
"semantic": {
|
|
3
3
|
"colors": {
|
|
4
|
-
"pf-t--global--background--
|
|
4
|
+
"pf-t--global--background--color--primary--default": {
|
|
5
5
|
"default": {
|
|
6
|
-
"
|
|
7
|
-
"
|
|
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
|
-
"
|
|
12
|
-
"
|
|
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--
|
|
16
|
+
"name": "pf-t--global--background--color--primary--default",
|
|
15
17
|
"attributes": {
|
|
16
18
|
"category": "global",
|
|
17
19
|
"type": "background",
|
|
18
|
-
"item": "
|
|
19
|
-
"subitem": "
|
|
20
|
-
"state": "
|
|
20
|
+
"item": "color",
|
|
21
|
+
"subitem": "primary",
|
|
22
|
+
"state": "default"
|
|
21
23
|
},
|
|
22
24
|
"path": [
|
|
23
25
|
"global",
|
|
24
26
|
"background",
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"primary"
|
|
27
|
+
"color",
|
|
28
|
+
"primary",
|
|
29
|
+
"default"
|
|
29
30
|
]
|
|
30
31
|
}
|
|
31
32
|
},
|
|
32
|
-
"pf-t--global--background--
|
|
33
|
+
"pf-t--global--background--color--primary--hover": {
|
|
33
34
|
"default": {
|
|
34
|
-
"
|
|
35
|
-
"
|
|
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
|
-
"
|
|
40
|
-
"
|
|
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--
|
|
45
|
+
"name": "pf-t--global--background--color--primary--hover",
|
|
43
46
|
"attributes": {
|
|
44
47
|
"category": "global",
|
|
45
48
|
"type": "background",
|
|
46
|
-
"item": "
|
|
47
|
-
"subitem": "
|
|
48
|
-
"state": "
|
|
49
|
+
"item": "color",
|
|
50
|
+
"subitem": "primary",
|
|
51
|
+
"state": "hover"
|
|
49
52
|
},
|
|
50
53
|
"path": [
|
|
51
54
|
"global",
|
|
52
55
|
"background",
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"floating"
|
|
56
|
+
"color",
|
|
57
|
+
"primary",
|
|
58
|
+
"hover"
|
|
57
59
|
]
|
|
58
60
|
}
|
|
59
61
|
},
|
|
60
|
-
"pf-t--global--background--color--
|
|
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": "
|
|
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": "
|
|
72
|
+
"value": "rgba(56, 56, 56, 0.5000)"
|
|
69
73
|
},
|
|
70
|
-
"name": "pf-t--global--background--color--
|
|
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": "
|
|
76
|
-
"state": "
|
|
79
|
+
"subitem": "primary",
|
|
80
|
+
"state": "clicked"
|
|
77
81
|
},
|
|
78
82
|
"path": [
|
|
79
83
|
"global",
|
|
80
84
|
"background",
|
|
81
85
|
"color",
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
],
|
|
85
|
-
"references": [
|
|
86
|
-
{
|
|
87
|
-
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
88
|
-
"type": "color",
|
|
89
|
-
"value": "#292929",
|
|
90
|
-
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
91
|
-
"isSource": true,
|
|
92
|
-
"original": {
|
|
93
|
-
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
94
|
-
"type": "color",
|
|
95
|
-
"value": "{global.dark.background.color.200}"
|
|
96
|
-
},
|
|
97
|
-
"name": "pf-t--global--background--color--primary--default",
|
|
98
|
-
"attributes": {
|
|
99
|
-
"category": "global",
|
|
100
|
-
"type": "background",
|
|
101
|
-
"item": "color",
|
|
102
|
-
"subitem": "primary",
|
|
103
|
-
"state": "default"
|
|
104
|
-
},
|
|
105
|
-
"path": [
|
|
106
|
-
"global",
|
|
107
|
-
"background",
|
|
108
|
-
"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
|
-
}
|
|
161
|
-
]
|
|
162
|
-
}
|
|
86
|
+
"primary",
|
|
87
|
+
"clicked"
|
|
163
88
|
]
|
|
164
89
|
}
|
|
165
90
|
},
|
|
166
|
-
"pf-t--global--background--color--
|
|
91
|
+
"pf-t--global--background--color--secondary--default": {
|
|
167
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).",
|
|
168
94
|
"type": "color",
|
|
169
|
-
"value": "
|
|
95
|
+
"value": "rgba(21, 21, 21, 0.6000)",
|
|
170
96
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
171
97
|
"isSource": true,
|
|
172
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).",
|
|
173
100
|
"type": "color",
|
|
174
|
-
"value": "
|
|
101
|
+
"value": "rgba(21, 21, 21, 0.6000)"
|
|
175
102
|
},
|
|
176
|
-
"name": "pf-t--global--background--color--
|
|
103
|
+
"name": "pf-t--global--background--color--secondary--default",
|
|
177
104
|
"attributes": {
|
|
178
105
|
"category": "global",
|
|
179
106
|
"type": "background",
|
|
180
107
|
"item": "color",
|
|
181
|
-
"subitem": "
|
|
182
|
-
"state": "
|
|
108
|
+
"subitem": "secondary",
|
|
109
|
+
"state": "default"
|
|
183
110
|
},
|
|
184
111
|
"path": [
|
|
185
112
|
"global",
|
|
186
113
|
"background",
|
|
187
114
|
"color",
|
|
188
|
-
"
|
|
189
|
-
"
|
|
190
|
-
],
|
|
191
|
-
"references": [
|
|
192
|
-
{
|
|
193
|
-
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
194
|
-
"type": "color",
|
|
195
|
-
"value": "#383838",
|
|
196
|
-
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
197
|
-
"isSource": true,
|
|
198
|
-
"original": {
|
|
199
|
-
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
200
|
-
"type": "color",
|
|
201
|
-
"value": "{global.dark.background.color.300}"
|
|
202
|
-
},
|
|
203
|
-
"name": "pf-t--global--background--color--floating--default",
|
|
204
|
-
"attributes": {
|
|
205
|
-
"category": "global",
|
|
206
|
-
"type": "background",
|
|
207
|
-
"item": "color",
|
|
208
|
-
"subitem": "floating",
|
|
209
|
-
"state": "default"
|
|
210
|
-
},
|
|
211
|
-
"path": [
|
|
212
|
-
"global",
|
|
213
|
-
"background",
|
|
214
|
-
"color",
|
|
215
|
-
"floating",
|
|
216
|
-
"default"
|
|
217
|
-
],
|
|
218
|
-
"references": [
|
|
219
|
-
{
|
|
220
|
-
"type": "color",
|
|
221
|
-
"value": "#383838",
|
|
222
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
223
|
-
"isSource": true,
|
|
224
|
-
"original": {
|
|
225
|
-
"type": "color",
|
|
226
|
-
"value": "{color.gray.70}"
|
|
227
|
-
},
|
|
228
|
-
"name": "pf-t--global--dark--background--color--300",
|
|
229
|
-
"attributes": {
|
|
230
|
-
"category": "global",
|
|
231
|
-
"type": "dark",
|
|
232
|
-
"item": "background",
|
|
233
|
-
"subitem": "color",
|
|
234
|
-
"state": "300"
|
|
235
|
-
},
|
|
236
|
-
"path": [
|
|
237
|
-
"global",
|
|
238
|
-
"dark",
|
|
239
|
-
"background",
|
|
240
|
-
"color",
|
|
241
|
-
"300"
|
|
242
|
-
],
|
|
243
|
-
"references": [
|
|
244
|
-
{
|
|
245
|
-
"type": "color",
|
|
246
|
-
"value": "#383838",
|
|
247
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
248
|
-
"isSource": true,
|
|
249
|
-
"original": {
|
|
250
|
-
"type": "color",
|
|
251
|
-
"value": "#383838"
|
|
252
|
-
},
|
|
253
|
-
"name": "pf-t--color--gray--70",
|
|
254
|
-
"attributes": {
|
|
255
|
-
"category": "color",
|
|
256
|
-
"type": "gray",
|
|
257
|
-
"item": "70"
|
|
258
|
-
},
|
|
259
|
-
"path": [
|
|
260
|
-
"color",
|
|
261
|
-
"gray",
|
|
262
|
-
"70"
|
|
263
|
-
]
|
|
264
|
-
}
|
|
265
|
-
]
|
|
266
|
-
}
|
|
267
|
-
]
|
|
268
|
-
}
|
|
115
|
+
"secondary",
|
|
116
|
+
"default"
|
|
269
117
|
]
|
|
270
118
|
}
|
|
271
119
|
},
|
|
272
|
-
"pf-t--global--background--color--
|
|
120
|
+
"pf-t--global--background--color--secondary--hover": {
|
|
273
121
|
"default": {
|
|
274
|
-
"description": "Use as the
|
|
122
|
+
"description": "Use as the hover state for secondary backgrounds",
|
|
275
123
|
"type": "color",
|
|
276
|
-
"value": "
|
|
124
|
+
"value": "rgba(41, 41, 41, 0.6000)",
|
|
277
125
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
278
126
|
"isSource": true,
|
|
279
127
|
"original": {
|
|
280
|
-
"description": "Use as the
|
|
128
|
+
"description": "Use as the hover state for secondary backgrounds",
|
|
281
129
|
"type": "color",
|
|
282
|
-
"value": "
|
|
130
|
+
"value": "rgba(41, 41, 41, 0.6000)"
|
|
283
131
|
},
|
|
284
|
-
"name": "pf-t--global--background--color--
|
|
132
|
+
"name": "pf-t--global--background--color--secondary--hover",
|
|
285
133
|
"attributes": {
|
|
286
134
|
"category": "global",
|
|
287
135
|
"type": "background",
|
|
288
136
|
"item": "color",
|
|
289
|
-
"subitem": "
|
|
290
|
-
"state": "
|
|
137
|
+
"subitem": "secondary",
|
|
138
|
+
"state": "hover"
|
|
291
139
|
},
|
|
292
140
|
"path": [
|
|
293
141
|
"global",
|
|
294
142
|
"background",
|
|
295
143
|
"color",
|
|
296
|
-
"
|
|
297
|
-
"
|
|
298
|
-
],
|
|
299
|
-
"references": [
|
|
300
|
-
{
|
|
301
|
-
"type": "color",
|
|
302
|
-
"value": "#292929",
|
|
303
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
304
|
-
"isSource": true,
|
|
305
|
-
"original": {
|
|
306
|
-
"type": "color",
|
|
307
|
-
"value": "{color.gray.80}"
|
|
308
|
-
},
|
|
309
|
-
"name": "pf-t--global--dark--background--color--200",
|
|
310
|
-
"attributes": {
|
|
311
|
-
"category": "global",
|
|
312
|
-
"type": "dark",
|
|
313
|
-
"item": "background",
|
|
314
|
-
"subitem": "color",
|
|
315
|
-
"state": "200"
|
|
316
|
-
},
|
|
317
|
-
"path": [
|
|
318
|
-
"global",
|
|
319
|
-
"dark",
|
|
320
|
-
"background",
|
|
321
|
-
"color",
|
|
322
|
-
"200"
|
|
323
|
-
],
|
|
324
|
-
"references": [
|
|
325
|
-
{
|
|
326
|
-
"type": "color",
|
|
327
|
-
"value": "#292929",
|
|
328
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
329
|
-
"isSource": true,
|
|
330
|
-
"original": {
|
|
331
|
-
"type": "color",
|
|
332
|
-
"value": "#292929"
|
|
333
|
-
},
|
|
334
|
-
"name": "pf-t--color--gray--80",
|
|
335
|
-
"attributes": {
|
|
336
|
-
"category": "color",
|
|
337
|
-
"type": "gray",
|
|
338
|
-
"item": "80"
|
|
339
|
-
},
|
|
340
|
-
"path": [
|
|
341
|
-
"color",
|
|
342
|
-
"gray",
|
|
343
|
-
"80"
|
|
344
|
-
]
|
|
345
|
-
}
|
|
346
|
-
]
|
|
347
|
-
}
|
|
144
|
+
"secondary",
|
|
145
|
+
"hover"
|
|
348
146
|
]
|
|
349
147
|
}
|
|
350
148
|
},
|
|
351
|
-
"pf-t--global--background--color--
|
|
149
|
+
"pf-t--global--background--color--secondary--clicked": {
|
|
352
150
|
"default": {
|
|
353
|
-
"description": "Use as the
|
|
151
|
+
"description": "Use as the clicked state for secondary backgrounds",
|
|
354
152
|
"type": "color",
|
|
355
|
-
"value": "
|
|
153
|
+
"value": "rgba(41, 41, 41, 0.6000)",
|
|
356
154
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
357
155
|
"isSource": true,
|
|
358
156
|
"original": {
|
|
359
|
-
"description": "Use as the
|
|
157
|
+
"description": "Use as the clicked state for secondary backgrounds",
|
|
360
158
|
"type": "color",
|
|
361
|
-
"value": "
|
|
159
|
+
"value": "rgba(41, 41, 41, 0.6000)"
|
|
362
160
|
},
|
|
363
|
-
"name": "pf-t--global--background--color--
|
|
161
|
+
"name": "pf-t--global--background--color--secondary--clicked",
|
|
364
162
|
"attributes": {
|
|
365
163
|
"category": "global",
|
|
366
164
|
"type": "background",
|
|
367
165
|
"item": "color",
|
|
368
|
-
"subitem": "
|
|
369
|
-
"state": "
|
|
166
|
+
"subitem": "secondary",
|
|
167
|
+
"state": "clicked"
|
|
370
168
|
},
|
|
371
169
|
"path": [
|
|
372
170
|
"global",
|
|
373
171
|
"background",
|
|
374
172
|
"color",
|
|
375
|
-
"
|
|
376
|
-
"
|
|
377
|
-
],
|
|
378
|
-
"references": [
|
|
379
|
-
{
|
|
380
|
-
"type": "color",
|
|
381
|
-
"value": "#383838",
|
|
382
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
383
|
-
"isSource": true,
|
|
384
|
-
"original": {
|
|
385
|
-
"type": "color",
|
|
386
|
-
"value": "{color.gray.70}"
|
|
387
|
-
},
|
|
388
|
-
"name": "pf-t--global--dark--background--color--300",
|
|
389
|
-
"attributes": {
|
|
390
|
-
"category": "global",
|
|
391
|
-
"type": "dark",
|
|
392
|
-
"item": "background",
|
|
393
|
-
"subitem": "color",
|
|
394
|
-
"state": "300"
|
|
395
|
-
},
|
|
396
|
-
"path": [
|
|
397
|
-
"global",
|
|
398
|
-
"dark",
|
|
399
|
-
"background",
|
|
400
|
-
"color",
|
|
401
|
-
"300"
|
|
402
|
-
],
|
|
403
|
-
"references": [
|
|
404
|
-
{
|
|
405
|
-
"type": "color",
|
|
406
|
-
"value": "#383838",
|
|
407
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
408
|
-
"isSource": true,
|
|
409
|
-
"original": {
|
|
410
|
-
"type": "color",
|
|
411
|
-
"value": "#383838"
|
|
412
|
-
},
|
|
413
|
-
"name": "pf-t--color--gray--70",
|
|
414
|
-
"attributes": {
|
|
415
|
-
"category": "color",
|
|
416
|
-
"type": "gray",
|
|
417
|
-
"item": "70"
|
|
418
|
-
},
|
|
419
|
-
"path": [
|
|
420
|
-
"color",
|
|
421
|
-
"gray",
|
|
422
|
-
"70"
|
|
423
|
-
]
|
|
424
|
-
}
|
|
425
|
-
]
|
|
426
|
-
}
|
|
173
|
+
"secondary",
|
|
174
|
+
"clicked"
|
|
427
175
|
]
|
|
428
176
|
}
|
|
429
177
|
},
|
|
430
|
-
"pf-t--global--background--color--
|
|
178
|
+
"pf-t--global--background--color--tertiary--default": {
|
|
431
179
|
"default": {
|
|
432
|
-
"description": "Use as the
|
|
180
|
+
"description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.",
|
|
433
181
|
"type": "color",
|
|
434
|
-
"value": "
|
|
182
|
+
"value": "rgba(199, 199, 199, 0.1500)",
|
|
435
183
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
436
184
|
"isSource": true,
|
|
437
185
|
"original": {
|
|
438
|
-
"description": "Use as the
|
|
186
|
+
"description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.",
|
|
439
187
|
"type": "color",
|
|
440
|
-
"value": "{global.dark.background.color.
|
|
188
|
+
"value": "{global.dark.background.color.600}"
|
|
441
189
|
},
|
|
442
|
-
"name": "pf-t--global--background--color--
|
|
190
|
+
"name": "pf-t--global--background--color--tertiary--default",
|
|
443
191
|
"attributes": {
|
|
444
192
|
"category": "global",
|
|
445
193
|
"type": "background",
|
|
446
194
|
"item": "color",
|
|
447
|
-
"subitem": "
|
|
448
|
-
"state": "
|
|
195
|
+
"subitem": "tertiary",
|
|
196
|
+
"state": "default"
|
|
449
197
|
},
|
|
450
198
|
"path": [
|
|
451
199
|
"global",
|
|
452
200
|
"background",
|
|
453
201
|
"color",
|
|
454
|
-
"
|
|
455
|
-
"
|
|
202
|
+
"tertiary",
|
|
203
|
+
"default"
|
|
456
204
|
],
|
|
457
205
|
"references": [
|
|
458
206
|
{
|
|
459
207
|
"type": "color",
|
|
460
|
-
"value": "
|
|
208
|
+
"value": "rgba(199, 199, 199, 0.1500)",
|
|
461
209
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
462
210
|
"isSource": true,
|
|
463
211
|
"original": {
|
|
464
212
|
"type": "color",
|
|
465
|
-
"value": "
|
|
213
|
+
"value": "rgba(199, 199, 199, 0.1500)"
|
|
466
214
|
},
|
|
467
|
-
"name": "pf-t--global--dark--background--color--
|
|
215
|
+
"name": "pf-t--global--dark--background--color--600",
|
|
468
216
|
"attributes": {
|
|
469
217
|
"category": "global",
|
|
470
218
|
"type": "dark",
|
|
471
219
|
"item": "background",
|
|
472
220
|
"subitem": "color",
|
|
473
|
-
"state": "
|
|
221
|
+
"state": "600"
|
|
474
222
|
},
|
|
475
223
|
"path": [
|
|
476
224
|
"global",
|
|
477
225
|
"dark",
|
|
478
226
|
"background",
|
|
479
227
|
"color",
|
|
480
|
-
"
|
|
481
|
-
],
|
|
482
|
-
"references": [
|
|
483
|
-
{
|
|
484
|
-
"type": "color",
|
|
485
|
-
"value": "#383838",
|
|
486
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
487
|
-
"isSource": true,
|
|
488
|
-
"original": {
|
|
489
|
-
"type": "color",
|
|
490
|
-
"value": "#383838"
|
|
491
|
-
},
|
|
492
|
-
"name": "pf-t--color--gray--70",
|
|
493
|
-
"attributes": {
|
|
494
|
-
"category": "color",
|
|
495
|
-
"type": "gray",
|
|
496
|
-
"item": "70"
|
|
497
|
-
},
|
|
498
|
-
"path": [
|
|
499
|
-
"color",
|
|
500
|
-
"gray",
|
|
501
|
-
"70"
|
|
502
|
-
]
|
|
503
|
-
}
|
|
228
|
+
"600"
|
|
504
229
|
]
|
|
505
230
|
}
|
|
506
231
|
]
|
|
507
232
|
}
|
|
508
233
|
},
|
|
509
|
-
"pf-t--global--background--color--
|
|
234
|
+
"pf-t--global--background--color--glass--primary": {
|
|
510
235
|
"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).",
|
|
512
236
|
"type": "color",
|
|
513
|
-
"value": "
|
|
237
|
+
"value": "rgba(41, 41, 41, 0.5000)",
|
|
514
238
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
515
239
|
"isSource": true,
|
|
516
240
|
"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).",
|
|
518
241
|
"type": "color",
|
|
519
|
-
"value": "
|
|
242
|
+
"value": "rgba(41, 41, 41, 0.5000)"
|
|
520
243
|
},
|
|
521
|
-
"name": "pf-t--global--background--color--
|
|
244
|
+
"name": "pf-t--global--background--color--glass--primary",
|
|
522
245
|
"attributes": {
|
|
523
246
|
"category": "global",
|
|
524
247
|
"type": "background",
|
|
525
248
|
"item": "color",
|
|
526
|
-
"subitem": "
|
|
527
|
-
"state": "
|
|
249
|
+
"subitem": "glass",
|
|
250
|
+
"state": "primary"
|
|
528
251
|
},
|
|
529
252
|
"path": [
|
|
530
253
|
"global",
|
|
531
254
|
"background",
|
|
532
255
|
"color",
|
|
533
|
-
"
|
|
534
|
-
"
|
|
535
|
-
],
|
|
536
|
-
"references": [
|
|
537
|
-
{
|
|
538
|
-
"type": "color",
|
|
539
|
-
"value": "#151515",
|
|
540
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
541
|
-
"isSource": true,
|
|
542
|
-
"original": {
|
|
543
|
-
"type": "color",
|
|
544
|
-
"value": "{color.gray.95}"
|
|
545
|
-
},
|
|
546
|
-
"name": "pf-t--global--dark--background--color--100",
|
|
547
|
-
"attributes": {
|
|
548
|
-
"category": "global",
|
|
549
|
-
"type": "dark",
|
|
550
|
-
"item": "background",
|
|
551
|
-
"subitem": "color",
|
|
552
|
-
"state": "100"
|
|
553
|
-
},
|
|
554
|
-
"path": [
|
|
555
|
-
"global",
|
|
556
|
-
"dark",
|
|
557
|
-
"background",
|
|
558
|
-
"color",
|
|
559
|
-
"100"
|
|
560
|
-
],
|
|
561
|
-
"references": [
|
|
562
|
-
{
|
|
563
|
-
"type": "color",
|
|
564
|
-
"value": "#151515",
|
|
565
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
566
|
-
"isSource": true,
|
|
567
|
-
"original": {
|
|
568
|
-
"type": "color",
|
|
569
|
-
"value": "#151515"
|
|
570
|
-
},
|
|
571
|
-
"name": "pf-t--color--gray--95",
|
|
572
|
-
"attributes": {
|
|
573
|
-
"category": "color",
|
|
574
|
-
"type": "gray",
|
|
575
|
-
"item": "95"
|
|
576
|
-
},
|
|
577
|
-
"path": [
|
|
578
|
-
"color",
|
|
579
|
-
"gray",
|
|
580
|
-
"95"
|
|
581
|
-
]
|
|
582
|
-
}
|
|
583
|
-
]
|
|
584
|
-
}
|
|
256
|
+
"glass",
|
|
257
|
+
"primary"
|
|
585
258
|
]
|
|
586
259
|
}
|
|
587
260
|
},
|
|
588
|
-
"pf-t--global--background--color--
|
|
261
|
+
"pf-t--global--background--color--glass--floating": {
|
|
589
262
|
"default": {
|
|
590
|
-
"description": "Use as the hover state for secondary backgrounds",
|
|
591
263
|
"type": "color",
|
|
592
264
|
"value": "#292929",
|
|
593
265
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
594
266
|
"isSource": true,
|
|
595
267
|
"original": {
|
|
596
|
-
"description": "Use as the hover state for secondary backgrounds",
|
|
597
268
|
"type": "color",
|
|
598
|
-
"value": "{global.
|
|
269
|
+
"value": "{global.background.color.floating.default}"
|
|
599
270
|
},
|
|
600
|
-
"name": "pf-t--global--background--color--
|
|
271
|
+
"name": "pf-t--global--background--color--glass--floating",
|
|
601
272
|
"attributes": {
|
|
602
273
|
"category": "global",
|
|
603
274
|
"type": "background",
|
|
604
275
|
"item": "color",
|
|
605
|
-
"subitem": "
|
|
606
|
-
"state": "
|
|
276
|
+
"subitem": "glass",
|
|
277
|
+
"state": "floating"
|
|
607
278
|
},
|
|
608
279
|
"path": [
|
|
609
280
|
"global",
|
|
610
281
|
"background",
|
|
611
282
|
"color",
|
|
612
|
-
"
|
|
613
|
-
"
|
|
283
|
+
"glass",
|
|
284
|
+
"floating"
|
|
614
285
|
],
|
|
615
286
|
"references": [
|
|
616
287
|
{
|
|
288
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
617
289
|
"type": "color",
|
|
618
290
|
"value": "#292929",
|
|
619
|
-
"filePath": "tokens/default/glass-dark/
|
|
291
|
+
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
620
292
|
"isSource": true,
|
|
621
293
|
"original": {
|
|
294
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
622
295
|
"type": "color",
|
|
623
|
-
"value": "{color.
|
|
296
|
+
"value": "{global.dark.background.color.200}"
|
|
624
297
|
},
|
|
625
|
-
"name": "pf-t--global--
|
|
298
|
+
"name": "pf-t--global--background--color--floating--default",
|
|
626
299
|
"attributes": {
|
|
627
300
|
"category": "global",
|
|
628
|
-
"type": "
|
|
629
|
-
"item": "
|
|
630
|
-
"subitem": "
|
|
631
|
-
"state": "
|
|
301
|
+
"type": "background",
|
|
302
|
+
"item": "color",
|
|
303
|
+
"subitem": "floating",
|
|
304
|
+
"state": "default"
|
|
632
305
|
},
|
|
633
306
|
"path": [
|
|
634
307
|
"global",
|
|
635
|
-
"dark",
|
|
636
308
|
"background",
|
|
637
309
|
"color",
|
|
638
|
-
"
|
|
310
|
+
"floating",
|
|
311
|
+
"default"
|
|
639
312
|
],
|
|
640
313
|
"references": [
|
|
641
314
|
{
|
|
642
315
|
"type": "color",
|
|
643
316
|
"value": "#292929",
|
|
644
|
-
"filePath": "tokens/default/glass-dark/
|
|
317
|
+
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
645
318
|
"isSource": true,
|
|
646
319
|
"original": {
|
|
647
320
|
"type": "color",
|
|
648
|
-
"value": "
|
|
321
|
+
"value": "{color.gray.80}"
|
|
649
322
|
},
|
|
650
|
-
"name": "pf-t--color--
|
|
323
|
+
"name": "pf-t--global--dark--background--color--200",
|
|
651
324
|
"attributes": {
|
|
652
|
-
"category": "
|
|
653
|
-
"type": "
|
|
654
|
-
"item": "
|
|
325
|
+
"category": "global",
|
|
326
|
+
"type": "dark",
|
|
327
|
+
"item": "background",
|
|
328
|
+
"subitem": "color",
|
|
329
|
+
"state": "200"
|
|
655
330
|
},
|
|
656
331
|
"path": [
|
|
332
|
+
"global",
|
|
333
|
+
"dark",
|
|
334
|
+
"background",
|
|
657
335
|
"color",
|
|
658
|
-
"
|
|
659
|
-
|
|
336
|
+
"200"
|
|
337
|
+
],
|
|
338
|
+
"references": [
|
|
339
|
+
{
|
|
340
|
+
"type": "color",
|
|
341
|
+
"value": "#292929",
|
|
342
|
+
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
343
|
+
"isSource": true,
|
|
344
|
+
"original": {
|
|
345
|
+
"type": "color",
|
|
346
|
+
"value": "#292929"
|
|
347
|
+
},
|
|
348
|
+
"name": "pf-t--color--gray--80",
|
|
349
|
+
"attributes": {
|
|
350
|
+
"category": "color",
|
|
351
|
+
"type": "gray",
|
|
352
|
+
"item": "80"
|
|
353
|
+
},
|
|
354
|
+
"path": [
|
|
355
|
+
"color",
|
|
356
|
+
"gray",
|
|
357
|
+
"80"
|
|
358
|
+
]
|
|
359
|
+
}
|
|
660
360
|
]
|
|
661
361
|
}
|
|
662
362
|
]
|
|
@@ -664,32 +364,32 @@
|
|
|
664
364
|
]
|
|
665
365
|
}
|
|
666
366
|
},
|
|
667
|
-
"pf-t--global--background--color--
|
|
367
|
+
"pf-t--global--background--color--floating--default": {
|
|
668
368
|
"default": {
|
|
669
|
-
"description": "Use as the
|
|
369
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
670
370
|
"type": "color",
|
|
671
371
|
"value": "#292929",
|
|
672
372
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
673
373
|
"isSource": true,
|
|
674
374
|
"original": {
|
|
675
|
-
"description": "Use as the
|
|
375
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
676
376
|
"type": "color",
|
|
677
377
|
"value": "{global.dark.background.color.200}"
|
|
678
378
|
},
|
|
679
|
-
"name": "pf-t--global--background--color--
|
|
379
|
+
"name": "pf-t--global--background--color--floating--default",
|
|
680
380
|
"attributes": {
|
|
681
381
|
"category": "global",
|
|
682
382
|
"type": "background",
|
|
683
383
|
"item": "color",
|
|
684
|
-
"subitem": "
|
|
685
|
-
"state": "
|
|
384
|
+
"subitem": "floating",
|
|
385
|
+
"state": "default"
|
|
686
386
|
},
|
|
687
387
|
"path": [
|
|
688
388
|
"global",
|
|
689
389
|
"background",
|
|
690
390
|
"color",
|
|
691
|
-
"
|
|
692
|
-
"
|
|
391
|
+
"floating",
|
|
392
|
+
"default"
|
|
693
393
|
],
|
|
694
394
|
"references": [
|
|
695
395
|
{
|
|
@@ -743,88 +443,32 @@
|
|
|
743
443
|
]
|
|
744
444
|
}
|
|
745
445
|
},
|
|
746
|
-
"pf-t--global--background--color--
|
|
747
|
-
"default": {
|
|
748
|
-
"description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.",
|
|
749
|
-
"type": "color",
|
|
750
|
-
"value": "rgba(199, 199, 199, 0.1500)",
|
|
751
|
-
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
752
|
-
"isSource": true,
|
|
753
|
-
"original": {
|
|
754
|
-
"description": "Use as the tertiary background color. This is primarily used for containers that can be placed on secondary backgrounds.",
|
|
755
|
-
"type": "color",
|
|
756
|
-
"value": "{global.dark.background.color.600}"
|
|
757
|
-
},
|
|
758
|
-
"name": "pf-t--global--background--color--tertiary--default",
|
|
759
|
-
"attributes": {
|
|
760
|
-
"category": "global",
|
|
761
|
-
"type": "background",
|
|
762
|
-
"item": "color",
|
|
763
|
-
"subitem": "tertiary",
|
|
764
|
-
"state": "default"
|
|
765
|
-
},
|
|
766
|
-
"path": [
|
|
767
|
-
"global",
|
|
768
|
-
"background",
|
|
769
|
-
"color",
|
|
770
|
-
"tertiary",
|
|
771
|
-
"default"
|
|
772
|
-
],
|
|
773
|
-
"references": [
|
|
774
|
-
{
|
|
775
|
-
"type": "color",
|
|
776
|
-
"value": "rgba(199, 199, 199, 0.1500)",
|
|
777
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
778
|
-
"isSource": true,
|
|
779
|
-
"original": {
|
|
780
|
-
"type": "color",
|
|
781
|
-
"value": "rgba(199, 199, 199, 0.1500)"
|
|
782
|
-
},
|
|
783
|
-
"name": "pf-t--global--dark--background--color--600",
|
|
784
|
-
"attributes": {
|
|
785
|
-
"category": "global",
|
|
786
|
-
"type": "dark",
|
|
787
|
-
"item": "background",
|
|
788
|
-
"subitem": "color",
|
|
789
|
-
"state": "600"
|
|
790
|
-
},
|
|
791
|
-
"path": [
|
|
792
|
-
"global",
|
|
793
|
-
"dark",
|
|
794
|
-
"background",
|
|
795
|
-
"color",
|
|
796
|
-
"600"
|
|
797
|
-
]
|
|
798
|
-
}
|
|
799
|
-
]
|
|
800
|
-
}
|
|
801
|
-
},
|
|
802
|
-
"pf-t--global--background--color--floating--default": {
|
|
446
|
+
"pf-t--global--background--color--floating--hover": {
|
|
803
447
|
"default": {
|
|
804
|
-
"description": "Use as the
|
|
448
|
+
"description": "Use as the hover state for floating backgrounds",
|
|
805
449
|
"type": "color",
|
|
806
450
|
"value": "#383838",
|
|
807
451
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
808
452
|
"isSource": true,
|
|
809
453
|
"original": {
|
|
810
|
-
"description": "Use as the
|
|
454
|
+
"description": "Use as the hover state for floating backgrounds",
|
|
811
455
|
"type": "color",
|
|
812
456
|
"value": "{global.dark.background.color.300}"
|
|
813
457
|
},
|
|
814
|
-
"name": "pf-t--global--background--color--floating--
|
|
458
|
+
"name": "pf-t--global--background--color--floating--hover",
|
|
815
459
|
"attributes": {
|
|
816
460
|
"category": "global",
|
|
817
461
|
"type": "background",
|
|
818
462
|
"item": "color",
|
|
819
463
|
"subitem": "floating",
|
|
820
|
-
"state": "
|
|
464
|
+
"state": "hover"
|
|
821
465
|
},
|
|
822
466
|
"path": [
|
|
823
467
|
"global",
|
|
824
468
|
"background",
|
|
825
469
|
"color",
|
|
826
470
|
"floating",
|
|
827
|
-
"
|
|
471
|
+
"hover"
|
|
828
472
|
],
|
|
829
473
|
"references": [
|
|
830
474
|
{
|
|
@@ -878,78 +522,78 @@
|
|
|
878
522
|
]
|
|
879
523
|
}
|
|
880
524
|
},
|
|
881
|
-
"pf-t--global--background--color--floating--
|
|
525
|
+
"pf-t--global--background--color--floating--clicked": {
|
|
882
526
|
"default": {
|
|
883
|
-
"description": "Use as the
|
|
527
|
+
"description": "Use as the clicked state for floating backgrounds",
|
|
884
528
|
"type": "color",
|
|
885
|
-
"value": "#
|
|
529
|
+
"value": "#383838",
|
|
886
530
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
887
531
|
"isSource": true,
|
|
888
532
|
"original": {
|
|
889
|
-
"description": "Use as the
|
|
533
|
+
"description": "Use as the clicked state for floating backgrounds",
|
|
890
534
|
"type": "color",
|
|
891
|
-
"value": "{global.dark.background.color.
|
|
535
|
+
"value": "{global.dark.background.color.300}"
|
|
892
536
|
},
|
|
893
|
-
"name": "pf-t--global--background--color--floating--
|
|
537
|
+
"name": "pf-t--global--background--color--floating--clicked",
|
|
894
538
|
"attributes": {
|
|
895
539
|
"category": "global",
|
|
896
540
|
"type": "background",
|
|
897
541
|
"item": "color",
|
|
898
542
|
"subitem": "floating",
|
|
899
|
-
"state": "
|
|
543
|
+
"state": "clicked"
|
|
900
544
|
},
|
|
901
545
|
"path": [
|
|
902
546
|
"global",
|
|
903
547
|
"background",
|
|
904
548
|
"color",
|
|
905
549
|
"floating",
|
|
906
|
-
"
|
|
550
|
+
"clicked"
|
|
907
551
|
],
|
|
908
552
|
"references": [
|
|
909
553
|
{
|
|
910
554
|
"type": "color",
|
|
911
|
-
"value": "#
|
|
555
|
+
"value": "#383838",
|
|
912
556
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
913
557
|
"isSource": true,
|
|
914
558
|
"original": {
|
|
915
559
|
"type": "color",
|
|
916
|
-
"value": "{color.gray.
|
|
560
|
+
"value": "{color.gray.70}"
|
|
917
561
|
},
|
|
918
|
-
"name": "pf-t--global--dark--background--color--
|
|
562
|
+
"name": "pf-t--global--dark--background--color--300",
|
|
919
563
|
"attributes": {
|
|
920
564
|
"category": "global",
|
|
921
565
|
"type": "dark",
|
|
922
566
|
"item": "background",
|
|
923
567
|
"subitem": "color",
|
|
924
|
-
"state": "
|
|
568
|
+
"state": "300"
|
|
925
569
|
},
|
|
926
570
|
"path": [
|
|
927
571
|
"global",
|
|
928
572
|
"dark",
|
|
929
573
|
"background",
|
|
930
574
|
"color",
|
|
931
|
-
"
|
|
575
|
+
"300"
|
|
932
576
|
],
|
|
933
577
|
"references": [
|
|
934
578
|
{
|
|
935
579
|
"type": "color",
|
|
936
|
-
"value": "#
|
|
580
|
+
"value": "#383838",
|
|
937
581
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
938
582
|
"isSource": true,
|
|
939
583
|
"original": {
|
|
940
584
|
"type": "color",
|
|
941
|
-
"value": "#
|
|
585
|
+
"value": "#383838"
|
|
942
586
|
},
|
|
943
|
-
"name": "pf-t--color--gray--
|
|
587
|
+
"name": "pf-t--color--gray--70",
|
|
944
588
|
"attributes": {
|
|
945
589
|
"category": "color",
|
|
946
590
|
"type": "gray",
|
|
947
|
-
"item": "
|
|
591
|
+
"item": "70"
|
|
948
592
|
},
|
|
949
593
|
"path": [
|
|
950
594
|
"color",
|
|
951
595
|
"gray",
|
|
952
|
-
"
|
|
596
|
+
"70"
|
|
953
597
|
]
|
|
954
598
|
}
|
|
955
599
|
]
|
|
@@ -957,32 +601,32 @@
|
|
|
957
601
|
]
|
|
958
602
|
}
|
|
959
603
|
},
|
|
960
|
-
"pf-t--global--background--color--
|
|
604
|
+
"pf-t--global--background--color--sticky--default": {
|
|
961
605
|
"default": {
|
|
962
|
-
"description": "Use as the
|
|
606
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
963
607
|
"type": "color",
|
|
964
608
|
"value": "#292929",
|
|
965
609
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
966
610
|
"isSource": true,
|
|
967
611
|
"original": {
|
|
968
|
-
"description": "Use as the
|
|
612
|
+
"description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
|
|
969
613
|
"type": "color",
|
|
970
614
|
"value": "{global.dark.background.color.200}"
|
|
971
615
|
},
|
|
972
|
-
"name": "pf-t--global--background--color--
|
|
616
|
+
"name": "pf-t--global--background--color--sticky--default",
|
|
973
617
|
"attributes": {
|
|
974
618
|
"category": "global",
|
|
975
619
|
"type": "background",
|
|
976
620
|
"item": "color",
|
|
977
|
-
"subitem": "
|
|
978
|
-
"state": "
|
|
621
|
+
"subitem": "sticky",
|
|
622
|
+
"state": "default"
|
|
979
623
|
},
|
|
980
624
|
"path": [
|
|
981
625
|
"global",
|
|
982
626
|
"background",
|
|
983
627
|
"color",
|
|
984
|
-
"
|
|
985
|
-
"
|
|
628
|
+
"sticky",
|
|
629
|
+
"default"
|
|
986
630
|
],
|
|
987
631
|
"references": [
|
|
988
632
|
{
|
|
@@ -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": "
|
|
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.
|
|
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": "
|
|
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": "
|
|
1024
|
+
"value": "rgba(21, 21, 21, 0.8000)"
|
|
1381
1025
|
},
|
|
1382
|
-
"name": "pf-t--global--dark--background--color--
|
|
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": "
|
|
1032
|
+
"state": "500"
|
|
1389
1033
|
},
|
|
1390
1034
|
"path": [
|
|
1391
1035
|
"global",
|
|
1392
1036
|
"dark",
|
|
1393
1037
|
"background",
|
|
1394
1038
|
"color",
|
|
1395
|
-
"
|
|
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": "
|
|
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.
|
|
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": "
|
|
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": "
|
|
1078
|
+
"value": "rgba(21, 21, 21, 0.8000)"
|
|
1458
1079
|
},
|
|
1459
|
-
"name": "pf-t--global--dark--background--color--
|
|
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": "
|
|
1086
|
+
"state": "500"
|
|
1466
1087
|
},
|
|
1467
1088
|
"path": [
|
|
1468
1089
|
"global",
|
|
1469
1090
|
"dark",
|
|
1470
1091
|
"background",
|
|
1471
1092
|
"color",
|
|
1472
|
-
"
|
|
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--
|
|
1741
|
+
"pf-t--global--background--filter--glass--blur--primary": {
|
|
2144
1742
|
"default": {
|
|
2145
1743
|
"type": "number",
|
|
2146
|
-
"value": "
|
|
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":
|
|
1749
|
+
"value": 12.5
|
|
2152
1750
|
},
|
|
2153
|
-
"name": "pf-t--global--background--
|
|
1751
|
+
"name": "pf-t--global--background--filter--glass--blur--primary",
|
|
2154
1752
|
"attributes": {
|
|
2155
1753
|
"category": "global",
|
|
2156
1754
|
"type": "background",
|
|
2157
|
-
"item": "
|
|
1755
|
+
"item": "filter",
|
|
2158
1756
|
"subitem": "glass",
|
|
2159
|
-
"state": "
|
|
1757
|
+
"state": "blur"
|
|
2160
1758
|
},
|
|
2161
1759
|
"path": [
|
|
2162
1760
|
"global",
|
|
2163
1761
|
"background",
|
|
2164
|
-
"
|
|
1762
|
+
"filter",
|
|
2165
1763
|
"glass",
|
|
1764
|
+
"blur",
|
|
2166
1765
|
"primary"
|
|
2167
1766
|
]
|
|
2168
1767
|
}
|
|
2169
1768
|
},
|
|
2170
|
-
"pf-t--global--background--
|
|
1769
|
+
"pf-t--global--background--filter--glass--blur--floating": {
|
|
2171
1770
|
"default": {
|
|
2172
1771
|
"type": "number",
|
|
2173
|
-
"value": "
|
|
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":
|
|
1777
|
+
"value": 0
|
|
2179
1778
|
},
|
|
2180
|
-
"name": "pf-t--global--background--
|
|
1779
|
+
"name": "pf-t--global--background--filter--glass--blur--floating",
|
|
2181
1780
|
"attributes": {
|
|
2182
1781
|
"category": "global",
|
|
2183
1782
|
"type": "background",
|
|
2184
|
-
"item": "
|
|
1783
|
+
"item": "filter",
|
|
2185
1784
|
"subitem": "glass",
|
|
2186
|
-
"state": "
|
|
1785
|
+
"state": "blur"
|
|
2187
1786
|
},
|
|
2188
1787
|
"path": [
|
|
2189
1788
|
"global",
|
|
2190
1789
|
"background",
|
|
2191
|
-
"
|
|
1790
|
+
"filter",
|
|
2192
1791
|
"glass",
|
|
1792
|
+
"blur",
|
|
2193
1793
|
"floating"
|
|
2194
1794
|
]
|
|
2195
1795
|
}
|
|
@@ -5066,7 +4666,7 @@
|
|
|
5066
4666
|
"default": {
|
|
5067
4667
|
"description": "Use as the default color for elements that convey a read status and are placed on a secondary background",
|
|
5068
4668
|
"type": "color",
|
|
5069
|
-
"value": "
|
|
4669
|
+
"value": "rgba(21, 21, 21, 0.8000)",
|
|
5070
4670
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
5071
4671
|
"isSource": true,
|
|
5072
4672
|
"original": {
|
|
@@ -5093,13 +4693,13 @@
|
|
|
5093
4693
|
{
|
|
5094
4694
|
"description": "Use as the default background for control elements like form inputs and menu toggles.",
|
|
5095
4695
|
"type": "color",
|
|
5096
|
-
"value": "
|
|
4696
|
+
"value": "rgba(21, 21, 21, 0.8000)",
|
|
5097
4697
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
5098
4698
|
"isSource": true,
|
|
5099
4699
|
"original": {
|
|
5100
4700
|
"description": "Use as the default background for control elements like form inputs and menu toggles.",
|
|
5101
4701
|
"type": "color",
|
|
5102
|
-
"value": "{global.dark.background.color.
|
|
4702
|
+
"value": "{global.dark.background.color.500}"
|
|
5103
4703
|
},
|
|
5104
4704
|
"name": "pf-t--global--background--color--control--default",
|
|
5105
4705
|
"attributes": {
|
|
@@ -5119,50 +4719,27 @@
|
|
|
5119
4719
|
"references": [
|
|
5120
4720
|
{
|
|
5121
4721
|
"type": "color",
|
|
5122
|
-
"value": "
|
|
4722
|
+
"value": "rgba(21, 21, 21, 0.8000)",
|
|
5123
4723
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
5124
4724
|
"isSource": true,
|
|
5125
4725
|
"original": {
|
|
5126
4726
|
"type": "color",
|
|
5127
|
-
"value": "
|
|
4727
|
+
"value": "rgba(21, 21, 21, 0.8000)"
|
|
5128
4728
|
},
|
|
5129
|
-
"name": "pf-t--global--dark--background--color--
|
|
4729
|
+
"name": "pf-t--global--dark--background--color--500",
|
|
5130
4730
|
"attributes": {
|
|
5131
4731
|
"category": "global",
|
|
5132
4732
|
"type": "dark",
|
|
5133
4733
|
"item": "background",
|
|
5134
4734
|
"subitem": "color",
|
|
5135
|
-
"state": "
|
|
4735
|
+
"state": "500"
|
|
5136
4736
|
},
|
|
5137
4737
|
"path": [
|
|
5138
4738
|
"global",
|
|
5139
4739
|
"dark",
|
|
5140
4740
|
"background",
|
|
5141
4741
|
"color",
|
|
5142
|
-
"
|
|
5143
|
-
],
|
|
5144
|
-
"references": [
|
|
5145
|
-
{
|
|
5146
|
-
"type": "color",
|
|
5147
|
-
"value": "#383838",
|
|
5148
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
5149
|
-
"isSource": true,
|
|
5150
|
-
"original": {
|
|
5151
|
-
"type": "color",
|
|
5152
|
-
"value": "#383838"
|
|
5153
|
-
},
|
|
5154
|
-
"name": "pf-t--color--gray--70",
|
|
5155
|
-
"attributes": {
|
|
5156
|
-
"category": "color",
|
|
5157
|
-
"type": "gray",
|
|
5158
|
-
"item": "70"
|
|
5159
|
-
},
|
|
5160
|
-
"path": [
|
|
5161
|
-
"color",
|
|
5162
|
-
"gray",
|
|
5163
|
-
"70"
|
|
5164
|
-
]
|
|
5165
|
-
}
|
|
4742
|
+
"500"
|
|
5166
4743
|
]
|
|
5167
4744
|
}
|
|
5168
4745
|
]
|
|
@@ -5174,7 +4751,7 @@
|
|
|
5174
4751
|
"default": {
|
|
5175
4752
|
"description": "Use as the default color for elements that convey a read status and are placed on a primary background",
|
|
5176
4753
|
"type": "color",
|
|
5177
|
-
"value": "
|
|
4754
|
+
"value": "rgba(21, 21, 21, 0.6000)",
|
|
5178
4755
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
5179
4756
|
"isSource": true,
|
|
5180
4757
|
"original": {
|
|
@@ -5201,13 +4778,13 @@
|
|
|
5201
4778
|
{
|
|
5202
4779
|
"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).",
|
|
5203
4780
|
"type": "color",
|
|
5204
|
-
"value": "
|
|
4781
|
+
"value": "rgba(21, 21, 21, 0.6000)",
|
|
5205
4782
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
5206
4783
|
"isSource": true,
|
|
5207
4784
|
"original": {
|
|
5208
4785
|
"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).",
|
|
5209
4786
|
"type": "color",
|
|
5210
|
-
"value": "
|
|
4787
|
+
"value": "rgba(21, 21, 21, 0.6000)"
|
|
5211
4788
|
},
|
|
5212
4789
|
"name": "pf-t--global--background--color--secondary--default",
|
|
5213
4790
|
"attributes": {
|
|
@@ -5223,56 +4800,6 @@
|
|
|
5223
4800
|
"color",
|
|
5224
4801
|
"secondary",
|
|
5225
4802
|
"default"
|
|
5226
|
-
],
|
|
5227
|
-
"references": [
|
|
5228
|
-
{
|
|
5229
|
-
"type": "color",
|
|
5230
|
-
"value": "#151515",
|
|
5231
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
5232
|
-
"isSource": true,
|
|
5233
|
-
"original": {
|
|
5234
|
-
"type": "color",
|
|
5235
|
-
"value": "{color.gray.95}"
|
|
5236
|
-
},
|
|
5237
|
-
"name": "pf-t--global--dark--background--color--100",
|
|
5238
|
-
"attributes": {
|
|
5239
|
-
"category": "global",
|
|
5240
|
-
"type": "dark",
|
|
5241
|
-
"item": "background",
|
|
5242
|
-
"subitem": "color",
|
|
5243
|
-
"state": "100"
|
|
5244
|
-
},
|
|
5245
|
-
"path": [
|
|
5246
|
-
"global",
|
|
5247
|
-
"dark",
|
|
5248
|
-
"background",
|
|
5249
|
-
"color",
|
|
5250
|
-
"100"
|
|
5251
|
-
],
|
|
5252
|
-
"references": [
|
|
5253
|
-
{
|
|
5254
|
-
"type": "color",
|
|
5255
|
-
"value": "#151515",
|
|
5256
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
5257
|
-
"isSource": true,
|
|
5258
|
-
"original": {
|
|
5259
|
-
"type": "color",
|
|
5260
|
-
"value": "#151515"
|
|
5261
|
-
},
|
|
5262
|
-
"name": "pf-t--color--gray--95",
|
|
5263
|
-
"attributes": {
|
|
5264
|
-
"category": "color",
|
|
5265
|
-
"type": "gray",
|
|
5266
|
-
"item": "95"
|
|
5267
|
-
},
|
|
5268
|
-
"path": [
|
|
5269
|
-
"color",
|
|
5270
|
-
"gray",
|
|
5271
|
-
"95"
|
|
5272
|
-
]
|
|
5273
|
-
}
|
|
5274
|
-
]
|
|
5275
|
-
}
|
|
5276
4803
|
]
|
|
5277
4804
|
}
|
|
5278
4805
|
]
|
|
@@ -8512,13 +8039,13 @@
|
|
|
8512
8039
|
"default": {
|
|
8513
8040
|
"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.",
|
|
8514
8041
|
"type": "color",
|
|
8515
|
-
"value": "#
|
|
8042
|
+
"value": "#f2f2f2",
|
|
8516
8043
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
8517
8044
|
"isSource": true,
|
|
8518
8045
|
"original": {
|
|
8519
8046
|
"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.",
|
|
8520
8047
|
"type": "color",
|
|
8521
|
-
"value": "{global.icon.color.
|
|
8048
|
+
"value": "{global.icon.color.regular}"
|
|
8522
8049
|
},
|
|
8523
8050
|
"name": "pf-t--global--icon--color--on-brand--accent--hover",
|
|
8524
8051
|
"attributes": {
|
|
@@ -8538,74 +8065,74 @@
|
|
|
8538
8065
|
],
|
|
8539
8066
|
"references": [
|
|
8540
8067
|
{
|
|
8541
|
-
"description": "Use as the color for icons
|
|
8068
|
+
"description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
|
|
8542
8069
|
"type": "color",
|
|
8543
|
-
"value": "#
|
|
8070
|
+
"value": "#f2f2f2",
|
|
8544
8071
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
8545
8072
|
"isSource": true,
|
|
8546
8073
|
"original": {
|
|
8547
|
-
"description": "Use as the color for icons
|
|
8074
|
+
"description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
|
|
8548
8075
|
"type": "color",
|
|
8549
|
-
"value": "{global.dark.icon.color.
|
|
8076
|
+
"value": "{global.dark.icon.color.100}"
|
|
8550
8077
|
},
|
|
8551
|
-
"name": "pf-t--global--icon--color--
|
|
8078
|
+
"name": "pf-t--global--icon--color--regular",
|
|
8552
8079
|
"attributes": {
|
|
8553
8080
|
"category": "global",
|
|
8554
8081
|
"type": "icon",
|
|
8555
8082
|
"item": "color",
|
|
8556
|
-
"subitem": "
|
|
8083
|
+
"subitem": "regular"
|
|
8557
8084
|
},
|
|
8558
8085
|
"path": [
|
|
8559
8086
|
"global",
|
|
8560
8087
|
"icon",
|
|
8561
8088
|
"color",
|
|
8562
|
-
"
|
|
8089
|
+
"regular"
|
|
8563
8090
|
],
|
|
8564
8091
|
"references": [
|
|
8565
8092
|
{
|
|
8566
8093
|
"type": "color",
|
|
8567
|
-
"value": "#
|
|
8094
|
+
"value": "#f2f2f2",
|
|
8568
8095
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
8569
8096
|
"isSource": true,
|
|
8570
8097
|
"original": {
|
|
8571
8098
|
"type": "color",
|
|
8572
|
-
"value": "{color.gray.
|
|
8099
|
+
"value": "{color.gray.10}"
|
|
8573
8100
|
},
|
|
8574
|
-
"name": "pf-t--global--dark--icon--color--
|
|
8101
|
+
"name": "pf-t--global--dark--icon--color--100",
|
|
8575
8102
|
"attributes": {
|
|
8576
8103
|
"category": "global",
|
|
8577
8104
|
"type": "dark",
|
|
8578
8105
|
"item": "icon",
|
|
8579
8106
|
"subitem": "color",
|
|
8580
|
-
"state": "
|
|
8107
|
+
"state": "100"
|
|
8581
8108
|
},
|
|
8582
8109
|
"path": [
|
|
8583
8110
|
"global",
|
|
8584
8111
|
"dark",
|
|
8585
8112
|
"icon",
|
|
8586
8113
|
"color",
|
|
8587
|
-
"
|
|
8114
|
+
"100"
|
|
8588
8115
|
],
|
|
8589
8116
|
"references": [
|
|
8590
8117
|
{
|
|
8591
8118
|
"type": "color",
|
|
8592
|
-
"value": "#
|
|
8119
|
+
"value": "#f2f2f2",
|
|
8593
8120
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
8594
8121
|
"isSource": true,
|
|
8595
8122
|
"original": {
|
|
8596
8123
|
"type": "color",
|
|
8597
|
-
"value": "#
|
|
8124
|
+
"value": "#f2f2f2"
|
|
8598
8125
|
},
|
|
8599
|
-
"name": "pf-t--color--gray--
|
|
8126
|
+
"name": "pf-t--color--gray--10",
|
|
8600
8127
|
"attributes": {
|
|
8601
8128
|
"category": "color",
|
|
8602
8129
|
"type": "gray",
|
|
8603
|
-
"item": "
|
|
8130
|
+
"item": "10"
|
|
8604
8131
|
},
|
|
8605
8132
|
"path": [
|
|
8606
8133
|
"color",
|
|
8607
8134
|
"gray",
|
|
8608
|
-
"
|
|
8135
|
+
"10"
|
|
8609
8136
|
]
|
|
8610
8137
|
}
|
|
8611
8138
|
]
|
|
@@ -8619,13 +8146,13 @@
|
|
|
8619
8146
|
"default": {
|
|
8620
8147
|
"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.",
|
|
8621
8148
|
"type": "color",
|
|
8622
|
-
"value": "#
|
|
8149
|
+
"value": "#f2f2f2",
|
|
8623
8150
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
8624
8151
|
"isSource": true,
|
|
8625
8152
|
"original": {
|
|
8626
8153
|
"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.",
|
|
8627
8154
|
"type": "color",
|
|
8628
|
-
"value": "{global.icon.color.
|
|
8155
|
+
"value": "{global.icon.color.regular}"
|
|
8629
8156
|
},
|
|
8630
8157
|
"name": "pf-t--global--icon--color--on-brand--accent--clicked",
|
|
8631
8158
|
"attributes": {
|
|
@@ -8645,74 +8172,74 @@
|
|
|
8645
8172
|
],
|
|
8646
8173
|
"references": [
|
|
8647
8174
|
{
|
|
8648
|
-
"description": "Use as the color for icons
|
|
8175
|
+
"description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
|
|
8649
8176
|
"type": "color",
|
|
8650
|
-
"value": "#
|
|
8177
|
+
"value": "#f2f2f2",
|
|
8651
8178
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
8652
8179
|
"isSource": true,
|
|
8653
8180
|
"original": {
|
|
8654
|
-
"description": "Use as the color for icons
|
|
8181
|
+
"description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
|
|
8655
8182
|
"type": "color",
|
|
8656
|
-
"value": "{global.dark.icon.color.
|
|
8183
|
+
"value": "{global.dark.icon.color.100}"
|
|
8657
8184
|
},
|
|
8658
|
-
"name": "pf-t--global--icon--color--
|
|
8185
|
+
"name": "pf-t--global--icon--color--regular",
|
|
8659
8186
|
"attributes": {
|
|
8660
8187
|
"category": "global",
|
|
8661
8188
|
"type": "icon",
|
|
8662
8189
|
"item": "color",
|
|
8663
|
-
"subitem": "
|
|
8190
|
+
"subitem": "regular"
|
|
8664
8191
|
},
|
|
8665
8192
|
"path": [
|
|
8666
8193
|
"global",
|
|
8667
8194
|
"icon",
|
|
8668
8195
|
"color",
|
|
8669
|
-
"
|
|
8196
|
+
"regular"
|
|
8670
8197
|
],
|
|
8671
8198
|
"references": [
|
|
8672
8199
|
{
|
|
8673
8200
|
"type": "color",
|
|
8674
|
-
"value": "#
|
|
8201
|
+
"value": "#f2f2f2",
|
|
8675
8202
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
8676
8203
|
"isSource": true,
|
|
8677
8204
|
"original": {
|
|
8678
8205
|
"type": "color",
|
|
8679
|
-
"value": "{color.gray.
|
|
8206
|
+
"value": "{color.gray.10}"
|
|
8680
8207
|
},
|
|
8681
|
-
"name": "pf-t--global--dark--icon--color--
|
|
8208
|
+
"name": "pf-t--global--dark--icon--color--100",
|
|
8682
8209
|
"attributes": {
|
|
8683
8210
|
"category": "global",
|
|
8684
8211
|
"type": "dark",
|
|
8685
8212
|
"item": "icon",
|
|
8686
8213
|
"subitem": "color",
|
|
8687
|
-
"state": "
|
|
8214
|
+
"state": "100"
|
|
8688
8215
|
},
|
|
8689
8216
|
"path": [
|
|
8690
8217
|
"global",
|
|
8691
8218
|
"dark",
|
|
8692
8219
|
"icon",
|
|
8693
8220
|
"color",
|
|
8694
|
-
"
|
|
8221
|
+
"100"
|
|
8695
8222
|
],
|
|
8696
8223
|
"references": [
|
|
8697
8224
|
{
|
|
8698
8225
|
"type": "color",
|
|
8699
|
-
"value": "#
|
|
8226
|
+
"value": "#f2f2f2",
|
|
8700
8227
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
8701
8228
|
"isSource": true,
|
|
8702
8229
|
"original": {
|
|
8703
8230
|
"type": "color",
|
|
8704
|
-
"value": "#
|
|
8231
|
+
"value": "#f2f2f2"
|
|
8705
8232
|
},
|
|
8706
|
-
"name": "pf-t--color--gray--
|
|
8233
|
+
"name": "pf-t--color--gray--10",
|
|
8707
8234
|
"attributes": {
|
|
8708
8235
|
"category": "color",
|
|
8709
8236
|
"type": "gray",
|
|
8710
|
-
"item": "
|
|
8237
|
+
"item": "10"
|
|
8711
8238
|
},
|
|
8712
8239
|
"path": [
|
|
8713
8240
|
"color",
|
|
8714
8241
|
"gray",
|
|
8715
|
-
"
|
|
8242
|
+
"10"
|
|
8716
8243
|
]
|
|
8717
8244
|
}
|
|
8718
8245
|
]
|
|
@@ -17104,12 +16631,12 @@
|
|
|
17104
16631
|
"pf-t--global--border--color--control--read-only": {
|
|
17105
16632
|
"default": {
|
|
17106
16633
|
"type": "color",
|
|
17107
|
-
"value": "
|
|
16634
|
+
"value": "rgba(41, 41, 41, 0.5000)",
|
|
17108
16635
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
17109
16636
|
"isSource": true,
|
|
17110
16637
|
"original": {
|
|
17111
16638
|
"type": "color",
|
|
17112
|
-
"value": "{global.
|
|
16639
|
+
"value": "{global.border.color.alt}"
|
|
17113
16640
|
},
|
|
17114
16641
|
"name": "pf-t--global--border--color--control--read-only",
|
|
17115
16642
|
"attributes": {
|
|
@@ -17128,49 +16655,55 @@
|
|
|
17128
16655
|
],
|
|
17129
16656
|
"references": [
|
|
17130
16657
|
{
|
|
16658
|
+
"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",
|
|
17131
16659
|
"type": "color",
|
|
17132
|
-
"value": "
|
|
17133
|
-
"filePath": "tokens/default/glass-dark/
|
|
16660
|
+
"value": "rgba(41, 41, 41, 0.5000)",
|
|
16661
|
+
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
17134
16662
|
"isSource": true,
|
|
17135
16663
|
"original": {
|
|
16664
|
+
"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",
|
|
17136
16665
|
"type": "color",
|
|
17137
|
-
"value": "{color.
|
|
16666
|
+
"value": "{global.background.color.primary.default}"
|
|
17138
16667
|
},
|
|
17139
|
-
"name": "pf-t--global--
|
|
16668
|
+
"name": "pf-t--global--border--color--alt",
|
|
17140
16669
|
"attributes": {
|
|
17141
16670
|
"category": "global",
|
|
17142
|
-
"type": "
|
|
17143
|
-
"item": "
|
|
17144
|
-
"subitem": "
|
|
17145
|
-
"state": "50"
|
|
16671
|
+
"type": "border",
|
|
16672
|
+
"item": "color",
|
|
16673
|
+
"subitem": "alt"
|
|
17146
16674
|
},
|
|
17147
16675
|
"path": [
|
|
17148
16676
|
"global",
|
|
17149
|
-
"dark",
|
|
17150
16677
|
"border",
|
|
17151
16678
|
"color",
|
|
17152
|
-
"
|
|
16679
|
+
"alt"
|
|
17153
16680
|
],
|
|
17154
16681
|
"references": [
|
|
17155
16682
|
{
|
|
16683
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
17156
16684
|
"type": "color",
|
|
17157
|
-
"value": "
|
|
17158
|
-
"filePath": "tokens/default/glass-dark/
|
|
16685
|
+
"value": "rgba(41, 41, 41, 0.5000)",
|
|
16686
|
+
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
17159
16687
|
"isSource": true,
|
|
17160
16688
|
"original": {
|
|
16689
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
17161
16690
|
"type": "color",
|
|
17162
|
-
"value": "
|
|
16691
|
+
"value": "rgba(41, 41, 41, 0.5000)"
|
|
17163
16692
|
},
|
|
17164
|
-
"name": "pf-t--color--
|
|
16693
|
+
"name": "pf-t--global--background--color--primary--default",
|
|
17165
16694
|
"attributes": {
|
|
17166
|
-
"category": "
|
|
17167
|
-
"type": "
|
|
17168
|
-
"item": "
|
|
16695
|
+
"category": "global",
|
|
16696
|
+
"type": "background",
|
|
16697
|
+
"item": "color",
|
|
16698
|
+
"subitem": "primary",
|
|
16699
|
+
"state": "default"
|
|
17169
16700
|
},
|
|
17170
16701
|
"path": [
|
|
16702
|
+
"global",
|
|
16703
|
+
"background",
|
|
17171
16704
|
"color",
|
|
17172
|
-
"
|
|
17173
|
-
"
|
|
16705
|
+
"primary",
|
|
16706
|
+
"default"
|
|
17174
16707
|
]
|
|
17175
16708
|
}
|
|
17176
16709
|
]
|
|
@@ -20065,7 +19598,7 @@
|
|
|
20065
19598
|
"original": {
|
|
20066
19599
|
"description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
|
|
20067
19600
|
"type": "color",
|
|
20068
|
-
"value": "{
|
|
19601
|
+
"value": "{color.gray.70}"
|
|
20069
19602
|
},
|
|
20070
19603
|
"name": "pf-t--global--border--color--subtle",
|
|
20071
19604
|
"attributes": {
|
|
@@ -20084,49 +19617,22 @@
|
|
|
20084
19617
|
{
|
|
20085
19618
|
"type": "color",
|
|
20086
19619
|
"value": "#383838",
|
|
20087
|
-
"filePath": "tokens/default/glass-dark/
|
|
19620
|
+
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
20088
19621
|
"isSource": true,
|
|
20089
19622
|
"original": {
|
|
20090
19623
|
"type": "color",
|
|
20091
|
-
"value": "
|
|
19624
|
+
"value": "#383838"
|
|
20092
19625
|
},
|
|
20093
|
-
"name": "pf-t--
|
|
19626
|
+
"name": "pf-t--color--gray--70",
|
|
20094
19627
|
"attributes": {
|
|
20095
|
-
"category": "
|
|
20096
|
-
"type": "
|
|
20097
|
-
"item": "
|
|
20098
|
-
"subitem": "color",
|
|
20099
|
-
"state": "50"
|
|
19628
|
+
"category": "color",
|
|
19629
|
+
"type": "gray",
|
|
19630
|
+
"item": "70"
|
|
20100
19631
|
},
|
|
20101
19632
|
"path": [
|
|
20102
|
-
"global",
|
|
20103
|
-
"dark",
|
|
20104
|
-
"border",
|
|
20105
19633
|
"color",
|
|
20106
|
-
"
|
|
20107
|
-
|
|
20108
|
-
"references": [
|
|
20109
|
-
{
|
|
20110
|
-
"type": "color",
|
|
20111
|
-
"value": "#383838",
|
|
20112
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
20113
|
-
"isSource": true,
|
|
20114
|
-
"original": {
|
|
20115
|
-
"type": "color",
|
|
20116
|
-
"value": "#383838"
|
|
20117
|
-
},
|
|
20118
|
-
"name": "pf-t--color--gray--70",
|
|
20119
|
-
"attributes": {
|
|
20120
|
-
"category": "color",
|
|
20121
|
-
"type": "gray",
|
|
20122
|
-
"item": "70"
|
|
20123
|
-
},
|
|
20124
|
-
"path": [
|
|
20125
|
-
"color",
|
|
20126
|
-
"gray",
|
|
20127
|
-
"70"
|
|
20128
|
-
]
|
|
20129
|
-
}
|
|
19634
|
+
"gray",
|
|
19635
|
+
"70"
|
|
20130
19636
|
]
|
|
20131
19637
|
}
|
|
20132
19638
|
]
|
|
@@ -20213,7 +19719,7 @@
|
|
|
20213
19719
|
"default": {
|
|
20214
19720
|
"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",
|
|
20215
19721
|
"type": "color",
|
|
20216
|
-
"value": "
|
|
19722
|
+
"value": "rgba(41, 41, 41, 0.5000)",
|
|
20217
19723
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
20218
19724
|
"isSource": true,
|
|
20219
19725
|
"original": {
|
|
@@ -20238,13 +19744,13 @@
|
|
|
20238
19744
|
{
|
|
20239
19745
|
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
20240
19746
|
"type": "color",
|
|
20241
|
-
"value": "
|
|
19747
|
+
"value": "rgba(41, 41, 41, 0.5000)",
|
|
20242
19748
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
20243
19749
|
"isSource": true,
|
|
20244
19750
|
"original": {
|
|
20245
19751
|
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
20246
19752
|
"type": "color",
|
|
20247
|
-
"value": "
|
|
19753
|
+
"value": "rgba(41, 41, 41, 0.5000)"
|
|
20248
19754
|
},
|
|
20249
19755
|
"name": "pf-t--global--background--color--primary--default",
|
|
20250
19756
|
"attributes": {
|
|
@@ -20260,56 +19766,6 @@
|
|
|
20260
19766
|
"color",
|
|
20261
19767
|
"primary",
|
|
20262
19768
|
"default"
|
|
20263
|
-
],
|
|
20264
|
-
"references": [
|
|
20265
|
-
{
|
|
20266
|
-
"type": "color",
|
|
20267
|
-
"value": "#292929",
|
|
20268
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
20269
|
-
"isSource": true,
|
|
20270
|
-
"original": {
|
|
20271
|
-
"type": "color",
|
|
20272
|
-
"value": "{color.gray.80}"
|
|
20273
|
-
},
|
|
20274
|
-
"name": "pf-t--global--dark--background--color--200",
|
|
20275
|
-
"attributes": {
|
|
20276
|
-
"category": "global",
|
|
20277
|
-
"type": "dark",
|
|
20278
|
-
"item": "background",
|
|
20279
|
-
"subitem": "color",
|
|
20280
|
-
"state": "200"
|
|
20281
|
-
},
|
|
20282
|
-
"path": [
|
|
20283
|
-
"global",
|
|
20284
|
-
"dark",
|
|
20285
|
-
"background",
|
|
20286
|
-
"color",
|
|
20287
|
-
"200"
|
|
20288
|
-
],
|
|
20289
|
-
"references": [
|
|
20290
|
-
{
|
|
20291
|
-
"type": "color",
|
|
20292
|
-
"value": "#292929",
|
|
20293
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
20294
|
-
"isSource": true,
|
|
20295
|
-
"original": {
|
|
20296
|
-
"type": "color",
|
|
20297
|
-
"value": "#292929"
|
|
20298
|
-
},
|
|
20299
|
-
"name": "pf-t--color--gray--80",
|
|
20300
|
-
"attributes": {
|
|
20301
|
-
"category": "color",
|
|
20302
|
-
"type": "gray",
|
|
20303
|
-
"item": "80"
|
|
20304
|
-
},
|
|
20305
|
-
"path": [
|
|
20306
|
-
"color",
|
|
20307
|
-
"gray",
|
|
20308
|
-
"80"
|
|
20309
|
-
]
|
|
20310
|
-
}
|
|
20311
|
-
]
|
|
20312
|
-
}
|
|
20313
19769
|
]
|
|
20314
19770
|
}
|
|
20315
19771
|
]
|
|
@@ -22582,7 +22038,7 @@
|
|
|
22582
22038
|
"pf-t--global--border--color--main--default": {
|
|
22583
22039
|
"default": {
|
|
22584
22040
|
"type": "color",
|
|
22585
|
-
"value": "
|
|
22041
|
+
"value": "rgba(41, 41, 41, 0.5000)",
|
|
22586
22042
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
22587
22043
|
"isSource": true,
|
|
22588
22044
|
"original": {
|
|
@@ -22608,13 +22064,13 @@
|
|
|
22608
22064
|
{
|
|
22609
22065
|
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
22610
22066
|
"type": "color",
|
|
22611
|
-
"value": "
|
|
22067
|
+
"value": "rgba(41, 41, 41, 0.5000)",
|
|
22612
22068
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
22613
22069
|
"isSource": true,
|
|
22614
22070
|
"original": {
|
|
22615
22071
|
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
22616
22072
|
"type": "color",
|
|
22617
|
-
"value": "
|
|
22073
|
+
"value": "rgba(41, 41, 41, 0.5000)"
|
|
22618
22074
|
},
|
|
22619
22075
|
"name": "pf-t--global--background--color--primary--default",
|
|
22620
22076
|
"attributes": {
|
|
@@ -22630,56 +22086,6 @@
|
|
|
22630
22086
|
"color",
|
|
22631
22087
|
"primary",
|
|
22632
22088
|
"default"
|
|
22633
|
-
],
|
|
22634
|
-
"references": [
|
|
22635
|
-
{
|
|
22636
|
-
"type": "color",
|
|
22637
|
-
"value": "#292929",
|
|
22638
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
22639
|
-
"isSource": true,
|
|
22640
|
-
"original": {
|
|
22641
|
-
"type": "color",
|
|
22642
|
-
"value": "{color.gray.80}"
|
|
22643
|
-
},
|
|
22644
|
-
"name": "pf-t--global--dark--background--color--200",
|
|
22645
|
-
"attributes": {
|
|
22646
|
-
"category": "global",
|
|
22647
|
-
"type": "dark",
|
|
22648
|
-
"item": "background",
|
|
22649
|
-
"subitem": "color",
|
|
22650
|
-
"state": "200"
|
|
22651
|
-
},
|
|
22652
|
-
"path": [
|
|
22653
|
-
"global",
|
|
22654
|
-
"dark",
|
|
22655
|
-
"background",
|
|
22656
|
-
"color",
|
|
22657
|
-
"200"
|
|
22658
|
-
],
|
|
22659
|
-
"references": [
|
|
22660
|
-
{
|
|
22661
|
-
"type": "color",
|
|
22662
|
-
"value": "#292929",
|
|
22663
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
22664
|
-
"isSource": true,
|
|
22665
|
-
"original": {
|
|
22666
|
-
"type": "color",
|
|
22667
|
-
"value": "#292929"
|
|
22668
|
-
},
|
|
22669
|
-
"name": "pf-t--color--gray--80",
|
|
22670
|
-
"attributes": {
|
|
22671
|
-
"category": "color",
|
|
22672
|
-
"type": "gray",
|
|
22673
|
-
"item": "80"
|
|
22674
|
-
},
|
|
22675
|
-
"path": [
|
|
22676
|
-
"color",
|
|
22677
|
-
"gray",
|
|
22678
|
-
"80"
|
|
22679
|
-
]
|
|
22680
|
-
}
|
|
22681
|
-
]
|
|
22682
|
-
}
|
|
22683
22089
|
]
|
|
22684
22090
|
}
|
|
22685
22091
|
]
|
|
@@ -23603,139 +23009,32 @@
|
|
|
23603
23009
|
]
|
|
23604
23010
|
}
|
|
23605
23011
|
},
|
|
23606
|
-
"pf-t--global--text--color--on-brand--clicked": {
|
|
23607
|
-
"default": {
|
|
23608
|
-
"description": "Use as the clicked state color for text placed on a brand-colored background.",
|
|
23609
|
-
"type": "color",
|
|
23610
|
-
"value": "#1f1f1f",
|
|
23611
|
-
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23612
|
-
"isSource": true,
|
|
23613
|
-
"original": {
|
|
23614
|
-
"description": "Use as the clicked state color for text placed on a brand-colored background.",
|
|
23615
|
-
"type": "color",
|
|
23616
|
-
"value": "{global.text.color.inverse}"
|
|
23617
|
-
},
|
|
23618
|
-
"name": "pf-t--global--text--color--on-brand--clicked",
|
|
23619
|
-
"attributes": {
|
|
23620
|
-
"category": "global",
|
|
23621
|
-
"type": "text",
|
|
23622
|
-
"item": "color",
|
|
23623
|
-
"subitem": "on-brand",
|
|
23624
|
-
"state": "clicked"
|
|
23625
|
-
},
|
|
23626
|
-
"path": [
|
|
23627
|
-
"global",
|
|
23628
|
-
"text",
|
|
23629
|
-
"color",
|
|
23630
|
-
"on-brand",
|
|
23631
|
-
"clicked"
|
|
23632
|
-
],
|
|
23633
|
-
"references": [
|
|
23634
|
-
{
|
|
23635
|
-
"description": "Use as the color of text that is placed on an inverse background color, like tooltips.",
|
|
23636
|
-
"type": "color",
|
|
23637
|
-
"value": "#1f1f1f",
|
|
23638
|
-
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23639
|
-
"isSource": true,
|
|
23640
|
-
"original": {
|
|
23641
|
-
"description": "Use as the color of text that is placed on an inverse background color, like tooltips.",
|
|
23642
|
-
"type": "color",
|
|
23643
|
-
"value": "{global.dark.text.color.300}"
|
|
23644
|
-
},
|
|
23645
|
-
"name": "pf-t--global--text--color--inverse",
|
|
23646
|
-
"attributes": {
|
|
23647
|
-
"category": "global",
|
|
23648
|
-
"type": "text",
|
|
23649
|
-
"item": "color",
|
|
23650
|
-
"subitem": "inverse"
|
|
23651
|
-
},
|
|
23652
|
-
"path": [
|
|
23653
|
-
"global",
|
|
23654
|
-
"text",
|
|
23655
|
-
"color",
|
|
23656
|
-
"inverse"
|
|
23657
|
-
],
|
|
23658
|
-
"references": [
|
|
23659
|
-
{
|
|
23660
|
-
"type": "color",
|
|
23661
|
-
"value": "#1f1f1f",
|
|
23662
|
-
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
23663
|
-
"isSource": true,
|
|
23664
|
-
"original": {
|
|
23665
|
-
"type": "color",
|
|
23666
|
-
"value": "{color.gray.90}"
|
|
23667
|
-
},
|
|
23668
|
-
"name": "pf-t--global--dark--text--color--300",
|
|
23669
|
-
"attributes": {
|
|
23670
|
-
"category": "global",
|
|
23671
|
-
"type": "dark",
|
|
23672
|
-
"item": "text",
|
|
23673
|
-
"subitem": "color",
|
|
23674
|
-
"state": "300"
|
|
23675
|
-
},
|
|
23676
|
-
"path": [
|
|
23677
|
-
"global",
|
|
23678
|
-
"dark",
|
|
23679
|
-
"text",
|
|
23680
|
-
"color",
|
|
23681
|
-
"300"
|
|
23682
|
-
],
|
|
23683
|
-
"references": [
|
|
23684
|
-
{
|
|
23685
|
-
"type": "color",
|
|
23686
|
-
"value": "#1f1f1f",
|
|
23687
|
-
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
23688
|
-
"isSource": true,
|
|
23689
|
-
"original": {
|
|
23690
|
-
"type": "color",
|
|
23691
|
-
"value": "#1f1f1f"
|
|
23692
|
-
},
|
|
23693
|
-
"name": "pf-t--color--gray--90",
|
|
23694
|
-
"attributes": {
|
|
23695
|
-
"category": "color",
|
|
23696
|
-
"type": "gray",
|
|
23697
|
-
"item": "90"
|
|
23698
|
-
},
|
|
23699
|
-
"path": [
|
|
23700
|
-
"color",
|
|
23701
|
-
"gray",
|
|
23702
|
-
"90"
|
|
23703
|
-
]
|
|
23704
|
-
}
|
|
23705
|
-
]
|
|
23706
|
-
}
|
|
23707
|
-
]
|
|
23708
|
-
}
|
|
23709
|
-
]
|
|
23710
|
-
}
|
|
23711
|
-
},
|
|
23712
|
-
"pf-t--global--text--color--on-brand--accent--default": {
|
|
23012
|
+
"pf-t--global--text--color--on-brand--clicked": {
|
|
23713
23013
|
"default": {
|
|
23714
|
-
"description": "Use as the
|
|
23014
|
+
"description": "Use as the clicked state color for text placed on a brand-colored background.",
|
|
23715
23015
|
"type": "color",
|
|
23716
23016
|
"value": "#1f1f1f",
|
|
23717
23017
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23718
23018
|
"isSource": true,
|
|
23719
23019
|
"original": {
|
|
23720
|
-
"description": "Use as the
|
|
23020
|
+
"description": "Use as the clicked state color for text placed on a brand-colored background.",
|
|
23721
23021
|
"type": "color",
|
|
23722
23022
|
"value": "{global.text.color.inverse}"
|
|
23723
23023
|
},
|
|
23724
|
-
"name": "pf-t--global--text--color--on-brand--
|
|
23024
|
+
"name": "pf-t--global--text--color--on-brand--clicked",
|
|
23725
23025
|
"attributes": {
|
|
23726
23026
|
"category": "global",
|
|
23727
23027
|
"type": "text",
|
|
23728
23028
|
"item": "color",
|
|
23729
23029
|
"subitem": "on-brand",
|
|
23730
|
-
"state": "
|
|
23030
|
+
"state": "clicked"
|
|
23731
23031
|
},
|
|
23732
23032
|
"path": [
|
|
23733
23033
|
"global",
|
|
23734
23034
|
"text",
|
|
23735
23035
|
"color",
|
|
23736
23036
|
"on-brand",
|
|
23737
|
-
"
|
|
23738
|
-
"default"
|
|
23037
|
+
"clicked"
|
|
23739
23038
|
],
|
|
23740
23039
|
"references": [
|
|
23741
23040
|
{
|
|
@@ -23816,17 +23115,122 @@
|
|
|
23816
23115
|
]
|
|
23817
23116
|
}
|
|
23818
23117
|
},
|
|
23118
|
+
"pf-t--global--text--color--on-brand--accent--default": {
|
|
23119
|
+
"default": {
|
|
23120
|
+
"description": "Use as the default color for text placed on a brand-colored background.",
|
|
23121
|
+
"type": "color",
|
|
23122
|
+
"value": "#ffffff",
|
|
23123
|
+
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23124
|
+
"isSource": true,
|
|
23125
|
+
"original": {
|
|
23126
|
+
"description": "Use as the default color for text placed on a brand-colored background.",
|
|
23127
|
+
"type": "color",
|
|
23128
|
+
"value": "{global.text.color.regular}"
|
|
23129
|
+
},
|
|
23130
|
+
"name": "pf-t--global--text--color--on-brand--accent--default",
|
|
23131
|
+
"attributes": {
|
|
23132
|
+
"category": "global",
|
|
23133
|
+
"type": "text",
|
|
23134
|
+
"item": "color",
|
|
23135
|
+
"subitem": "on-brand",
|
|
23136
|
+
"state": "accent"
|
|
23137
|
+
},
|
|
23138
|
+
"path": [
|
|
23139
|
+
"global",
|
|
23140
|
+
"text",
|
|
23141
|
+
"color",
|
|
23142
|
+
"on-brand",
|
|
23143
|
+
"accent",
|
|
23144
|
+
"default"
|
|
23145
|
+
],
|
|
23146
|
+
"references": [
|
|
23147
|
+
{
|
|
23148
|
+
"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.",
|
|
23149
|
+
"type": "color",
|
|
23150
|
+
"value": "#ffffff",
|
|
23151
|
+
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23152
|
+
"isSource": true,
|
|
23153
|
+
"original": {
|
|
23154
|
+
"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.",
|
|
23155
|
+
"type": "color",
|
|
23156
|
+
"value": "{global.dark.text.color.100}"
|
|
23157
|
+
},
|
|
23158
|
+
"name": "pf-t--global--text--color--regular",
|
|
23159
|
+
"attributes": {
|
|
23160
|
+
"category": "global",
|
|
23161
|
+
"type": "text",
|
|
23162
|
+
"item": "color",
|
|
23163
|
+
"subitem": "regular"
|
|
23164
|
+
},
|
|
23165
|
+
"path": [
|
|
23166
|
+
"global",
|
|
23167
|
+
"text",
|
|
23168
|
+
"color",
|
|
23169
|
+
"regular"
|
|
23170
|
+
],
|
|
23171
|
+
"references": [
|
|
23172
|
+
{
|
|
23173
|
+
"type": "color",
|
|
23174
|
+
"value": "#ffffff",
|
|
23175
|
+
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
23176
|
+
"isSource": true,
|
|
23177
|
+
"original": {
|
|
23178
|
+
"type": "color",
|
|
23179
|
+
"value": "{color.white}"
|
|
23180
|
+
},
|
|
23181
|
+
"name": "pf-t--global--dark--text--color--100",
|
|
23182
|
+
"attributes": {
|
|
23183
|
+
"category": "global",
|
|
23184
|
+
"type": "dark",
|
|
23185
|
+
"item": "text",
|
|
23186
|
+
"subitem": "color",
|
|
23187
|
+
"state": "100"
|
|
23188
|
+
},
|
|
23189
|
+
"path": [
|
|
23190
|
+
"global",
|
|
23191
|
+
"dark",
|
|
23192
|
+
"text",
|
|
23193
|
+
"color",
|
|
23194
|
+
"100"
|
|
23195
|
+
],
|
|
23196
|
+
"references": [
|
|
23197
|
+
{
|
|
23198
|
+
"type": "color",
|
|
23199
|
+
"value": "#ffffff",
|
|
23200
|
+
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
23201
|
+
"isSource": true,
|
|
23202
|
+
"original": {
|
|
23203
|
+
"type": "color",
|
|
23204
|
+
"value": "#ffffff"
|
|
23205
|
+
},
|
|
23206
|
+
"name": "pf-t--color--white",
|
|
23207
|
+
"attributes": {
|
|
23208
|
+
"category": "color",
|
|
23209
|
+
"type": "white"
|
|
23210
|
+
},
|
|
23211
|
+
"path": [
|
|
23212
|
+
"color",
|
|
23213
|
+
"white"
|
|
23214
|
+
]
|
|
23215
|
+
}
|
|
23216
|
+
]
|
|
23217
|
+
}
|
|
23218
|
+
]
|
|
23219
|
+
}
|
|
23220
|
+
]
|
|
23221
|
+
}
|
|
23222
|
+
},
|
|
23819
23223
|
"pf-t--global--text--color--on-brand--accent--hover": {
|
|
23820
23224
|
"default": {
|
|
23821
23225
|
"description": "Use as the hover state color for text placed on a brand-colored background.",
|
|
23822
23226
|
"type": "color",
|
|
23823
|
-
"value": "#
|
|
23227
|
+
"value": "#ffffff",
|
|
23824
23228
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23825
23229
|
"isSource": true,
|
|
23826
23230
|
"original": {
|
|
23827
23231
|
"description": "Use as the hover state color for text placed on a brand-colored background.",
|
|
23828
23232
|
"type": "color",
|
|
23829
|
-
"value": "{global.text.color.
|
|
23233
|
+
"value": "{global.text.color.regular}"
|
|
23830
23234
|
},
|
|
23831
23235
|
"name": "pf-t--global--text--color--on-brand--accent--hover",
|
|
23832
23236
|
"attributes": {
|
|
@@ -23846,74 +23250,72 @@
|
|
|
23846
23250
|
],
|
|
23847
23251
|
"references": [
|
|
23848
23252
|
{
|
|
23849
|
-
"description": "Use as the color
|
|
23253
|
+
"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.",
|
|
23850
23254
|
"type": "color",
|
|
23851
|
-
"value": "#
|
|
23255
|
+
"value": "#ffffff",
|
|
23852
23256
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23853
23257
|
"isSource": true,
|
|
23854
23258
|
"original": {
|
|
23855
|
-
"description": "Use as the color
|
|
23259
|
+
"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.",
|
|
23856
23260
|
"type": "color",
|
|
23857
|
-
"value": "{global.dark.text.color.
|
|
23261
|
+
"value": "{global.dark.text.color.100}"
|
|
23858
23262
|
},
|
|
23859
|
-
"name": "pf-t--global--text--color--
|
|
23263
|
+
"name": "pf-t--global--text--color--regular",
|
|
23860
23264
|
"attributes": {
|
|
23861
23265
|
"category": "global",
|
|
23862
23266
|
"type": "text",
|
|
23863
23267
|
"item": "color",
|
|
23864
|
-
"subitem": "
|
|
23268
|
+
"subitem": "regular"
|
|
23865
23269
|
},
|
|
23866
23270
|
"path": [
|
|
23867
23271
|
"global",
|
|
23868
23272
|
"text",
|
|
23869
23273
|
"color",
|
|
23870
|
-
"
|
|
23274
|
+
"regular"
|
|
23871
23275
|
],
|
|
23872
23276
|
"references": [
|
|
23873
23277
|
{
|
|
23874
23278
|
"type": "color",
|
|
23875
|
-
"value": "#
|
|
23279
|
+
"value": "#ffffff",
|
|
23876
23280
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
23877
23281
|
"isSource": true,
|
|
23878
23282
|
"original": {
|
|
23879
23283
|
"type": "color",
|
|
23880
|
-
"value": "{color.
|
|
23284
|
+
"value": "{color.white}"
|
|
23881
23285
|
},
|
|
23882
|
-
"name": "pf-t--global--dark--text--color--
|
|
23286
|
+
"name": "pf-t--global--dark--text--color--100",
|
|
23883
23287
|
"attributes": {
|
|
23884
23288
|
"category": "global",
|
|
23885
23289
|
"type": "dark",
|
|
23886
23290
|
"item": "text",
|
|
23887
23291
|
"subitem": "color",
|
|
23888
|
-
"state": "
|
|
23292
|
+
"state": "100"
|
|
23889
23293
|
},
|
|
23890
23294
|
"path": [
|
|
23891
23295
|
"global",
|
|
23892
23296
|
"dark",
|
|
23893
23297
|
"text",
|
|
23894
23298
|
"color",
|
|
23895
|
-
"
|
|
23299
|
+
"100"
|
|
23896
23300
|
],
|
|
23897
23301
|
"references": [
|
|
23898
23302
|
{
|
|
23899
23303
|
"type": "color",
|
|
23900
|
-
"value": "#
|
|
23304
|
+
"value": "#ffffff",
|
|
23901
23305
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
23902
23306
|
"isSource": true,
|
|
23903
23307
|
"original": {
|
|
23904
23308
|
"type": "color",
|
|
23905
|
-
"value": "#
|
|
23309
|
+
"value": "#ffffff"
|
|
23906
23310
|
},
|
|
23907
|
-
"name": "pf-t--color--
|
|
23311
|
+
"name": "pf-t--color--white",
|
|
23908
23312
|
"attributes": {
|
|
23909
23313
|
"category": "color",
|
|
23910
|
-
"type": "
|
|
23911
|
-
"item": "90"
|
|
23314
|
+
"type": "white"
|
|
23912
23315
|
},
|
|
23913
23316
|
"path": [
|
|
23914
23317
|
"color",
|
|
23915
|
-
"
|
|
23916
|
-
"90"
|
|
23318
|
+
"white"
|
|
23917
23319
|
]
|
|
23918
23320
|
}
|
|
23919
23321
|
]
|
|
@@ -23927,13 +23329,13 @@
|
|
|
23927
23329
|
"default": {
|
|
23928
23330
|
"description": "Use as the clicked state color for text placed on a brand-colored background.",
|
|
23929
23331
|
"type": "color",
|
|
23930
|
-
"value": "#
|
|
23332
|
+
"value": "#ffffff",
|
|
23931
23333
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23932
23334
|
"isSource": true,
|
|
23933
23335
|
"original": {
|
|
23934
23336
|
"description": "Use as the clicked state color for text placed on a brand-colored background.",
|
|
23935
23337
|
"type": "color",
|
|
23936
|
-
"value": "{global.text.color.
|
|
23338
|
+
"value": "{global.text.color.regular}"
|
|
23937
23339
|
},
|
|
23938
23340
|
"name": "pf-t--global--text--color--on-brand--accent--clicked",
|
|
23939
23341
|
"attributes": {
|
|
@@ -23953,74 +23355,72 @@
|
|
|
23953
23355
|
],
|
|
23954
23356
|
"references": [
|
|
23955
23357
|
{
|
|
23956
|
-
"description": "Use as the color
|
|
23358
|
+
"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.",
|
|
23957
23359
|
"type": "color",
|
|
23958
|
-
"value": "#
|
|
23360
|
+
"value": "#ffffff",
|
|
23959
23361
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
23960
23362
|
"isSource": true,
|
|
23961
23363
|
"original": {
|
|
23962
|
-
"description": "Use as the color
|
|
23364
|
+
"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.",
|
|
23963
23365
|
"type": "color",
|
|
23964
|
-
"value": "{global.dark.text.color.
|
|
23366
|
+
"value": "{global.dark.text.color.100}"
|
|
23965
23367
|
},
|
|
23966
|
-
"name": "pf-t--global--text--color--
|
|
23368
|
+
"name": "pf-t--global--text--color--regular",
|
|
23967
23369
|
"attributes": {
|
|
23968
23370
|
"category": "global",
|
|
23969
23371
|
"type": "text",
|
|
23970
23372
|
"item": "color",
|
|
23971
|
-
"subitem": "
|
|
23373
|
+
"subitem": "regular"
|
|
23972
23374
|
},
|
|
23973
23375
|
"path": [
|
|
23974
23376
|
"global",
|
|
23975
23377
|
"text",
|
|
23976
23378
|
"color",
|
|
23977
|
-
"
|
|
23379
|
+
"regular"
|
|
23978
23380
|
],
|
|
23979
23381
|
"references": [
|
|
23980
23382
|
{
|
|
23981
23383
|
"type": "color",
|
|
23982
|
-
"value": "#
|
|
23384
|
+
"value": "#ffffff",
|
|
23983
23385
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
23984
23386
|
"isSource": true,
|
|
23985
23387
|
"original": {
|
|
23986
23388
|
"type": "color",
|
|
23987
|
-
"value": "{color.
|
|
23389
|
+
"value": "{color.white}"
|
|
23988
23390
|
},
|
|
23989
|
-
"name": "pf-t--global--dark--text--color--
|
|
23391
|
+
"name": "pf-t--global--dark--text--color--100",
|
|
23990
23392
|
"attributes": {
|
|
23991
23393
|
"category": "global",
|
|
23992
23394
|
"type": "dark",
|
|
23993
23395
|
"item": "text",
|
|
23994
23396
|
"subitem": "color",
|
|
23995
|
-
"state": "
|
|
23397
|
+
"state": "100"
|
|
23996
23398
|
},
|
|
23997
23399
|
"path": [
|
|
23998
23400
|
"global",
|
|
23999
23401
|
"dark",
|
|
24000
23402
|
"text",
|
|
24001
23403
|
"color",
|
|
24002
|
-
"
|
|
23404
|
+
"100"
|
|
24003
23405
|
],
|
|
24004
23406
|
"references": [
|
|
24005
23407
|
{
|
|
24006
23408
|
"type": "color",
|
|
24007
|
-
"value": "#
|
|
23409
|
+
"value": "#ffffff",
|
|
24008
23410
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
24009
23411
|
"isSource": true,
|
|
24010
23412
|
"original": {
|
|
24011
23413
|
"type": "color",
|
|
24012
|
-
"value": "#
|
|
23414
|
+
"value": "#ffffff"
|
|
24013
23415
|
},
|
|
24014
|
-
"name": "pf-t--color--
|
|
23416
|
+
"name": "pf-t--color--white",
|
|
24015
23417
|
"attributes": {
|
|
24016
23418
|
"category": "color",
|
|
24017
|
-
"type": "
|
|
24018
|
-
"item": "90"
|
|
23419
|
+
"type": "white"
|
|
24019
23420
|
},
|
|
24020
23421
|
"path": [
|
|
24021
23422
|
"color",
|
|
24022
|
-
"
|
|
24023
|
-
"90"
|
|
23423
|
+
"white"
|
|
24024
23424
|
]
|
|
24025
23425
|
}
|
|
24026
23426
|
]
|
|
@@ -31504,7 +30904,7 @@
|
|
|
31504
30904
|
"default": {
|
|
31505
30905
|
"description": "Use as the color of small box-shadows.",
|
|
31506
30906
|
"type": "color",
|
|
31507
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30907
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31508
30908
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
31509
30909
|
"isSource": true,
|
|
31510
30910
|
"original": {
|
|
@@ -31530,12 +30930,12 @@
|
|
|
31530
30930
|
"references": [
|
|
31531
30931
|
{
|
|
31532
30932
|
"type": "color",
|
|
31533
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30933
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31534
30934
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
31535
30935
|
"isSource": true,
|
|
31536
30936
|
"original": {
|
|
31537
30937
|
"type": "color",
|
|
31538
|
-
"value": "rgba(0, 0, 0, 0.
|
|
30938
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
31539
30939
|
},
|
|
31540
30940
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
31541
30941
|
"attributes": {
|
|
@@ -31616,13 +31016,13 @@
|
|
|
31616
31016
|
"default": {
|
|
31617
31017
|
"description": "Use as the color of medium box-shadows.",
|
|
31618
31018
|
"type": "color",
|
|
31619
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31019
|
+
"value": "rgba(0, 0, 0, 0.5000)",
|
|
31620
31020
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
31621
31021
|
"isSource": true,
|
|
31622
31022
|
"original": {
|
|
31623
31023
|
"description": "Use as the color of medium box-shadows.",
|
|
31624
31024
|
"type": "color",
|
|
31625
|
-
"value": "{global.dark.box-shadow.color.
|
|
31025
|
+
"value": "{global.dark.box-shadow.color.100}"
|
|
31626
31026
|
},
|
|
31627
31027
|
"name": "pf-t--global--box-shadow--color--md--directional",
|
|
31628
31028
|
"attributes": {
|
|
@@ -31642,27 +31042,27 @@
|
|
|
31642
31042
|
"references": [
|
|
31643
31043
|
{
|
|
31644
31044
|
"type": "color",
|
|
31645
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31045
|
+
"value": "rgba(0, 0, 0, 0.5000)",
|
|
31646
31046
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
31647
31047
|
"isSource": true,
|
|
31648
31048
|
"original": {
|
|
31649
31049
|
"type": "color",
|
|
31650
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31050
|
+
"value": "rgba(0, 0, 0, 0.5000)"
|
|
31651
31051
|
},
|
|
31652
|
-
"name": "pf-t--global--dark--box-shadow--color--
|
|
31052
|
+
"name": "pf-t--global--dark--box-shadow--color--100",
|
|
31653
31053
|
"attributes": {
|
|
31654
31054
|
"category": "global",
|
|
31655
31055
|
"type": "dark",
|
|
31656
31056
|
"item": "box-shadow",
|
|
31657
31057
|
"subitem": "color",
|
|
31658
|
-
"state": "
|
|
31058
|
+
"state": "100"
|
|
31659
31059
|
},
|
|
31660
31060
|
"path": [
|
|
31661
31061
|
"global",
|
|
31662
31062
|
"dark",
|
|
31663
31063
|
"box-shadow",
|
|
31664
31064
|
"color",
|
|
31665
|
-
"
|
|
31065
|
+
"100"
|
|
31666
31066
|
]
|
|
31667
31067
|
}
|
|
31668
31068
|
]
|
|
@@ -31728,7 +31128,7 @@
|
|
|
31728
31128
|
"default": {
|
|
31729
31129
|
"description": "Use as the color of large box-shadows.",
|
|
31730
31130
|
"type": "color",
|
|
31731
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31131
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31732
31132
|
"filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
|
|
31733
31133
|
"isSource": true,
|
|
31734
31134
|
"original": {
|
|
@@ -31754,12 +31154,12 @@
|
|
|
31754
31154
|
"references": [
|
|
31755
31155
|
{
|
|
31756
31156
|
"type": "color",
|
|
31757
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31157
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
31758
31158
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
31759
31159
|
"isSource": true,
|
|
31760
31160
|
"original": {
|
|
31761
31161
|
"type": "color",
|
|
31762
|
-
"value": "rgba(0, 0, 0, 0.
|
|
31162
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
31763
31163
|
},
|
|
31764
31164
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
31765
31165
|
"attributes": {
|
|
@@ -32704,12 +32104,12 @@
|
|
|
32704
32104
|
"pf-t--global--dark--color--brand--accent--200": {
|
|
32705
32105
|
"default": {
|
|
32706
32106
|
"type": "color",
|
|
32707
|
-
"value": "#
|
|
32107
|
+
"value": "#a60000",
|
|
32708
32108
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
32709
32109
|
"isSource": true,
|
|
32710
32110
|
"original": {
|
|
32711
32111
|
"type": "color",
|
|
32712
|
-
"value": "{color.red.
|
|
32112
|
+
"value": "{color.red.60}"
|
|
32713
32113
|
},
|
|
32714
32114
|
"name": "pf-t--global--dark--color--brand--accent--200",
|
|
32715
32115
|
"attributes": {
|
|
@@ -32730,23 +32130,23 @@
|
|
|
32730
32130
|
"references": [
|
|
32731
32131
|
{
|
|
32732
32132
|
"type": "color",
|
|
32733
|
-
"value": "#
|
|
32133
|
+
"value": "#a60000",
|
|
32734
32134
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
32735
32135
|
"isSource": true,
|
|
32736
32136
|
"original": {
|
|
32737
32137
|
"type": "color",
|
|
32738
|
-
"value": "#
|
|
32138
|
+
"value": "#a60000"
|
|
32739
32139
|
},
|
|
32740
|
-
"name": "pf-t--color--red--
|
|
32140
|
+
"name": "pf-t--color--red--60",
|
|
32741
32141
|
"attributes": {
|
|
32742
32142
|
"category": "color",
|
|
32743
32143
|
"type": "red",
|
|
32744
|
-
"item": "
|
|
32144
|
+
"item": "60"
|
|
32745
32145
|
},
|
|
32746
32146
|
"path": [
|
|
32747
32147
|
"color",
|
|
32748
32148
|
"red",
|
|
32749
|
-
"
|
|
32149
|
+
"60"
|
|
32750
32150
|
]
|
|
32751
32151
|
}
|
|
32752
32152
|
]
|
|
@@ -32755,12 +32155,12 @@
|
|
|
32755
32155
|
"pf-t--global--dark--color--brand--accent--300": {
|
|
32756
32156
|
"default": {
|
|
32757
32157
|
"type": "color",
|
|
32758
|
-
"value": "#
|
|
32158
|
+
"value": "#f56e6e",
|
|
32759
32159
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
32760
32160
|
"isSource": true,
|
|
32761
32161
|
"original": {
|
|
32762
32162
|
"type": "color",
|
|
32763
|
-
"value": "{color.red.
|
|
32163
|
+
"value": "{color.red.40}"
|
|
32764
32164
|
},
|
|
32765
32165
|
"name": "pf-t--global--dark--color--brand--accent--300",
|
|
32766
32166
|
"attributes": {
|
|
@@ -32781,23 +32181,23 @@
|
|
|
32781
32181
|
"references": [
|
|
32782
32182
|
{
|
|
32783
32183
|
"type": "color",
|
|
32784
|
-
"value": "#
|
|
32184
|
+
"value": "#f56e6e",
|
|
32785
32185
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
32786
32186
|
"isSource": true,
|
|
32787
32187
|
"original": {
|
|
32788
32188
|
"type": "color",
|
|
32789
|
-
"value": "#
|
|
32189
|
+
"value": "#f56e6e"
|
|
32790
32190
|
},
|
|
32791
|
-
"name": "pf-t--color--red--
|
|
32191
|
+
"name": "pf-t--color--red--40",
|
|
32792
32192
|
"attributes": {
|
|
32793
32193
|
"category": "color",
|
|
32794
32194
|
"type": "red",
|
|
32795
|
-
"item": "
|
|
32195
|
+
"item": "40"
|
|
32796
32196
|
},
|
|
32797
32197
|
"path": [
|
|
32798
32198
|
"color",
|
|
32799
32199
|
"red",
|
|
32800
|
-
"
|
|
32200
|
+
"40"
|
|
32801
32201
|
]
|
|
32802
32202
|
}
|
|
32803
32203
|
]
|
|
@@ -32806,12 +32206,12 @@
|
|
|
32806
32206
|
"pf-t--global--dark--color--brand--accent--350": {
|
|
32807
32207
|
"default": {
|
|
32808
32208
|
"type": "color",
|
|
32809
|
-
"value": "#
|
|
32209
|
+
"value": "#e0e0e0",
|
|
32810
32210
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
32811
32211
|
"isSource": true,
|
|
32812
32212
|
"original": {
|
|
32813
32213
|
"type": "color",
|
|
32814
|
-
"value": "{color.
|
|
32214
|
+
"value": "{color.gray.20}"
|
|
32815
32215
|
},
|
|
32816
32216
|
"name": "pf-t--global--dark--color--brand--accent--350",
|
|
32817
32217
|
"attributes": {
|
|
@@ -32832,22 +32232,22 @@
|
|
|
32832
32232
|
"references": [
|
|
32833
32233
|
{
|
|
32834
32234
|
"type": "color",
|
|
32835
|
-
"value": "#
|
|
32235
|
+
"value": "#e0e0e0",
|
|
32836
32236
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
32837
32237
|
"isSource": true,
|
|
32838
32238
|
"original": {
|
|
32839
32239
|
"type": "color",
|
|
32840
|
-
"value": "#
|
|
32240
|
+
"value": "#e0e0e0"
|
|
32841
32241
|
},
|
|
32842
|
-
"name": "pf-t--color--
|
|
32242
|
+
"name": "pf-t--color--gray--20",
|
|
32843
32243
|
"attributes": {
|
|
32844
32244
|
"category": "color",
|
|
32845
|
-
"type": "
|
|
32245
|
+
"type": "gray",
|
|
32846
32246
|
"item": "20"
|
|
32847
32247
|
},
|
|
32848
32248
|
"path": [
|
|
32849
32249
|
"color",
|
|
32850
|
-
"
|
|
32250
|
+
"gray",
|
|
32851
32251
|
"20"
|
|
32852
32252
|
]
|
|
32853
32253
|
}
|
|
@@ -35909,12 +35309,12 @@
|
|
|
35909
35309
|
"pf-t--global--dark--border--color--50": {
|
|
35910
35310
|
"default": {
|
|
35911
35311
|
"type": "color",
|
|
35912
|
-
"value": "#
|
|
35312
|
+
"value": "#4d4d4d",
|
|
35913
35313
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
35914
35314
|
"isSource": true,
|
|
35915
35315
|
"original": {
|
|
35916
35316
|
"type": "color",
|
|
35917
|
-
"value": "{color.gray.
|
|
35317
|
+
"value": "{color.gray.60}"
|
|
35918
35318
|
},
|
|
35919
35319
|
"name": "pf-t--global--dark--border--color--50",
|
|
35920
35320
|
"attributes": {
|
|
@@ -35934,23 +35334,23 @@
|
|
|
35934
35334
|
"references": [
|
|
35935
35335
|
{
|
|
35936
35336
|
"type": "color",
|
|
35937
|
-
"value": "#
|
|
35337
|
+
"value": "#4d4d4d",
|
|
35938
35338
|
"filePath": "tokens/default/glass-dark/palette.color.json",
|
|
35939
35339
|
"isSource": true,
|
|
35940
35340
|
"original": {
|
|
35941
35341
|
"type": "color",
|
|
35942
|
-
"value": "#
|
|
35342
|
+
"value": "#4d4d4d"
|
|
35943
35343
|
},
|
|
35944
|
-
"name": "pf-t--color--gray--
|
|
35344
|
+
"name": "pf-t--color--gray--60",
|
|
35945
35345
|
"attributes": {
|
|
35946
35346
|
"category": "color",
|
|
35947
35347
|
"type": "gray",
|
|
35948
|
-
"item": "
|
|
35348
|
+
"item": "60"
|
|
35949
35349
|
},
|
|
35950
35350
|
"path": [
|
|
35951
35351
|
"color",
|
|
35952
35352
|
"gray",
|
|
35953
|
-
"
|
|
35353
|
+
"60"
|
|
35954
35354
|
]
|
|
35955
35355
|
}
|
|
35956
35356
|
]
|
|
@@ -36688,12 +36088,12 @@
|
|
|
36688
36088
|
"pf-t--global--dark--box-shadow--color--200": {
|
|
36689
36089
|
"default": {
|
|
36690
36090
|
"type": "color",
|
|
36691
|
-
"value": "rgba(0, 0, 0, 0.
|
|
36091
|
+
"value": "rgba(0, 0, 0, 0.6000)",
|
|
36692
36092
|
"filePath": "tokens/default/glass-dark/base.dark.json",
|
|
36693
36093
|
"isSource": true,
|
|
36694
36094
|
"original": {
|
|
36695
36095
|
"type": "color",
|
|
36696
|
-
"value": "rgba(0, 0, 0, 0.
|
|
36096
|
+
"value": "rgba(0, 0, 0, 0.6000)"
|
|
36697
36097
|
},
|
|
36698
36098
|
"name": "pf-t--global--dark--box-shadow--color--200",
|
|
36699
36099
|
"attributes": {
|