@adobe/spectrum-tokens 12.0.0-beta.50 → 12.0.0-beta.51
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/CHANGELOG.md +3 -3
- package/dist/json/drover.json +166 -117
- package/jest.config.js +22 -0
- package/package.json +9 -2
- package/test/drover.test.js +45 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
# [12.0.0-beta.
|
|
1
|
+
# [12.0.0-beta.51](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.50...v12.0.0-beta.51) (2022-09-13)
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
###
|
|
4
|
+
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* update sets formatter to address Drover bug ([#62](https://github.com/adobe/spectrum-tokens/issues/62)) ([2064211](https://github.com/adobe/spectrum-tokens/commit/2064211225fd54c986ea0645b5c16b7189595e2f))
|
package/dist/json/drover.json
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"accent-content-color-down": "rgb(0, 68, 145)",
|
|
35
35
|
"accent-content-color-hover": "rgb(0, 84, 182)",
|
|
36
36
|
"accent-content-color-key-focus": "rgb(0, 84, 182)",
|
|
37
|
-
"accent-visual-color": "rgb(
|
|
37
|
+
"accent-visual-color": "rgb(20, 122, 243)",
|
|
38
38
|
"background-base-color": "rgb(230, 230, 230)",
|
|
39
39
|
"background-layer-1-color": "rgb(248, 248, 248)",
|
|
40
40
|
"background-layer-2-color": "rgb(255, 255, 255)",
|
|
@@ -54,7 +54,8 @@
|
|
|
54
54
|
"blue-800": "rgb(20, 122, 243)",
|
|
55
55
|
"blue-900": "rgb(2, 101, 220)",
|
|
56
56
|
"blue-background-color-default": "rgb(2, 101, 220)",
|
|
57
|
-
"blue-visual-color": "rgb(
|
|
57
|
+
"blue-visual-color": "rgb(20, 122, 243)",
|
|
58
|
+
"border-width-100": "1px",
|
|
58
59
|
"celery-100": "rgb(205, 252, 191)",
|
|
59
60
|
"celery-1000": "rgb(0, 103, 15)",
|
|
60
61
|
"celery-1100": "rgb(0, 83, 13)",
|
|
@@ -70,7 +71,7 @@
|
|
|
70
71
|
"celery-800": "rgb(0, 145, 18)",
|
|
71
72
|
"celery-900": "rgb(0, 124, 15)",
|
|
72
73
|
"celery-background-color-default": "rgb(39, 187, 54)",
|
|
73
|
-
"celery-visual-color": "rgb(
|
|
74
|
+
"celery-visual-color": "rgb(7, 167, 33)",
|
|
74
75
|
"chartreuse-100": "rgb(219, 252, 110)",
|
|
75
76
|
"chartreuse-1000": "rgb(72, 96, 0)",
|
|
76
77
|
"chartreuse-1100": "rgb(58, 77, 0)",
|
|
@@ -86,7 +87,8 @@
|
|
|
86
87
|
"chartreuse-800": "rgb(103, 136, 0)",
|
|
87
88
|
"chartreuse-900": "rgb(87, 116, 0)",
|
|
88
89
|
"chartreuse-background-color-default": "rgb(152, 197, 10)",
|
|
89
|
-
"chartreuse-visual-color": "rgb(
|
|
90
|
+
"chartreuse-visual-color": "rgb(135, 177, 3)",
|
|
91
|
+
"cjk-heading": "adobe clean han extra bold",
|
|
90
92
|
"cyan-100": "rgb(197, 248, 255)",
|
|
91
93
|
"cyan-1000": "rgb(0, 93, 137)",
|
|
92
94
|
"cyan-1100": "rgb(0, 74, 115)",
|
|
@@ -102,7 +104,7 @@
|
|
|
102
104
|
"cyan-800": "rgb(0, 134, 180)",
|
|
103
105
|
"cyan-900": "rgb(0, 113, 159)",
|
|
104
106
|
"cyan-background-color-default": "rgb(0, 113, 159)",
|
|
105
|
-
"cyan-visual-color": "rgb(
|
|
107
|
+
"cyan-visual-color": "rgb(18, 176, 218)",
|
|
106
108
|
"disabled-background-color": "rgb(230, 230, 230)",
|
|
107
109
|
"disabled-border-color": "rgb(213, 213, 213)",
|
|
108
110
|
"disabled-content-color": "rgb(177, 177, 177)",
|
|
@@ -130,7 +132,7 @@
|
|
|
130
132
|
"fuchsia-800": "rgb(205, 58, 206)",
|
|
131
133
|
"fuchsia-900": "rgb(182, 34, 183)",
|
|
132
134
|
"fuchsia-background-color-default": "rgb(182, 34, 183)",
|
|
133
|
-
"fuchsia-visual-color": "rgb(
|
|
135
|
+
"fuchsia-visual-color": "rgb(205, 58, 206)",
|
|
134
136
|
"gray-100": "rgb(248, 248, 248)",
|
|
135
137
|
"gray-200": "rgb(230, 230, 230)",
|
|
136
138
|
"gray-300": "rgb(213, 213, 213)",
|
|
@@ -159,7 +161,9 @@
|
|
|
159
161
|
"green-800": "rgb(0, 143, 93)",
|
|
160
162
|
"green-900": "rgb(0, 122, 77)",
|
|
161
163
|
"green-background-color-default": "rgb(0, 122, 77)",
|
|
162
|
-
"green-visual-color": "rgb(
|
|
164
|
+
"green-visual-color": "rgb(21, 164, 110)",
|
|
165
|
+
"heading": "adobe clean bold",
|
|
166
|
+
"heading-emphasized": "adobe clean bold italic",
|
|
163
167
|
"indigo-100": "rgb(237, 238, 255)",
|
|
164
168
|
"indigo-1000": "rgb(64, 70, 202)",
|
|
165
169
|
"indigo-1100": "rgb(50, 54, 168)",
|
|
@@ -175,7 +179,7 @@
|
|
|
175
179
|
"indigo-800": "rgb(104, 109, 244)",
|
|
176
180
|
"indigo-900": "rgb(82, 88, 228)",
|
|
177
181
|
"indigo-background-color-default": "rgb(82, 88, 228)",
|
|
178
|
-
"indigo-visual-color": "rgb(
|
|
182
|
+
"indigo-visual-color": "rgb(104, 109, 244)",
|
|
179
183
|
"informative-background-color-default": "rgb(2, 101, 220)",
|
|
180
184
|
"informative-background-color-down": "rgb(0, 68, 145)",
|
|
181
185
|
"informative-background-color-hover": "rgb(0, 84, 182)",
|
|
@@ -194,7 +198,7 @@
|
|
|
194
198
|
"informative-color-700": "rgb(56, 146, 243)",
|
|
195
199
|
"informative-color-800": "rgb(20, 122, 243)",
|
|
196
200
|
"informative-color-900": "rgb(2, 101, 220)",
|
|
197
|
-
"informative-visual-color": "rgb(
|
|
201
|
+
"informative-visual-color": "rgb(20, 122, 243)",
|
|
198
202
|
"magenta-100": "rgb(255, 234, 241)",
|
|
199
203
|
"magenta-1000": "rgb(173, 9, 85)",
|
|
200
204
|
"magenta-1100": "rgb(142, 0, 69)",
|
|
@@ -210,7 +214,7 @@
|
|
|
210
214
|
"magenta-800": "rgb(222, 61, 130)",
|
|
211
215
|
"magenta-900": "rgb(200, 34, 105)",
|
|
212
216
|
"magenta-background-color-default": "rgb(200, 34, 105)",
|
|
213
|
-
"magenta-visual-color": "rgb(
|
|
217
|
+
"magenta-visual-color": "rgb(222, 61, 130)",
|
|
214
218
|
"negative-background-color-default": "rgb(211, 21, 16)",
|
|
215
219
|
"negative-background-color-down": "rgb(147, 0, 0)",
|
|
216
220
|
"negative-background-color-hover": "rgb(180, 0, 0)",
|
|
@@ -233,7 +237,7 @@
|
|
|
233
237
|
"negative-content-color-down": "rgb(147, 0, 0)",
|
|
234
238
|
"negative-content-color-hover": "rgb(180, 0, 0)",
|
|
235
239
|
"negative-content-color-key-focus": "rgb(180, 0, 0)",
|
|
236
|
-
"negative-visual-color": "rgb(
|
|
240
|
+
"negative-visual-color": "rgb(234, 56, 41)",
|
|
237
241
|
"neutral-background-color-default": "rgb(34, 34, 34)",
|
|
238
242
|
"neutral-background-color-down": "rgb(0, 0, 0)",
|
|
239
243
|
"neutral-background-color-hover": "rgb(0, 0, 0)",
|
|
@@ -265,7 +269,7 @@
|
|
|
265
269
|
"notice-color-700": "rgb(228, 111, 0)",
|
|
266
270
|
"notice-color-800": "rgb(203, 93, 0)",
|
|
267
271
|
"notice-color-900": "rgb(177, 76, 0)",
|
|
268
|
-
"notice-visual-color": "rgb(
|
|
272
|
+
"notice-visual-color": "rgb(246, 133, 17)",
|
|
269
273
|
"orange-100": "rgb(255, 236, 204)",
|
|
270
274
|
"orange-1000": "rgb(149, 61, 0)",
|
|
271
275
|
"orange-1100": "rgb(122, 47, 0)",
|
|
@@ -281,8 +285,9 @@
|
|
|
281
285
|
"orange-800": "rgb(203, 93, 0)",
|
|
282
286
|
"orange-900": "rgb(177, 76, 0)",
|
|
283
287
|
"orange-background-color-default": "rgb(246, 133, 17)",
|
|
284
|
-
"orange-visual-color": "rgb(
|
|
288
|
+
"orange-visual-color": "rgb(246, 133, 17)",
|
|
285
289
|
"overlay-color": "rgb(0, 0, 0)",
|
|
290
|
+
"overlay-opacity": "0.4",
|
|
286
291
|
"positive-background-color-default": "rgb(0, 122, 77)",
|
|
287
292
|
"positive-background-color-down": "rgb(0, 81, 50)",
|
|
288
293
|
"positive-background-color-hover": "rgb(0, 101, 62)",
|
|
@@ -301,7 +306,7 @@
|
|
|
301
306
|
"positive-color-700": "rgb(21, 164, 110)",
|
|
302
307
|
"positive-color-800": "rgb(0, 143, 93)",
|
|
303
308
|
"positive-color-900": "rgb(0, 122, 77)",
|
|
304
|
-
"positive-visual-color": "rgb(
|
|
309
|
+
"positive-visual-color": "rgb(21, 164, 110)",
|
|
305
310
|
"purple-100": "rgb(246, 235, 255)",
|
|
306
311
|
"purple-1000": "rgb(115, 38, 211)",
|
|
307
312
|
"purple-1100": "rgb(93, 19, 183)",
|
|
@@ -317,7 +322,7 @@
|
|
|
317
322
|
"purple-800": "rgb(157, 87, 244)",
|
|
318
323
|
"purple-900": "rgb(137, 61, 231)",
|
|
319
324
|
"purple-background-color-default": "rgb(137, 61, 231)",
|
|
320
|
-
"purple-visual-color": "rgb(
|
|
325
|
+
"purple-visual-color": "rgb(157, 87, 244)",
|
|
321
326
|
"red-100": "rgb(255, 235, 231)",
|
|
322
327
|
"red-1000": "rgb(180, 0, 0)",
|
|
323
328
|
"red-1100": "rgb(147, 0, 0)",
|
|
@@ -333,7 +338,7 @@
|
|
|
333
338
|
"red-800": "rgb(234, 56, 41)",
|
|
334
339
|
"red-900": "rgb(211, 21, 16)",
|
|
335
340
|
"red-background-color-default": "rgb(255, 124, 101)",
|
|
336
|
-
"red-visual-color": "rgb(
|
|
341
|
+
"red-visual-color": "rgb(234, 56, 41)",
|
|
337
342
|
"seafoam-100": "rgb(206, 247, 243)",
|
|
338
343
|
"seafoam-1000": "rgb(0, 99, 95)",
|
|
339
344
|
"seafoam-1100": "rgb(12, 79, 76)",
|
|
@@ -349,7 +354,7 @@
|
|
|
349
354
|
"seafoam-800": "rgb(0, 140, 135)",
|
|
350
355
|
"seafoam-900": "rgb(0, 119, 114)",
|
|
351
356
|
"seafoam-background-color-default": "rgb(0, 119, 114)",
|
|
352
|
-
"seafoam-visual-color": "rgb(0,
|
|
357
|
+
"seafoam-visual-color": "rgb(0, 161, 154)",
|
|
353
358
|
"static-black-focus-ring-color": "rgb(0, 0, 0)",
|
|
354
359
|
"static-white-focus-ring-color": "rgb(255, 255, 255)",
|
|
355
360
|
"transparent-black-200": "rgba(0, 0, 0, 0.10)",
|
|
@@ -384,13 +389,13 @@
|
|
|
384
389
|
"yellow-800": "rgb(155, 120, 0)",
|
|
385
390
|
"yellow-900": "rgb(133, 102, 0)",
|
|
386
391
|
"yellow-background-color-default": "rgb(232, 198, 0)",
|
|
387
|
-
"yellow-visual-color": "rgb(
|
|
392
|
+
"yellow-visual-color": "rgb(196, 159, 0)"
|
|
388
393
|
},
|
|
389
394
|
"dark": {
|
|
390
|
-
"accent-background-color-default": "rgb(
|
|
391
|
-
"accent-background-color-down": "rgb(
|
|
392
|
-
"accent-background-color-hover": "rgb(
|
|
393
|
-
"accent-background-color-key-focus": "rgb(
|
|
395
|
+
"accent-background-color-default": "rgb(3, 103, 224)",
|
|
396
|
+
"accent-background-color-down": "rgb(0, 77, 163)",
|
|
397
|
+
"accent-background-color-hover": "rgb(0, 89, 194)",
|
|
398
|
+
"accent-background-color-key-focus": "rgb(0, 89, 194)",
|
|
394
399
|
"accent-color-100": "rgb(0, 56, 119)",
|
|
395
400
|
"accent-color-1000": "rgb(143, 202, 252)",
|
|
396
401
|
"accent-color-1100": "rgb(174, 219, 254)",
|
|
@@ -410,9 +415,9 @@
|
|
|
410
415
|
"accent-content-color-hover": "rgb(143, 202, 252)",
|
|
411
416
|
"accent-content-color-key-focus": "rgb(143, 202, 252)",
|
|
412
417
|
"accent-visual-color": "rgb(114, 183, 249)",
|
|
413
|
-
"background-base-color": "rgb(
|
|
414
|
-
"background-layer-1-color": "rgb(
|
|
415
|
-
"background-layer-2-color": "rgb(
|
|
418
|
+
"background-base-color": "rgb(29, 29, 29)",
|
|
419
|
+
"background-layer-1-color": "rgb(38, 38, 38)",
|
|
420
|
+
"background-layer-2-color": "rgb(50, 50, 50)",
|
|
416
421
|
"black": "rgb(0, 0, 0)",
|
|
417
422
|
"blue-100": "rgb(0, 56, 119)",
|
|
418
423
|
"blue-1000": "rgb(143, 202, 252)",
|
|
@@ -428,8 +433,9 @@
|
|
|
428
433
|
"blue-700": "rgb(52, 143, 244)",
|
|
429
434
|
"blue-800": "rgb(84, 163, 246)",
|
|
430
435
|
"blue-900": "rgb(114, 183, 249)",
|
|
431
|
-
"blue-background-color-default": "rgb(
|
|
436
|
+
"blue-background-color-default": "rgb(52, 143, 244)",
|
|
432
437
|
"blue-visual-color": "rgb(114, 183, 249)",
|
|
438
|
+
"border-width-100": "1px",
|
|
433
439
|
"celery-100": "rgb(0, 69, 10)",
|
|
434
440
|
"celery-1000": "rgb(105, 220, 99)",
|
|
435
441
|
"celery-1100": "rgb(142, 235, 127)",
|
|
@@ -444,8 +450,8 @@
|
|
|
444
450
|
"celery-700": "rgb(4, 165, 30)",
|
|
445
451
|
"celery-800": "rgb(34, 184, 51)",
|
|
446
452
|
"celery-900": "rgb(68, 202, 73)",
|
|
447
|
-
"celery-background-color-default": "rgb(
|
|
448
|
-
"celery-visual-color": "rgb(
|
|
453
|
+
"celery-background-color-default": "rgb(34, 184, 51)",
|
|
454
|
+
"celery-visual-color": "rgb(34, 184, 51)",
|
|
449
455
|
"chartreuse-100": "rgb(48, 64, 0)",
|
|
450
456
|
"chartreuse-1000": "rgb(166, 211, 18)",
|
|
451
457
|
"chartreuse-1100": "rgb(184, 229, 37)",
|
|
@@ -460,8 +466,9 @@
|
|
|
460
466
|
"chartreuse-700": "rgb(117, 154, 0)",
|
|
461
467
|
"chartreuse-800": "rgb(132, 173, 1)",
|
|
462
468
|
"chartreuse-900": "rgb(148, 192, 8)",
|
|
463
|
-
"chartreuse-background-color-default": "rgb(
|
|
469
|
+
"chartreuse-background-color-default": "rgb(148, 192, 8)",
|
|
464
470
|
"chartreuse-visual-color": "rgb(148, 192, 8)",
|
|
471
|
+
"cjk-heading": "adobe clean han extra bold",
|
|
465
472
|
"cyan-100": "rgb(0, 61, 98)",
|
|
466
473
|
"cyan-1000": "rgb(84, 211, 241)",
|
|
467
474
|
"cyan-1100": "rgb(127, 228, 249)",
|
|
@@ -476,7 +483,7 @@
|
|
|
476
483
|
"cyan-700": "rgb(0, 153, 198)",
|
|
477
484
|
"cyan-800": "rgb(14, 173, 215)",
|
|
478
485
|
"cyan-900": "rgb(44, 193, 230)",
|
|
479
|
-
"cyan-background-color-default": "rgb(
|
|
486
|
+
"cyan-background-color-default": "rgb(0, 153, 198)",
|
|
480
487
|
"cyan-visual-color": "rgb(44, 193, 230)",
|
|
481
488
|
"disabled-background-color": "rgb(63, 63, 63)",
|
|
482
489
|
"disabled-border-color": "rgb(84, 84, 84)",
|
|
@@ -504,7 +511,7 @@
|
|
|
504
511
|
"fuchsia-700": "rgb(223, 81, 224)",
|
|
505
512
|
"fuchsia-800": "rgb(235, 110, 236)",
|
|
506
513
|
"fuchsia-900": "rgb(244, 140, 242)",
|
|
507
|
-
"fuchsia-background-color-default": "rgb(
|
|
514
|
+
"fuchsia-background-color-default": "rgb(223, 81, 224)",
|
|
508
515
|
"fuchsia-visual-color": "rgb(244, 140, 242)",
|
|
509
516
|
"gray-100": "rgb(50, 50, 50)",
|
|
510
517
|
"gray-200": "rgb(63, 63, 63)",
|
|
@@ -518,7 +525,7 @@
|
|
|
518
525
|
"gray-800": "rgb(235, 235, 235)",
|
|
519
526
|
"gray-900": "rgb(255, 255, 255)",
|
|
520
527
|
"gray-background-color-default": "rgb(209, 209, 209)",
|
|
521
|
-
"gray-visual-color": "rgb(
|
|
528
|
+
"gray-visual-color": "rgb(178, 178, 178)",
|
|
522
529
|
"green-100": "rgb(4, 67, 41)",
|
|
523
530
|
"green-1000": "rgb(94, 217, 162)",
|
|
524
531
|
"green-1100": "rgb(129, 233, 184)",
|
|
@@ -533,8 +540,10 @@
|
|
|
533
540
|
"green-700": "rgb(18, 162, 108)",
|
|
534
541
|
"green-800": "rgb(43, 180, 125)",
|
|
535
542
|
"green-900": "rgb(67, 199, 143)",
|
|
536
|
-
"green-background-color-default": "rgb(
|
|
537
|
-
"green-visual-color": "rgb(
|
|
543
|
+
"green-background-color-default": "rgb(18, 162, 108)",
|
|
544
|
+
"green-visual-color": "rgb(43, 180, 125)",
|
|
545
|
+
"heading": "adobe clean bold",
|
|
546
|
+
"heading-emphasized": "adobe clean bold italic",
|
|
538
547
|
"indigo-100": "rgb(40, 44, 140)",
|
|
539
548
|
"indigo-1000": "rgb(188, 190, 255)",
|
|
540
549
|
"indigo-1100": "rgb(208, 210, 255)",
|
|
@@ -549,12 +558,12 @@
|
|
|
549
558
|
"indigo-700": "rgb(124, 129, 251)",
|
|
550
559
|
"indigo-800": "rgb(145, 149, 255)",
|
|
551
560
|
"indigo-900": "rgb(167, 170, 255)",
|
|
552
|
-
"indigo-background-color-default": "rgb(
|
|
561
|
+
"indigo-background-color-default": "rgb(124, 129, 251)",
|
|
553
562
|
"indigo-visual-color": "rgb(167, 170, 255)",
|
|
554
|
-
"informative-background-color-default": "rgb(
|
|
555
|
-
"informative-background-color-down": "rgb(
|
|
556
|
-
"informative-background-color-hover": "rgb(
|
|
557
|
-
"informative-background-color-key-focus": "rgb(
|
|
563
|
+
"informative-background-color-default": "rgb(3, 103, 224)",
|
|
564
|
+
"informative-background-color-down": "rgb(0, 77, 163)",
|
|
565
|
+
"informative-background-color-hover": "rgb(0, 89, 194)",
|
|
566
|
+
"informative-background-color-key-focus": "rgb(0, 89, 194)",
|
|
558
567
|
"informative-color-100": "rgb(0, 56, 119)",
|
|
559
568
|
"informative-color-1000": "rgb(143, 202, 252)",
|
|
560
569
|
"informative-color-1100": "rgb(174, 219, 254)",
|
|
@@ -584,12 +593,12 @@
|
|
|
584
593
|
"magenta-700": "rgb(237, 87, 149)",
|
|
585
594
|
"magenta-800": "rgb(249, 114, 167)",
|
|
586
595
|
"magenta-900": "rgb(255, 143, 185)",
|
|
587
|
-
"magenta-background-color-default": "rgb(
|
|
596
|
+
"magenta-background-color-default": "rgb(237, 87, 149)",
|
|
588
597
|
"magenta-visual-color": "rgb(255, 143, 185)",
|
|
589
|
-
"negative-background-color-default": "rgb(
|
|
590
|
-
"negative-background-color-down": "rgb(
|
|
591
|
-
"negative-background-color-hover": "rgb(
|
|
592
|
-
"negative-background-color-key-focus": "rgb(
|
|
598
|
+
"negative-background-color-default": "rgb(215, 25, 19)",
|
|
599
|
+
"negative-background-color-down": "rgb(165, 0, 0)",
|
|
600
|
+
"negative-background-color-hover": "rgb(190, 4, 3)",
|
|
601
|
+
"negative-background-color-key-focus": "rgb(190, 4, 3)",
|
|
593
602
|
"negative-color-100": "rgb(123, 0, 0)",
|
|
594
603
|
"negative-color-1000": "rgb(255, 176, 161)",
|
|
595
604
|
"negative-color-1100": "rgb(255, 201, 189)",
|
|
@@ -608,24 +617,24 @@
|
|
|
608
617
|
"negative-content-color-down": "rgb(255, 201, 189)",
|
|
609
618
|
"negative-content-color-hover": "rgb(255, 176, 161)",
|
|
610
619
|
"negative-content-color-key-focus": "rgb(255, 176, 161)",
|
|
611
|
-
"negative-visual-color": "rgb(
|
|
612
|
-
"neutral-background-color-default": "rgb(
|
|
613
|
-
"neutral-background-color-down": "rgb(
|
|
614
|
-
"neutral-background-color-hover": "rgb(
|
|
615
|
-
"neutral-background-color-key-focus": "rgb(
|
|
620
|
+
"negative-visual-color": "rgb(246, 88, 67)",
|
|
621
|
+
"neutral-background-color-default": "rgb(112, 112, 112)",
|
|
622
|
+
"neutral-background-color-down": "rgb(63, 63, 63)",
|
|
623
|
+
"neutral-background-color-hover": "rgb(84, 84, 84)",
|
|
624
|
+
"neutral-background-color-key-focus": "rgb(84, 84, 84)",
|
|
616
625
|
"neutral-content-color-default": "rgb(235, 235, 235)",
|
|
617
626
|
"neutral-content-color-down": "rgb(255, 255, 255)",
|
|
618
627
|
"neutral-content-color-hover": "rgb(255, 255, 255)",
|
|
619
628
|
"neutral-content-color-key-focus": "rgb(255, 255, 255)",
|
|
620
|
-
"neutral-subdued-background-color-default": "rgb(
|
|
621
|
-
"neutral-subdued-background-color-down": "rgb(
|
|
622
|
-
"neutral-subdued-background-color-hover": "rgb(
|
|
623
|
-
"neutral-subdued-background-color-key-focus": "rgb(
|
|
629
|
+
"neutral-subdued-background-color-default": "rgb(112, 112, 112)",
|
|
630
|
+
"neutral-subdued-background-color-down": "rgb(63, 63, 63)",
|
|
631
|
+
"neutral-subdued-background-color-hover": "rgb(84, 84, 84)",
|
|
632
|
+
"neutral-subdued-background-color-key-focus": "rgb(84, 84, 84)",
|
|
624
633
|
"neutral-subdued-content-color-default": "rgb(209, 209, 209)",
|
|
625
634
|
"neutral-subdued-content-color-down": "rgb(255, 255, 255)",
|
|
626
635
|
"neutral-subdued-content-color-hover": "rgb(235, 235, 235)",
|
|
627
636
|
"neutral-subdued-content-color-key-focus": "rgb(235, 235, 235)",
|
|
628
|
-
"neutral-visual-color": "rgb(
|
|
637
|
+
"neutral-visual-color": "rgb(178, 178, 178)",
|
|
629
638
|
"notice-color-100": "rgb(102, 37, 0)",
|
|
630
639
|
"notice-color-1000": "rgb(255, 181, 88)",
|
|
631
640
|
"notice-color-1100": "rgb(253, 206, 136)",
|
|
@@ -655,13 +664,14 @@
|
|
|
655
664
|
"orange-700": "rgb(225, 109, 0)",
|
|
656
665
|
"orange-800": "rgb(244, 129, 12)",
|
|
657
666
|
"orange-900": "rgb(254, 154, 46)",
|
|
658
|
-
"orange-background-color-default": "rgb(
|
|
667
|
+
"orange-background-color-default": "rgb(244, 129, 12)",
|
|
659
668
|
"orange-visual-color": "rgb(254, 154, 46)",
|
|
660
669
|
"overlay-color": "rgb(0, 0, 0)",
|
|
661
|
-
"
|
|
662
|
-
"positive-background-color-
|
|
663
|
-
"positive-background-color-
|
|
664
|
-
"positive-background-color-
|
|
670
|
+
"overlay-opacity": "0.5",
|
|
671
|
+
"positive-background-color-default": "rgb(0, 125, 78)",
|
|
672
|
+
"positive-background-color-down": "rgb(0, 92, 56)",
|
|
673
|
+
"positive-background-color-hover": "rgb(0, 108, 67)",
|
|
674
|
+
"positive-background-color-key-focus": "rgb(0, 108, 67)",
|
|
665
675
|
"positive-color-100": "rgb(4, 67, 41)",
|
|
666
676
|
"positive-color-1000": "rgb(94, 217, 162)",
|
|
667
677
|
"positive-color-1100": "rgb(129, 233, 184)",
|
|
@@ -676,7 +686,7 @@
|
|
|
676
686
|
"positive-color-700": "rgb(18, 162, 108)",
|
|
677
687
|
"positive-color-800": "rgb(43, 180, 125)",
|
|
678
688
|
"positive-color-900": "rgb(67, 199, 143)",
|
|
679
|
-
"positive-visual-color": "rgb(
|
|
689
|
+
"positive-visual-color": "rgb(43, 180, 125)",
|
|
680
690
|
"purple-100": "rgb(76, 13, 157)",
|
|
681
691
|
"purple-1000": "rgb(215, 182, 254)",
|
|
682
692
|
"purple-1100": "rgb(228, 204, 254)",
|
|
@@ -691,7 +701,7 @@
|
|
|
691
701
|
"purple-700": "rgb(172, 111, 249)",
|
|
692
702
|
"purple-800": "rgb(187, 135, 251)",
|
|
693
703
|
"purple-900": "rgb(202, 159, 252)",
|
|
694
|
-
"purple-background-color-default": "rgb(
|
|
704
|
+
"purple-background-color-default": "rgb(172, 111, 249)",
|
|
695
705
|
"purple-visual-color": "rgb(202, 159, 252)",
|
|
696
706
|
"red-100": "rgb(123, 0, 0)",
|
|
697
707
|
"red-1000": "rgb(255, 176, 161)",
|
|
@@ -707,8 +717,8 @@
|
|
|
707
717
|
"red-700": "rgb(246, 88, 67)",
|
|
708
718
|
"red-800": "rgb(255, 117, 94)",
|
|
709
719
|
"red-900": "rgb(255, 149, 129)",
|
|
710
|
-
"red-background-color-default": "rgb(
|
|
711
|
-
"red-visual-color": "rgb(
|
|
720
|
+
"red-background-color-default": "rgb(246, 88, 67)",
|
|
721
|
+
"red-visual-color": "rgb(246, 88, 67)",
|
|
712
722
|
"seafoam-100": "rgb(18, 65, 63)",
|
|
713
723
|
"seafoam-1000": "rgb(93, 214, 207)",
|
|
714
724
|
"seafoam-1100": "rgb(132, 230, 223)",
|
|
@@ -723,8 +733,8 @@
|
|
|
723
733
|
"seafoam-700": "rgb(0, 158, 152)",
|
|
724
734
|
"seafoam-800": "rgb(3, 178, 171)",
|
|
725
735
|
"seafoam-900": "rgb(54, 197, 189)",
|
|
726
|
-
"seafoam-background-color-default": "rgb(
|
|
727
|
-
"seafoam-visual-color": "rgb(
|
|
736
|
+
"seafoam-background-color-default": "rgb(0, 158, 152)",
|
|
737
|
+
"seafoam-visual-color": "rgb(3, 178, 171)",
|
|
728
738
|
"static-black-focus-ring-color": "rgb(0, 0, 0)",
|
|
729
739
|
"static-white-focus-ring-color": "rgb(255, 255, 255)",
|
|
730
740
|
"transparent-black-200": "rgba(0, 0, 0, 0.10)",
|
|
@@ -758,14 +768,14 @@
|
|
|
758
768
|
"yellow-700": "rgb(174, 137, 0)",
|
|
759
769
|
"yellow-800": "rgb(192, 156, 0)",
|
|
760
770
|
"yellow-900": "rgb(211, 174, 0)",
|
|
761
|
-
"yellow-background-color-default": "rgb(
|
|
762
|
-
"yellow-visual-color": "rgb(
|
|
771
|
+
"yellow-background-color-default": "rgb(228, 194, 0)",
|
|
772
|
+
"yellow-visual-color": "rgb(244, 213, 0)"
|
|
763
773
|
},
|
|
764
774
|
"darkest": {
|
|
765
|
-
"accent-background-color-default": "rgb(
|
|
766
|
-
"accent-background-color-down": "rgb(
|
|
767
|
-
"accent-background-color-hover": "rgb(
|
|
768
|
-
"accent-background-color-key-focus": "rgb(
|
|
775
|
+
"accent-background-color-default": "rgb(6, 108, 231)",
|
|
776
|
+
"accent-background-color-down": "rgb(0, 78, 166)",
|
|
777
|
+
"accent-background-color-hover": "rgb(0, 92, 200)",
|
|
778
|
+
"accent-background-color-key-focus": "rgb(0, 92, 200)",
|
|
769
779
|
"accent-color-100": "rgb(0, 38, 81)",
|
|
770
780
|
"accent-color-1000": "rgb(124, 189, 250)",
|
|
771
781
|
"accent-color-1100": "rgb(152, 206, 253)",
|
|
@@ -785,9 +795,9 @@
|
|
|
785
795
|
"accent-content-color-hover": "rgb(124, 189, 250)",
|
|
786
796
|
"accent-content-color-key-focus": "rgb(124, 189, 250)",
|
|
787
797
|
"accent-visual-color": "rgb(94, 170, 247)",
|
|
788
|
-
"background-base-color": "rgb(
|
|
789
|
-
"background-layer-1-color": "rgb(
|
|
790
|
-
"background-layer-2-color": "rgb(
|
|
798
|
+
"background-base-color": "rgb(0, 0, 0)",
|
|
799
|
+
"background-layer-1-color": "rgb(14, 14, 14)",
|
|
800
|
+
"background-layer-2-color": "rgb(29, 29, 29)",
|
|
791
801
|
"black": "rgb(0, 0, 0)",
|
|
792
802
|
"blue-100": "rgb(0, 38, 81)",
|
|
793
803
|
"blue-1000": "rgb(124, 189, 250)",
|
|
@@ -803,8 +813,9 @@
|
|
|
803
813
|
"blue-700": "rgb(29, 128, 245)",
|
|
804
814
|
"blue-800": "rgb(64, 150, 243)",
|
|
805
815
|
"blue-900": "rgb(94, 170, 247)",
|
|
806
|
-
"blue-background-color-default": "rgb(
|
|
816
|
+
"blue-background-color-default": "rgb(29, 128, 245)",
|
|
807
817
|
"blue-visual-color": "rgb(94, 170, 247)",
|
|
818
|
+
"border-width-100": "1px",
|
|
808
819
|
"celery-100": "rgb(0, 47, 7)",
|
|
809
820
|
"celery-1000": "rgb(80, 208, 82)",
|
|
810
821
|
"celery-1100": "rgb(115, 224, 107)",
|
|
@@ -819,8 +830,8 @@
|
|
|
819
830
|
"celery-700": "rgb(0, 151, 20)",
|
|
820
831
|
"celery-800": "rgb(13, 171, 37)",
|
|
821
832
|
"celery-900": "rgb(45, 191, 58)",
|
|
822
|
-
"celery-background-color-default": "rgb(
|
|
823
|
-
"celery-visual-color": "rgb(
|
|
833
|
+
"celery-background-color-default": "rgb(13, 171, 37)",
|
|
834
|
+
"celery-visual-color": "rgb(13, 171, 37)",
|
|
824
835
|
"chartreuse-100": "rgb(32, 43, 0)",
|
|
825
836
|
"chartreuse-1000": "rgb(154, 198, 11)",
|
|
826
837
|
"chartreuse-1100": "rgb(170, 216, 22)",
|
|
@@ -835,8 +846,9 @@
|
|
|
835
846
|
"chartreuse-700": "rgb(107, 142, 0)",
|
|
836
847
|
"chartreuse-800": "rgb(122, 161, 0)",
|
|
837
848
|
"chartreuse-900": "rgb(138, 180, 3)",
|
|
838
|
-
"chartreuse-background-color-default": "rgb(
|
|
849
|
+
"chartreuse-background-color-default": "rgb(138, 180, 3)",
|
|
839
850
|
"chartreuse-visual-color": "rgb(138, 180, 3)",
|
|
851
|
+
"cjk-heading": "adobe clean han extra bold",
|
|
840
852
|
"cyan-100": "rgb(0, 41, 68)",
|
|
841
853
|
"cyan-1000": "rgb(57, 199, 234)",
|
|
842
854
|
"cyan-1100": "rgb(96, 216, 243)",
|
|
@@ -851,7 +863,7 @@
|
|
|
851
863
|
"cyan-700": "rgb(0, 140, 186)",
|
|
852
864
|
"cyan-800": "rgb(4, 160, 205)",
|
|
853
865
|
"cyan-900": "rgb(23, 180, 221)",
|
|
854
|
-
"cyan-background-color-default": "rgb(
|
|
866
|
+
"cyan-background-color-default": "rgb(0, 140, 186)",
|
|
855
867
|
"cyan-visual-color": "rgb(23, 180, 221)",
|
|
856
868
|
"disabled-background-color": "rgb(48, 48, 48)",
|
|
857
869
|
"disabled-border-color": "rgb(75, 75, 75)",
|
|
@@ -879,7 +891,7 @@
|
|
|
879
891
|
"fuchsia-700": "rgb(211, 65, 213)",
|
|
880
892
|
"fuchsia-800": "rgb(228, 91, 229)",
|
|
881
893
|
"fuchsia-900": "rgb(239, 120, 238)",
|
|
882
|
-
"fuchsia-background-color-default": "rgb(
|
|
894
|
+
"fuchsia-background-color-default": "rgb(211, 65, 213)",
|
|
883
895
|
"fuchsia-visual-color": "rgb(239, 120, 238)",
|
|
884
896
|
"gray-100": "rgb(29, 29, 29)",
|
|
885
897
|
"gray-200": "rgb(48, 48, 48)",
|
|
@@ -893,7 +905,7 @@
|
|
|
893
905
|
"gray-800": "rgb(235, 235, 235)",
|
|
894
906
|
"gray-900": "rgb(255, 255, 255)",
|
|
895
907
|
"gray-background-color-default": "rgb(208, 208, 208)",
|
|
896
|
-
"gray-visual-color": "rgb(
|
|
908
|
+
"gray-visual-color": "rgb(176, 176, 176)",
|
|
897
909
|
"green-100": "rgb(10, 44, 28)",
|
|
898
910
|
"green-1000": "rgb(75, 205, 149)",
|
|
899
911
|
"green-1100": "rgb(103, 222, 168)",
|
|
@@ -908,8 +920,10 @@
|
|
|
908
920
|
"green-700": "rgb(0, 149, 98)",
|
|
909
921
|
"green-800": "rgb(28, 168, 114)",
|
|
910
922
|
"green-900": "rgb(52, 187, 132)",
|
|
911
|
-
"green-background-color-default": "rgb(
|
|
912
|
-
"green-visual-color": "rgb(
|
|
923
|
+
"green-background-color-default": "rgb(0, 149, 98)",
|
|
924
|
+
"green-visual-color": "rgb(28, 168, 114)",
|
|
925
|
+
"heading": "adobe clean bold",
|
|
926
|
+
"heading-emphasized": "adobe clean bold italic",
|
|
913
927
|
"indigo-100": "rgb(26, 29, 97)",
|
|
914
928
|
"indigo-1000": "rgb(174, 177, 255)",
|
|
915
929
|
"indigo-1100": "rgb(194, 196, 255)",
|
|
@@ -924,12 +938,12 @@
|
|
|
924
938
|
"indigo-700": "rgb(110, 115, 246)",
|
|
925
939
|
"indigo-800": "rgb(132, 136, 253)",
|
|
926
940
|
"indigo-900": "rgb(153, 157, 255)",
|
|
927
|
-
"indigo-background-color-default": "rgb(
|
|
941
|
+
"indigo-background-color-default": "rgb(110, 115, 246)",
|
|
928
942
|
"indigo-visual-color": "rgb(153, 157, 255)",
|
|
929
|
-
"informative-background-color-default": "rgb(
|
|
930
|
-
"informative-background-color-down": "rgb(
|
|
931
|
-
"informative-background-color-hover": "rgb(
|
|
932
|
-
"informative-background-color-key-focus": "rgb(
|
|
943
|
+
"informative-background-color-default": "rgb(6, 108, 231)",
|
|
944
|
+
"informative-background-color-down": "rgb(0, 78, 166)",
|
|
945
|
+
"informative-background-color-hover": "rgb(0, 92, 200)",
|
|
946
|
+
"informative-background-color-key-focus": "rgb(0, 92, 200)",
|
|
933
947
|
"informative-color-100": "rgb(0, 38, 81)",
|
|
934
948
|
"informative-color-1000": "rgb(124, 189, 250)",
|
|
935
949
|
"informative-color-1100": "rgb(152, 206, 253)",
|
|
@@ -959,12 +973,12 @@
|
|
|
959
973
|
"magenta-700": "rgb(227, 69, 137)",
|
|
960
974
|
"magenta-800": "rgb(241, 97, 156)",
|
|
961
975
|
"magenta-900": "rgb(252, 124, 173)",
|
|
962
|
-
"magenta-background-color-default": "rgb(
|
|
976
|
+
"magenta-background-color-default": "rgb(227, 69, 137)",
|
|
963
977
|
"magenta-visual-color": "rgb(252, 124, 173)",
|
|
964
|
-
"negative-background-color-default": "rgb(
|
|
965
|
-
"negative-background-color-down": "rgb(
|
|
966
|
-
"negative-background-color-hover": "rgb(
|
|
967
|
-
"negative-background-color-key-focus": "rgb(
|
|
978
|
+
"negative-background-color-default": "rgb(221, 33, 24)",
|
|
979
|
+
"negative-background-color-down": "rgb(167, 0, 0)",
|
|
980
|
+
"negative-background-color-hover": "rgb(196, 7, 6)",
|
|
981
|
+
"negative-background-color-key-focus": "rgb(196, 7, 6)",
|
|
968
982
|
"negative-color-100": "rgb(87, 0, 0)",
|
|
969
983
|
"negative-color-1000": "rgb(255, 158, 140)",
|
|
970
984
|
"negative-color-1100": "rgb(255, 183, 169)",
|
|
@@ -983,24 +997,24 @@
|
|
|
983
997
|
"negative-content-color-down": "rgb(255, 183, 169)",
|
|
984
998
|
"negative-content-color-hover": "rgb(255, 158, 140)",
|
|
985
999
|
"negative-content-color-key-focus": "rgb(255, 158, 140)",
|
|
986
|
-
"negative-visual-color": "rgb(
|
|
987
|
-
"neutral-background-color-default": "rgb(
|
|
988
|
-
"neutral-background-color-down": "rgb(
|
|
989
|
-
"neutral-background-color-hover": "rgb(
|
|
990
|
-
"neutral-background-color-key-focus": "rgb(
|
|
1000
|
+
"negative-visual-color": "rgb(238, 67, 49)",
|
|
1001
|
+
"neutral-background-color-default": "rgb(106, 106, 106)",
|
|
1002
|
+
"neutral-background-color-down": "rgb(48, 48, 48)",
|
|
1003
|
+
"neutral-background-color-hover": "rgb(75, 75, 75)",
|
|
1004
|
+
"neutral-background-color-key-focus": "rgb(75, 75, 75)",
|
|
991
1005
|
"neutral-content-color-default": "rgb(235, 235, 235)",
|
|
992
1006
|
"neutral-content-color-down": "rgb(255, 255, 255)",
|
|
993
1007
|
"neutral-content-color-hover": "rgb(255, 255, 255)",
|
|
994
1008
|
"neutral-content-color-key-focus": "rgb(255, 255, 255)",
|
|
995
|
-
"neutral-subdued-background-color-default": "rgb(
|
|
996
|
-
"neutral-subdued-background-color-down": "rgb(
|
|
997
|
-
"neutral-subdued-background-color-hover": "rgb(
|
|
998
|
-
"neutral-subdued-background-color-key-focus": "rgb(
|
|
1009
|
+
"neutral-subdued-background-color-default": "rgb(106, 106, 106)",
|
|
1010
|
+
"neutral-subdued-background-color-down": "rgb(48, 48, 48)",
|
|
1011
|
+
"neutral-subdued-background-color-hover": "rgb(75, 75, 75)",
|
|
1012
|
+
"neutral-subdued-background-color-key-focus": "rgb(75, 75, 75)",
|
|
999
1013
|
"neutral-subdued-content-color-default": "rgb(208, 208, 208)",
|
|
1000
1014
|
"neutral-subdued-content-color-down": "rgb(255, 255, 255)",
|
|
1001
1015
|
"neutral-subdued-content-color-hover": "rgb(235, 235, 235)",
|
|
1002
1016
|
"neutral-subdued-content-color-key-focus": "rgb(235, 235, 235)",
|
|
1003
|
-
"neutral-visual-color": "rgb(
|
|
1017
|
+
"neutral-visual-color": "rgb(176, 176, 176)",
|
|
1004
1018
|
"notice-color-100": "rgb(72, 24, 1)",
|
|
1005
1019
|
"notice-color-1000": "rgb(255, 162, 59)",
|
|
1006
1020
|
"notice-color-1100": "rgb(255, 188, 102)",
|
|
@@ -1030,13 +1044,14 @@
|
|
|
1030
1044
|
"orange-700": "rgb(210, 98, 0)",
|
|
1031
1045
|
"orange-800": "rgb(232, 116, 0)",
|
|
1032
1046
|
"orange-900": "rgb(249, 137, 23)",
|
|
1033
|
-
"orange-background-color-default": "rgb(
|
|
1047
|
+
"orange-background-color-default": "rgb(232, 116, 0)",
|
|
1034
1048
|
"orange-visual-color": "rgb(249, 137, 23)",
|
|
1035
1049
|
"overlay-color": "rgb(0, 0, 0)",
|
|
1036
|
-
"
|
|
1037
|
-
"positive-background-color-
|
|
1038
|
-
"positive-background-color-
|
|
1039
|
-
"positive-background-color-
|
|
1050
|
+
"overlay-opacity": "0.6",
|
|
1051
|
+
"positive-background-color-default": "rgb(0, 130, 82)",
|
|
1052
|
+
"positive-background-color-down": "rgb(0, 93, 57)",
|
|
1053
|
+
"positive-background-color-hover": "rgb(0, 111, 69)",
|
|
1054
|
+
"positive-background-color-key-focus": "rgb(0, 111, 69)",
|
|
1040
1055
|
"positive-color-100": "rgb(10, 44, 28)",
|
|
1041
1056
|
"positive-color-1000": "rgb(75, 205, 149)",
|
|
1042
1057
|
"positive-color-1100": "rgb(103, 222, 168)",
|
|
@@ -1051,7 +1066,7 @@
|
|
|
1051
1066
|
"positive-color-700": "rgb(0, 149, 98)",
|
|
1052
1067
|
"positive-color-800": "rgb(28, 168, 114)",
|
|
1053
1068
|
"positive-color-900": "rgb(52, 187, 132)",
|
|
1054
|
-
"positive-visual-color": "rgb(
|
|
1069
|
+
"positive-visual-color": "rgb(28, 168, 114)",
|
|
1055
1070
|
"purple-100": "rgb(50, 16, 104)",
|
|
1056
1071
|
"purple-1000": "rgb(206, 166, 253)",
|
|
1057
1072
|
"purple-1100": "rgb(219, 188, 254)",
|
|
@@ -1066,7 +1081,7 @@
|
|
|
1066
1081
|
"purple-700": "rgb(162, 94, 246)",
|
|
1067
1082
|
"purple-800": "rgb(178, 119, 250)",
|
|
1068
1083
|
"purple-900": "rgb(192, 143, 252)",
|
|
1069
|
-
"purple-background-color-default": "rgb(
|
|
1084
|
+
"purple-background-color-default": "rgb(162, 94, 246)",
|
|
1070
1085
|
"purple-visual-color": "rgb(192, 143, 252)",
|
|
1071
1086
|
"red-100": "rgb(87, 0, 0)",
|
|
1072
1087
|
"red-1000": "rgb(255, 158, 140)",
|
|
@@ -1082,8 +1097,8 @@
|
|
|
1082
1097
|
"red-700": "rgb(238, 67, 49)",
|
|
1083
1098
|
"red-800": "rgb(249, 99, 76)",
|
|
1084
1099
|
"red-900": "rgb(255, 129, 107)",
|
|
1085
|
-
"red-background-color-default": "rgb(
|
|
1086
|
-
"red-visual-color": "rgb(
|
|
1100
|
+
"red-background-color-default": "rgb(238, 67, 49)",
|
|
1101
|
+
"red-visual-color": "rgb(238, 67, 49)",
|
|
1087
1102
|
"seafoam-100": "rgb(18, 43, 42)",
|
|
1088
1103
|
"seafoam-1000": "rgb(66, 202, 195)",
|
|
1089
1104
|
"seafoam-1100": "rgb(102, 218, 211)",
|
|
@@ -1098,8 +1113,8 @@
|
|
|
1098
1113
|
"seafoam-700": "rgb(0, 146, 140)",
|
|
1099
1114
|
"seafoam-800": "rgb(0, 165, 159)",
|
|
1100
1115
|
"seafoam-900": "rgb(26, 185, 178)",
|
|
1101
|
-
"seafoam-background-color-default": "rgb(
|
|
1102
|
-
"seafoam-visual-color": "rgb(
|
|
1116
|
+
"seafoam-background-color-default": "rgb(0, 146, 140)",
|
|
1117
|
+
"seafoam-visual-color": "rgb(0, 165, 159)",
|
|
1103
1118
|
"static-black-focus-ring-color": "rgb(0, 0, 0)",
|
|
1104
1119
|
"static-white-focus-ring-color": "rgb(255, 255, 255)",
|
|
1105
1120
|
"transparent-black-200": "rgba(0, 0, 0, 0.10)",
|
|
@@ -1133,8 +1148,8 @@
|
|
|
1133
1148
|
"yellow-700": "rgb(161, 126, 0)",
|
|
1134
1149
|
"yellow-800": "rgb(180, 144, 0)",
|
|
1135
1150
|
"yellow-900": "rgb(199, 162, 0)",
|
|
1136
|
-
"yellow-background-color-default": "rgb(
|
|
1137
|
-
"yellow-visual-color": "rgb(
|
|
1151
|
+
"yellow-background-color-default": "rgb(216, 181, 0)",
|
|
1152
|
+
"yellow-visual-color": "rgb(233, 199, 0)"
|
|
1138
1153
|
}
|
|
1139
1154
|
},
|
|
1140
1155
|
"dimensions": {
|
|
@@ -1150,7 +1165,15 @@
|
|
|
1150
1165
|
"background-opacity-down": "0.1",
|
|
1151
1166
|
"background-opacity-hover": "0.1",
|
|
1152
1167
|
"background-opacity-key-focus": "0.1",
|
|
1168
|
+
"body-line-height": "1.5",
|
|
1153
1169
|
"body-margin-multiplier": "0.75",
|
|
1170
|
+
"body-size-l": "18px",
|
|
1171
|
+
"body-size-m": "16px",
|
|
1172
|
+
"body-size-s": "14px",
|
|
1173
|
+
"body-size-xl": "20px",
|
|
1174
|
+
"body-size-xs": "12px",
|
|
1175
|
+
"body-size-xxl": "22px",
|
|
1176
|
+
"body-size-xxxl": "25px",
|
|
1154
1177
|
"border-width-100": "1px",
|
|
1155
1178
|
"border-width-200": "2px",
|
|
1156
1179
|
"button-minimum-width-multiplier": "2.25",
|
|
@@ -1162,9 +1185,20 @@
|
|
|
1162
1185
|
"checkbox-top-to-control-large": "12px",
|
|
1163
1186
|
"checkbox-top-to-control-medium": "9px",
|
|
1164
1187
|
"checkbox-top-to-control-small": "6px",
|
|
1188
|
+
"cjk-body-line-height": "1.7",
|
|
1189
|
+
"cjk-code-line-height": "1.7",
|
|
1190
|
+
"cjk-detail-line-height": "1.5",
|
|
1191
|
+
"cjk-heading": "adobe clean han extra bold",
|
|
1192
|
+
"cjk-heading-line-height": "1.5",
|
|
1165
1193
|
"cjk-letter-spacing": "0.05em",
|
|
1166
1194
|
"cjk-line-height-100": "1.5",
|
|
1167
1195
|
"cjk-line-height-200": "1.7",
|
|
1196
|
+
"code-line-height": "1.5",
|
|
1197
|
+
"code-size-l": "18px",
|
|
1198
|
+
"code-size-m": "16px",
|
|
1199
|
+
"code-size-s": "14px",
|
|
1200
|
+
"code-size-xl": "20px",
|
|
1201
|
+
"code-size-xs": "12px",
|
|
1168
1202
|
"component-bottom-to-text-100": "9px",
|
|
1169
1203
|
"component-bottom-to-text-200": "11px",
|
|
1170
1204
|
"component-bottom-to-text-300": "14px",
|
|
@@ -1216,8 +1250,13 @@
|
|
|
1216
1250
|
"corner-radius-200": "8px",
|
|
1217
1251
|
"corner-radius-75": "2px",
|
|
1218
1252
|
"detail-letter-spacing": "0.06em",
|
|
1253
|
+
"detail-line-height": "1.3",
|
|
1219
1254
|
"detail-margin-bottom-multiplier": "0.25",
|
|
1220
1255
|
"detail-margin-top-mulitplier": "0.8889",
|
|
1256
|
+
"detail-size-l": "14px",
|
|
1257
|
+
"detail-size-m": "12px",
|
|
1258
|
+
"detail-size-s": "11px",
|
|
1259
|
+
"detail-size-xl": "16px",
|
|
1221
1260
|
"divider-thickness-large": "4px",
|
|
1222
1261
|
"divider-thickness-medium": "2px",
|
|
1223
1262
|
"divider-thickness-small": "1px",
|
|
@@ -1253,8 +1292,19 @@
|
|
|
1253
1292
|
"font-size-75": "12px",
|
|
1254
1293
|
"font-size-800": "32px",
|
|
1255
1294
|
"font-size-900": "36px",
|
|
1295
|
+
"heading": "adobe clean bold",
|
|
1296
|
+
"heading-emphasized": "adobe clean bold italic",
|
|
1297
|
+
"heading-line-height": "1.3",
|
|
1256
1298
|
"heading-margin-bottom-multiplier": "0.25",
|
|
1257
1299
|
"heading-margin-top-multiplier": "0.8889",
|
|
1300
|
+
"heading-size-l": "28px",
|
|
1301
|
+
"heading-size-m": "22px",
|
|
1302
|
+
"heading-size-s": "18px",
|
|
1303
|
+
"heading-size-xl": "36px",
|
|
1304
|
+
"heading-size-xs": "16px",
|
|
1305
|
+
"heading-size-xxl": "45px",
|
|
1306
|
+
"heading-size-xxs": "14px",
|
|
1307
|
+
"heading-size-xxxl": "60px",
|
|
1258
1308
|
"help-text-top-to-workflow-icon-extra-large": "9px",
|
|
1259
1309
|
"help-text-top-to-workflow-icon-large": "6px",
|
|
1260
1310
|
"help-text-top-to-workflow-icon-medium": "3px",
|
|
@@ -1276,7 +1326,6 @@
|
|
|
1276
1326
|
"meter-minimum-width": "48px",
|
|
1277
1327
|
"meter-thickness-medium": "6px",
|
|
1278
1328
|
"meter-thickness-small": "4px",
|
|
1279
|
-
"overlay-opacity": "0.6",
|
|
1280
1329
|
"popover-tip-height": "8px",
|
|
1281
1330
|
"popover-tip-width": "16px",
|
|
1282
1331
|
"popover-top-to-content-area": "4px",
|
package/jest.config.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright 2022 Adobe. All rights reserved.
|
|
3
|
+
This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
+
of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
+
|
|
7
|
+
Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
+
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
+
OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
+
governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
/*
|
|
13
|
+
* For a detailed explanation regarding each configuration property, visit:
|
|
14
|
+
* https://jestjs.io/docs/configuration
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
module.exports = {
|
|
18
|
+
clearMocks: true,
|
|
19
|
+
collectCoverage: true,
|
|
20
|
+
coverageDirectory: "coverage",
|
|
21
|
+
coverageProvider: "v8",
|
|
22
|
+
};
|
package/package.json
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adobe/spectrum-tokens",
|
|
3
|
-
"version": "12.0.0-beta.
|
|
3
|
+
"version": "12.0.0-beta.51",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "config.js",
|
|
6
6
|
"scripts": {
|
|
7
|
+
"test": "jest",
|
|
8
|
+
"test-watch": "jest --runInBand --watch",
|
|
7
9
|
"build": "style-dictionary build",
|
|
8
10
|
"diffLastRelease": ". tasks/diffOutput.sh",
|
|
9
11
|
"clean": "rm -rf dist",
|
|
@@ -29,11 +31,16 @@
|
|
|
29
31
|
"@commitlint/config-conventional": "^16.2.1",
|
|
30
32
|
"@semantic-release/changelog": "^6.0.1",
|
|
31
33
|
"husky": "^7.0.4",
|
|
34
|
+
"jest": "^29.0.2",
|
|
32
35
|
"lint-staged": "^12.3.4",
|
|
33
36
|
"prettier": "^2.5.1",
|
|
34
37
|
"semantic-release": "^19.0.2",
|
|
35
38
|
"semantic-release-mirror-version": "^1.1.1",
|
|
36
39
|
"style-dictionary": "^3.7.0",
|
|
37
|
-
"style-dictionary-sets": "^2.0.
|
|
40
|
+
"style-dictionary-sets": "^2.0.5"
|
|
41
|
+
},
|
|
42
|
+
"dependencies": {
|
|
43
|
+
"deep-object-diff": "^1.1.7",
|
|
44
|
+
"npm-registry-client": "^8.6.0"
|
|
38
45
|
}
|
|
39
46
|
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
const { readFile } = require("fs/promises");
|
|
2
|
+
|
|
3
|
+
const getValue = (obj, setName) => {
|
|
4
|
+
if (obj.hasOwnProperty("value")) {
|
|
5
|
+
return obj.value;
|
|
6
|
+
} else if (obj.hasOwnProperty("sets")) {
|
|
7
|
+
if (obj.sets.hasOwnProperty(setName)) {
|
|
8
|
+
return getValue(obj.sets[setName], setName);
|
|
9
|
+
} else if (obj.sets.hasOwnProperty("spectrum")) {
|
|
10
|
+
return getValue(obj.sets.spectrum, setName);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
const vars = { light: {}, dark: {}, darkest: {} };
|
|
16
|
+
let variables;
|
|
17
|
+
let drover;
|
|
18
|
+
|
|
19
|
+
beforeAll(async () => {
|
|
20
|
+
variables = JSON.parse(
|
|
21
|
+
await readFile("dist/json/variables.json", { encoding: "utf8" })
|
|
22
|
+
);
|
|
23
|
+
drover = JSON.parse(
|
|
24
|
+
await readFile("dist/json/drover.json", { encoding: "utf8" })
|
|
25
|
+
);
|
|
26
|
+
Object.keys(drover.colorThemes.light).forEach((tokenName) => {
|
|
27
|
+
vars.light[tokenName] = getValue(variables[tokenName], "light");
|
|
28
|
+
});
|
|
29
|
+
Object.keys(drover.colorThemes.dark).forEach((tokenName) => {
|
|
30
|
+
vars.dark[tokenName] = getValue(variables[tokenName], "dark");
|
|
31
|
+
});
|
|
32
|
+
Object.keys(drover.colorThemes.darkest).forEach((tokenName) => {
|
|
33
|
+
vars.darkest[tokenName] = getValue(variables[tokenName], "darkest");
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
test("Drover should match light variable values", () => {
|
|
38
|
+
expect(drover.colorThemes.light).toMatchObject(vars.light);
|
|
39
|
+
});
|
|
40
|
+
test("Drover should match dark variable values", () => {
|
|
41
|
+
expect(drover.colorThemes.dark).toMatchObject(vars.dark);
|
|
42
|
+
});
|
|
43
|
+
test("Drover should match darkest variable values", () => {
|
|
44
|
+
expect(drover.colorThemes.darkest).toMatchObject(vars.darkest);
|
|
45
|
+
});
|