@patternfly/design-tokens 1.13.2 → 1.14.1
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-charts-dark.scss +2 -2
- package/build/css/tokens-charts.scss +2 -2
- package/build/css/tokens-dark.scss +12 -2
- package/build/css/tokens-default.scss +54 -4
- package/build/css/tokens-highcontrast-dark.scss +394 -0
- package/build/css/tokens-highcontrast.scss +430 -0
- package/build/css/tokens-palette.scss +10 -2
- package/build.js +15 -1
- package/config.highcontrast.dark.json +23 -0
- package/config.highcontrast.json +24 -0
- package/config.palette-colors.json +1 -1
- package/package.json +1 -1
- package/patternfly-docs/content/token-layers-dark.json +4141 -1240
- package/patternfly-docs/content/token-layers-default.json +3052 -559
- package/patternfly-docs/content/tokensTable.css +16 -3
- package/patternfly-docs/content/tokensTable.js +7 -5
- package/plugins/export-patternfly-tokens/dist/code.js +87 -0
- package/plugins/export-patternfly-tokens/dist/ui.html +34212 -0
- package/plugins/export-patternfly-tokens/src/ui.tsx +12 -4
- package/tokens/dark/base.dark.json +74 -38
- package/tokens/dark/charts.dark.json +16 -16
- package/tokens/dark/palette.color.json +32 -0
- package/tokens/dark/semantic.dark.json +13 -0
- package/tokens/default/base.dimension.json +4 -0
- package/tokens/default/base.json +177 -1
- package/tokens/default/charts.json +16 -16
- package/tokens/default/palette.color.json +32 -0
- package/tokens/default/semantic.dimension.json +39 -17
- package/tokens/default/semantic.json +13 -0
- package/tokens/default/semantic.motion.json +28 -28
- package/tokens/highcontrast/base.json +571 -0
- package/tokens/highcontrast/palette.color.json +327 -0
- package/tokens/highcontrast/semantic.highcontrast.json +1767 -0
- package/tokens/highcontrast-dark/base.dark.json +429 -0
- package/tokens/highcontrast-dark/palette.color.json +327 -0
- package/tokens/highcontrast-dark/semantic.highcontrast.dark.json +1767 -0
package/tokens/default/base.json
CHANGED
|
@@ -56,6 +56,14 @@
|
|
|
56
56
|
"300": {
|
|
57
57
|
"type": "color",
|
|
58
58
|
"value": "{color.blue.60}"
|
|
59
|
+
},
|
|
60
|
+
"400": {
|
|
61
|
+
"type": "color",
|
|
62
|
+
"value": "{color.blue.70}"
|
|
63
|
+
},
|
|
64
|
+
"500": {
|
|
65
|
+
"type": "color",
|
|
66
|
+
"value": "{color.blue.80}"
|
|
59
67
|
}
|
|
60
68
|
},
|
|
61
69
|
"disabled": {
|
|
@@ -80,6 +88,14 @@
|
|
|
80
88
|
"200": {
|
|
81
89
|
"type": "color",
|
|
82
90
|
"value": "{color.yellow.40}"
|
|
91
|
+
},
|
|
92
|
+
"300": {
|
|
93
|
+
"type": "color",
|
|
94
|
+
"value": "{color.yellow.70}"
|
|
95
|
+
},
|
|
96
|
+
"400": {
|
|
97
|
+
"type": "color",
|
|
98
|
+
"value": "{color.yellow.80}"
|
|
83
99
|
}
|
|
84
100
|
},
|
|
85
101
|
"status": {
|
|
@@ -88,9 +104,17 @@
|
|
|
88
104
|
"type": "color",
|
|
89
105
|
"value": "{color.green.60}"
|
|
90
106
|
},
|
|
107
|
+
"150": {
|
|
108
|
+
"type": "color",
|
|
109
|
+
"value": "#3d7019"
|
|
110
|
+
},
|
|
91
111
|
"200": {
|
|
92
112
|
"type": "color",
|
|
93
113
|
"value": "{color.green.70}"
|
|
114
|
+
},
|
|
115
|
+
"300": {
|
|
116
|
+
"type": "color",
|
|
117
|
+
"value": "{color.green.80}"
|
|
94
118
|
}
|
|
95
119
|
},
|
|
96
120
|
"warning": {
|
|
@@ -105,6 +129,18 @@
|
|
|
105
129
|
"300": {
|
|
106
130
|
"type": "color",
|
|
107
131
|
"value": "{color.yellow.50}"
|
|
132
|
+
},
|
|
133
|
+
"400": {
|
|
134
|
+
"type": "color",
|
|
135
|
+
"value": "{color.yellow.60}"
|
|
136
|
+
},
|
|
137
|
+
"500": {
|
|
138
|
+
"type": "color",
|
|
139
|
+
"value": "{color.yellow.70}"
|
|
140
|
+
},
|
|
141
|
+
"600": {
|
|
142
|
+
"type": "color",
|
|
143
|
+
"value": "{color.yellow.80}"
|
|
108
144
|
}
|
|
109
145
|
},
|
|
110
146
|
"danger": {
|
|
@@ -118,7 +154,7 @@
|
|
|
118
154
|
},
|
|
119
155
|
"300": {
|
|
120
156
|
"type": "color",
|
|
121
|
-
"value": "{color.red-orange.
|
|
157
|
+
"value": "{color.red-orange.80}"
|
|
122
158
|
}
|
|
123
159
|
},
|
|
124
160
|
"info": {
|
|
@@ -129,6 +165,10 @@
|
|
|
129
165
|
"200": {
|
|
130
166
|
"type": "color",
|
|
131
167
|
"value": "{color.purple.60}"
|
|
168
|
+
},
|
|
169
|
+
"300": {
|
|
170
|
+
"type": "color",
|
|
171
|
+
"value": "{color.purple.70}"
|
|
132
172
|
}
|
|
133
173
|
},
|
|
134
174
|
"custom": {
|
|
@@ -139,6 +179,10 @@
|
|
|
139
179
|
"200": {
|
|
140
180
|
"type": "color",
|
|
141
181
|
"value": "{color.teal.70}"
|
|
182
|
+
},
|
|
183
|
+
"300": {
|
|
184
|
+
"type": "color",
|
|
185
|
+
"value": "{color.teal.80}"
|
|
142
186
|
}
|
|
143
187
|
}
|
|
144
188
|
},
|
|
@@ -147,30 +191,50 @@
|
|
|
147
191
|
"100": {
|
|
148
192
|
"type": "color",
|
|
149
193
|
"value": "{color.gray.30}"
|
|
194
|
+
},
|
|
195
|
+
"200": {
|
|
196
|
+
"type": "color",
|
|
197
|
+
"value": "{color.gray.60}"
|
|
150
198
|
}
|
|
151
199
|
},
|
|
152
200
|
"none": {
|
|
153
201
|
"100": {
|
|
154
202
|
"type": "color",
|
|
155
203
|
"value": "{color.blue.40}"
|
|
204
|
+
},
|
|
205
|
+
"200": {
|
|
206
|
+
"type": "color",
|
|
207
|
+
"value": "{color.blue.60}"
|
|
156
208
|
}
|
|
157
209
|
},
|
|
158
210
|
"minor": {
|
|
159
211
|
"100": {
|
|
160
212
|
"type": "color",
|
|
161
213
|
"value": "{color.gray.50}"
|
|
214
|
+
},
|
|
215
|
+
"200": {
|
|
216
|
+
"type": "color",
|
|
217
|
+
"value": "{color.gray.80}"
|
|
162
218
|
}
|
|
163
219
|
},
|
|
164
220
|
"moderate": {
|
|
165
221
|
"100": {
|
|
166
222
|
"type": "color",
|
|
167
223
|
"value": "{color.yellow.40}"
|
|
224
|
+
},
|
|
225
|
+
"200": {
|
|
226
|
+
"type": "color",
|
|
227
|
+
"value": "{color.yellow.70}"
|
|
168
228
|
}
|
|
169
229
|
},
|
|
170
230
|
"important": {
|
|
171
231
|
"100": {
|
|
172
232
|
"type": "color",
|
|
173
233
|
"value": "{color.orange.50}"
|
|
234
|
+
},
|
|
235
|
+
"200": {
|
|
236
|
+
"type": "color",
|
|
237
|
+
"value": "{color.orange.60}"
|
|
174
238
|
}
|
|
175
239
|
},
|
|
176
240
|
"critical": {
|
|
@@ -193,6 +257,14 @@
|
|
|
193
257
|
"300": {
|
|
194
258
|
"type": "color",
|
|
195
259
|
"value": "{color.red.40}"
|
|
260
|
+
},
|
|
261
|
+
"400": {
|
|
262
|
+
"type": "color",
|
|
263
|
+
"value": "{color.red.60}"
|
|
264
|
+
},
|
|
265
|
+
"500": {
|
|
266
|
+
"type": "color",
|
|
267
|
+
"value": "{color.red.70}"
|
|
196
268
|
}
|
|
197
269
|
},
|
|
198
270
|
"orangered": {
|
|
@@ -207,6 +279,14 @@
|
|
|
207
279
|
"300": {
|
|
208
280
|
"type": "color",
|
|
209
281
|
"value": "{color.red-orange.40}"
|
|
282
|
+
},
|
|
283
|
+
"400": {
|
|
284
|
+
"type": "color",
|
|
285
|
+
"value": "{color.red-orange.60}"
|
|
286
|
+
},
|
|
287
|
+
"500": {
|
|
288
|
+
"type": "color",
|
|
289
|
+
"value": "{color.red-orange.70}"
|
|
210
290
|
}
|
|
211
291
|
},
|
|
212
292
|
"orange": {
|
|
@@ -221,6 +301,14 @@
|
|
|
221
301
|
"300": {
|
|
222
302
|
"type": "color",
|
|
223
303
|
"value": "{color.orange.40}"
|
|
304
|
+
},
|
|
305
|
+
"400": {
|
|
306
|
+
"type": "color",
|
|
307
|
+
"value": "{color.orange.60}"
|
|
308
|
+
},
|
|
309
|
+
"500": {
|
|
310
|
+
"type": "color",
|
|
311
|
+
"value": "{color.orange.70}"
|
|
224
312
|
}
|
|
225
313
|
},
|
|
226
314
|
"yellow": {
|
|
@@ -235,6 +323,14 @@
|
|
|
235
323
|
"300": {
|
|
236
324
|
"type": "color",
|
|
237
325
|
"value": "{color.yellow.40}"
|
|
326
|
+
},
|
|
327
|
+
"400": {
|
|
328
|
+
"type": "color",
|
|
329
|
+
"value": "{color.yellow.70}"
|
|
330
|
+
},
|
|
331
|
+
"500": {
|
|
332
|
+
"type": "color",
|
|
333
|
+
"value": "{color.yellow.80}"
|
|
238
334
|
}
|
|
239
335
|
},
|
|
240
336
|
"green": {
|
|
@@ -249,6 +345,14 @@
|
|
|
249
345
|
"300": {
|
|
250
346
|
"type": "color",
|
|
251
347
|
"value": "{color.green.40}"
|
|
348
|
+
},
|
|
349
|
+
"400": {
|
|
350
|
+
"type": "color",
|
|
351
|
+
"value": "#3d7019"
|
|
352
|
+
},
|
|
353
|
+
"500": {
|
|
354
|
+
"type": "color",
|
|
355
|
+
"value": "{color.green.70}"
|
|
252
356
|
}
|
|
253
357
|
},
|
|
254
358
|
"teal": {
|
|
@@ -263,6 +367,14 @@
|
|
|
263
367
|
"300": {
|
|
264
368
|
"type": "color",
|
|
265
369
|
"value": "{color.teal.40}"
|
|
370
|
+
},
|
|
371
|
+
"400": {
|
|
372
|
+
"type": "color",
|
|
373
|
+
"value": "{color.teal.70}"
|
|
374
|
+
},
|
|
375
|
+
"500": {
|
|
376
|
+
"type": "color",
|
|
377
|
+
"value": "{color.teal.80}"
|
|
266
378
|
}
|
|
267
379
|
},
|
|
268
380
|
"blue": {
|
|
@@ -277,6 +389,14 @@
|
|
|
277
389
|
"300": {
|
|
278
390
|
"type": "color",
|
|
279
391
|
"value": "{color.blue.40}"
|
|
392
|
+
},
|
|
393
|
+
"400": {
|
|
394
|
+
"type": "color",
|
|
395
|
+
"value": "{color.blue.60}"
|
|
396
|
+
},
|
|
397
|
+
"500": {
|
|
398
|
+
"type": "color",
|
|
399
|
+
"value": "{color.blue.70}"
|
|
280
400
|
}
|
|
281
401
|
},
|
|
282
402
|
"purple": {
|
|
@@ -291,9 +411,21 @@
|
|
|
291
411
|
"300": {
|
|
292
412
|
"type": "color",
|
|
293
413
|
"value": "{color.purple.40}"
|
|
414
|
+
},
|
|
415
|
+
"400": {
|
|
416
|
+
"type": "color",
|
|
417
|
+
"value": "{color.purple.50}"
|
|
418
|
+
},
|
|
419
|
+
"500": {
|
|
420
|
+
"type": "color",
|
|
421
|
+
"value": "{color.purple.60}"
|
|
294
422
|
}
|
|
295
423
|
},
|
|
296
424
|
"gray": {
|
|
425
|
+
"50": {
|
|
426
|
+
"type": "color",
|
|
427
|
+
"value": "{color.gray.10}"
|
|
428
|
+
},
|
|
297
429
|
"100": {
|
|
298
430
|
"type": "color",
|
|
299
431
|
"value": "{color.gray.20}"
|
|
@@ -305,6 +437,14 @@
|
|
|
305
437
|
"300": {
|
|
306
438
|
"type": "color",
|
|
307
439
|
"value": "{color.gray.40}"
|
|
440
|
+
},
|
|
441
|
+
"400": {
|
|
442
|
+
"type": "color",
|
|
443
|
+
"value": "{color.gray.60}"
|
|
444
|
+
},
|
|
445
|
+
"500": {
|
|
446
|
+
"type": "color",
|
|
447
|
+
"value": "{color.gray.70}"
|
|
308
448
|
}
|
|
309
449
|
}
|
|
310
450
|
}
|
|
@@ -326,6 +466,10 @@
|
|
|
326
466
|
"300": {
|
|
327
467
|
"type": "color",
|
|
328
468
|
"value": "{color.gray.50}"
|
|
469
|
+
},
|
|
470
|
+
"450": {
|
|
471
|
+
"type": "color",
|
|
472
|
+
"value": "{color.gray.60}"
|
|
329
473
|
}
|
|
330
474
|
}
|
|
331
475
|
},
|
|
@@ -339,6 +483,10 @@
|
|
|
339
483
|
"type": "color",
|
|
340
484
|
"value": "{color.gray.60}"
|
|
341
485
|
},
|
|
486
|
+
"250": {
|
|
487
|
+
"type": "color",
|
|
488
|
+
"value": "{color.gray.70}"
|
|
489
|
+
},
|
|
342
490
|
"300": {
|
|
343
491
|
"type": "color",
|
|
344
492
|
"value": "{color.white}"
|
|
@@ -347,6 +495,10 @@
|
|
|
347
495
|
"type": "color",
|
|
348
496
|
"value": "{color.red-orange.40}"
|
|
349
497
|
},
|
|
498
|
+
"500": {
|
|
499
|
+
"type": "color",
|
|
500
|
+
"value": "{color.red-orange.70}"
|
|
501
|
+
},
|
|
350
502
|
"link": {
|
|
351
503
|
"100": {
|
|
352
504
|
"type": "color",
|
|
@@ -356,9 +508,17 @@
|
|
|
356
508
|
"type": "color",
|
|
357
509
|
"value": "{color.blue.60}"
|
|
358
510
|
},
|
|
511
|
+
"250": {
|
|
512
|
+
"type": "color",
|
|
513
|
+
"value": "{color.blue.70}"
|
|
514
|
+
},
|
|
359
515
|
"300": {
|
|
360
516
|
"type": "color",
|
|
361
517
|
"value": "{color.purple.50}"
|
|
518
|
+
},
|
|
519
|
+
"350": {
|
|
520
|
+
"type": "color",
|
|
521
|
+
"value": "{color.purple.60}"
|
|
362
522
|
}
|
|
363
523
|
}
|
|
364
524
|
}
|
|
@@ -369,6 +529,10 @@
|
|
|
369
529
|
"type": "color",
|
|
370
530
|
"value": "{color.gray.90}"
|
|
371
531
|
},
|
|
532
|
+
"150": {
|
|
533
|
+
"type": "color",
|
|
534
|
+
"value": "{color.gray.60}"
|
|
535
|
+
},
|
|
372
536
|
"200": {
|
|
373
537
|
"type": "color",
|
|
374
538
|
"value": "{color.gray.50}"
|
|
@@ -390,6 +554,18 @@
|
|
|
390
554
|
"value": "rgba(41, 41, 41, 0.2000)"
|
|
391
555
|
}
|
|
392
556
|
}
|
|
557
|
+
},
|
|
558
|
+
"focus-ring": {
|
|
559
|
+
"color": {
|
|
560
|
+
"100": {
|
|
561
|
+
"type": "color",
|
|
562
|
+
"value": "{color.blue.50}"
|
|
563
|
+
},
|
|
564
|
+
"200": {
|
|
565
|
+
"type": "color",
|
|
566
|
+
"value": "{color.blue.60}"
|
|
567
|
+
}
|
|
568
|
+
}
|
|
393
569
|
}
|
|
394
570
|
}
|
|
395
571
|
}
|
|
@@ -292,9 +292,19 @@
|
|
|
292
292
|
"type": "string",
|
|
293
293
|
"value": "normal"
|
|
294
294
|
},
|
|
295
|
-
"
|
|
296
|
-
"
|
|
297
|
-
|
|
295
|
+
"layout": {
|
|
296
|
+
"padding": {
|
|
297
|
+
"type": "number",
|
|
298
|
+
"value": 50
|
|
299
|
+
},
|
|
300
|
+
"height": {
|
|
301
|
+
"type": "number",
|
|
302
|
+
"value": 300
|
|
303
|
+
},
|
|
304
|
+
"width": {
|
|
305
|
+
"type": "number",
|
|
306
|
+
"value": 450
|
|
307
|
+
}
|
|
298
308
|
},
|
|
299
309
|
"label": {
|
|
300
310
|
"padding": {
|
|
@@ -322,19 +332,9 @@
|
|
|
322
332
|
"value": "{color.gray.90}"
|
|
323
333
|
}
|
|
324
334
|
},
|
|
325
|
-
"
|
|
326
|
-
"
|
|
327
|
-
|
|
328
|
-
"value": 50
|
|
329
|
-
},
|
|
330
|
-
"height": {
|
|
331
|
-
"type": "number",
|
|
332
|
-
"value": 300
|
|
333
|
-
},
|
|
334
|
-
"width": {
|
|
335
|
-
"type": "number",
|
|
336
|
-
"value": 450
|
|
337
|
-
}
|
|
335
|
+
"stroke-line-cap": {
|
|
336
|
+
"type": "string",
|
|
337
|
+
"value": "round"
|
|
338
338
|
},
|
|
339
339
|
"stroke-line-join": {
|
|
340
340
|
"type": "string",
|
|
@@ -79,6 +79,10 @@
|
|
|
79
79
|
"70": {
|
|
80
80
|
"type": "color",
|
|
81
81
|
"value": "#003366"
|
|
82
|
+
},
|
|
83
|
+
"80": {
|
|
84
|
+
"type": "color",
|
|
85
|
+
"value": "#032142"
|
|
82
86
|
}
|
|
83
87
|
},
|
|
84
88
|
"teal": {
|
|
@@ -109,6 +113,10 @@
|
|
|
109
113
|
"70": {
|
|
110
114
|
"type": "color",
|
|
111
115
|
"value": "#004d4d"
|
|
116
|
+
},
|
|
117
|
+
"80": {
|
|
118
|
+
"type": "color",
|
|
119
|
+
"value": "#003333"
|
|
112
120
|
}
|
|
113
121
|
},
|
|
114
122
|
"yellow": {
|
|
@@ -139,6 +147,10 @@
|
|
|
139
147
|
"70": {
|
|
140
148
|
"type": "color",
|
|
141
149
|
"value": "#73480b"
|
|
150
|
+
},
|
|
151
|
+
"80": {
|
|
152
|
+
"type": "color",
|
|
153
|
+
"value": "#54330b"
|
|
142
154
|
}
|
|
143
155
|
},
|
|
144
156
|
"green": {
|
|
@@ -169,6 +181,10 @@
|
|
|
169
181
|
"70": {
|
|
170
182
|
"type": "color",
|
|
171
183
|
"value": "#204d00"
|
|
184
|
+
},
|
|
185
|
+
"80": {
|
|
186
|
+
"type": "color",
|
|
187
|
+
"value": "#183301"
|
|
172
188
|
}
|
|
173
189
|
},
|
|
174
190
|
"orange": {
|
|
@@ -199,6 +215,10 @@
|
|
|
199
215
|
"70": {
|
|
200
216
|
"type": "color",
|
|
201
217
|
"value": "#732e00"
|
|
218
|
+
},
|
|
219
|
+
"80": {
|
|
220
|
+
"type": "color",
|
|
221
|
+
"value": "#4d1f00"
|
|
202
222
|
}
|
|
203
223
|
},
|
|
204
224
|
"red-orange": {
|
|
@@ -229,6 +249,10 @@
|
|
|
229
249
|
"70": {
|
|
230
250
|
"type": "color",
|
|
231
251
|
"value": "#731f00"
|
|
252
|
+
},
|
|
253
|
+
"80": {
|
|
254
|
+
"type": "color",
|
|
255
|
+
"value": "#4c1405"
|
|
232
256
|
}
|
|
233
257
|
},
|
|
234
258
|
"purple": {
|
|
@@ -259,6 +283,10 @@
|
|
|
259
283
|
"70": {
|
|
260
284
|
"type": "color",
|
|
261
285
|
"value": "#21134d"
|
|
286
|
+
},
|
|
287
|
+
"80": {
|
|
288
|
+
"type": "color",
|
|
289
|
+
"value": "#1b0d33"
|
|
262
290
|
}
|
|
263
291
|
},
|
|
264
292
|
"red": {
|
|
@@ -289,6 +317,10 @@
|
|
|
289
317
|
"70": {
|
|
290
318
|
"type": "color",
|
|
291
319
|
"value": "#5f0000"
|
|
320
|
+
},
|
|
321
|
+
"80": {
|
|
322
|
+
"type": "color",
|
|
323
|
+
"value": "#3f0000"
|
|
292
324
|
}
|
|
293
325
|
}
|
|
294
326
|
}
|
|
@@ -35,11 +35,6 @@
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
"width": {
|
|
38
|
-
"regular": {
|
|
39
|
-
"description": "Use as the default border width for elements.",
|
|
40
|
-
"type": "number",
|
|
41
|
-
"value": "{global.border.width.100}"
|
|
42
|
-
},
|
|
43
38
|
"divider": {
|
|
44
39
|
"default": {
|
|
45
40
|
"description": "Use as the default border width for dividers.",
|
|
@@ -57,6 +52,11 @@
|
|
|
57
52
|
"value": "{global.border.width.100}"
|
|
58
53
|
}
|
|
59
54
|
},
|
|
55
|
+
"regular": {
|
|
56
|
+
"description": "Use as the default border width for elements.",
|
|
57
|
+
"type": "number",
|
|
58
|
+
"value": "{global.border.width.100}"
|
|
59
|
+
},
|
|
60
60
|
"strong": {
|
|
61
61
|
"description": "Use as a stronger/wider border width for elements.",
|
|
62
62
|
"type": "number",
|
|
@@ -458,18 +458,6 @@
|
|
|
458
458
|
}
|
|
459
459
|
},
|
|
460
460
|
"font": {
|
|
461
|
-
"line-height": {
|
|
462
|
-
"body": {
|
|
463
|
-
"description": "Use to define the line height for body text",
|
|
464
|
-
"type": "number",
|
|
465
|
-
"value": "{global.font.line-height.200}"
|
|
466
|
-
},
|
|
467
|
-
"heading": {
|
|
468
|
-
"description": "Use to define the line height for heading text",
|
|
469
|
-
"type": "number",
|
|
470
|
-
"value": "{global.font.line-height.100}"
|
|
471
|
-
}
|
|
472
|
-
},
|
|
473
461
|
"weight": {
|
|
474
462
|
"body": {
|
|
475
463
|
"default": {
|
|
@@ -496,6 +484,18 @@
|
|
|
496
484
|
}
|
|
497
485
|
}
|
|
498
486
|
},
|
|
487
|
+
"line-height": {
|
|
488
|
+
"body": {
|
|
489
|
+
"description": "Use to define the line height for body text",
|
|
490
|
+
"type": "number",
|
|
491
|
+
"value": "{global.font.line-height.200}"
|
|
492
|
+
},
|
|
493
|
+
"heading": {
|
|
494
|
+
"description": "Use to define the line height for heading text",
|
|
495
|
+
"type": "number",
|
|
496
|
+
"value": "{global.font.line-height.100}"
|
|
497
|
+
}
|
|
498
|
+
},
|
|
499
499
|
"family": {
|
|
500
500
|
"body": {
|
|
501
501
|
"description": "Use to define the font family for body text",
|
|
@@ -997,6 +997,28 @@
|
|
|
997
997
|
}
|
|
998
998
|
}
|
|
999
999
|
}
|
|
1000
|
+
},
|
|
1001
|
+
"focus-ring": {
|
|
1002
|
+
"position": {
|
|
1003
|
+
"offset": {
|
|
1004
|
+
"type": "number",
|
|
1005
|
+
"value": 2
|
|
1006
|
+
},
|
|
1007
|
+
"inset": {
|
|
1008
|
+
"type": "number",
|
|
1009
|
+
"value": -4
|
|
1010
|
+
}
|
|
1011
|
+
},
|
|
1012
|
+
"width": {
|
|
1013
|
+
"offset": {
|
|
1014
|
+
"type": "number",
|
|
1015
|
+
"value": 2
|
|
1016
|
+
},
|
|
1017
|
+
"inset": {
|
|
1018
|
+
"type": "number",
|
|
1019
|
+
"value": 3
|
|
1020
|
+
}
|
|
1021
|
+
}
|
|
1000
1022
|
}
|
|
1001
1023
|
}
|
|
1002
1024
|
}
|
|
@@ -967,6 +967,10 @@
|
|
|
967
967
|
"value": "{global.border.color.50}"
|
|
968
968
|
}
|
|
969
969
|
},
|
|
970
|
+
"high-contrast": {
|
|
971
|
+
"type": "color",
|
|
972
|
+
"value": "rgba(255, 255, 255, 0.0000)"
|
|
973
|
+
},
|
|
970
974
|
"brand": {
|
|
971
975
|
"default": {
|
|
972
976
|
"description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
|
|
@@ -1749,6 +1753,15 @@
|
|
|
1749
1753
|
}
|
|
1750
1754
|
}
|
|
1751
1755
|
}
|
|
1756
|
+
},
|
|
1757
|
+
"focus-ring": {
|
|
1758
|
+
"color": {
|
|
1759
|
+
"default": {
|
|
1760
|
+
"description": "This token is used to define the color value for custom focus rings.",
|
|
1761
|
+
"type": "color",
|
|
1762
|
+
"value": "{global.focus-ring.color.100}"
|
|
1763
|
+
}
|
|
1764
|
+
}
|
|
1752
1765
|
}
|
|
1753
1766
|
}
|
|
1754
1767
|
}
|