@phcdevworks/spectre-tokens 2.1.0 → 2.1.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/LICENSE +12 -13
- package/README.md +133 -1457
- package/dist/index.cjs +329 -139
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +174 -174
- package/dist/index.d.cts +204 -14
- package/dist/index.d.ts +204 -14
- package/dist/index.js +329 -139
- package/dist/index.js.map +1 -1
- package/package.json +7 -8
- package/tokens/components.json +87 -30
- package/tokens/modes.json +187 -54
- package/tokens/palette.json +55 -55
package/dist/index.js
CHANGED
|
@@ -33,7 +33,10 @@ var coreTokens = {
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"neutralBgHover": {
|
|
36
|
-
"value": "{colors.neutral.200}"
|
|
36
|
+
"value": "{colors.neutral.200}",
|
|
37
|
+
"metadata": {
|
|
38
|
+
"pair": "component.badge.neutralText"
|
|
39
|
+
}
|
|
37
40
|
},
|
|
38
41
|
"neutralText": {
|
|
39
42
|
"value": "{colors.neutral.700}"
|
|
@@ -45,7 +48,10 @@ var coreTokens = {
|
|
|
45
48
|
}
|
|
46
49
|
},
|
|
47
50
|
"infoBgHover": {
|
|
48
|
-
"value": "{colors.info.200}"
|
|
51
|
+
"value": "{colors.info.200}",
|
|
52
|
+
"metadata": {
|
|
53
|
+
"pair": "component.badge.infoText"
|
|
54
|
+
}
|
|
49
55
|
},
|
|
50
56
|
"infoText": {
|
|
51
57
|
"value": "{colors.info.700}"
|
|
@@ -57,10 +63,13 @@ var coreTokens = {
|
|
|
57
63
|
}
|
|
58
64
|
},
|
|
59
65
|
"successBgHover": {
|
|
60
|
-
"value": "{colors.success.200}"
|
|
66
|
+
"value": "{colors.success.200}",
|
|
67
|
+
"metadata": {
|
|
68
|
+
"pair": "component.badge.successText"
|
|
69
|
+
}
|
|
61
70
|
},
|
|
62
71
|
"successText": {
|
|
63
|
-
"value": "{colors.success.
|
|
72
|
+
"value": "{colors.success.800}"
|
|
64
73
|
},
|
|
65
74
|
"warningBg": {
|
|
66
75
|
"value": "{colors.warning.100}",
|
|
@@ -69,10 +78,13 @@ var coreTokens = {
|
|
|
69
78
|
}
|
|
70
79
|
},
|
|
71
80
|
"warningBgHover": {
|
|
72
|
-
"value": "{colors.warning.200}"
|
|
81
|
+
"value": "{colors.warning.200}",
|
|
82
|
+
"metadata": {
|
|
83
|
+
"pair": "component.badge.warningText"
|
|
84
|
+
}
|
|
73
85
|
},
|
|
74
86
|
"warningText": {
|
|
75
|
-
"value": "{colors.warning.
|
|
87
|
+
"value": "{colors.warning.800}"
|
|
76
88
|
},
|
|
77
89
|
"dangerBg": {
|
|
78
90
|
"value": "{colors.error.100}",
|
|
@@ -81,10 +93,13 @@ var coreTokens = {
|
|
|
81
93
|
}
|
|
82
94
|
},
|
|
83
95
|
"dangerBgHover": {
|
|
84
|
-
"value": "{colors.error.200}"
|
|
96
|
+
"value": "{colors.error.200}",
|
|
97
|
+
"metadata": {
|
|
98
|
+
"pair": "component.badge.dangerText"
|
|
99
|
+
}
|
|
85
100
|
},
|
|
86
101
|
"dangerText": {
|
|
87
|
-
"value": "{colors.error.
|
|
102
|
+
"value": "{colors.error.800}"
|
|
88
103
|
}
|
|
89
104
|
},
|
|
90
105
|
"iconBox": {
|
|
@@ -186,10 +201,16 @@ var coreTokens = {
|
|
|
186
201
|
}
|
|
187
202
|
},
|
|
188
203
|
"bgHover": {
|
|
189
|
-
"value": "{colors.info.700}"
|
|
204
|
+
"value": "{colors.info.700}",
|
|
205
|
+
"metadata": {
|
|
206
|
+
"pair": "buttons.primary.text"
|
|
207
|
+
}
|
|
190
208
|
},
|
|
191
209
|
"bgActive": {
|
|
192
|
-
"value": "{colors.info.800}"
|
|
210
|
+
"value": "{colors.info.800}",
|
|
211
|
+
"metadata": {
|
|
212
|
+
"pair": "buttons.primary.text"
|
|
213
|
+
}
|
|
193
214
|
},
|
|
194
215
|
"bgDisabled": {
|
|
195
216
|
"value": "{colors.neutral.200}"
|
|
@@ -212,22 +233,28 @@ var coreTokens = {
|
|
|
212
233
|
}
|
|
213
234
|
},
|
|
214
235
|
"bgHover": {
|
|
215
|
-
"value": "{colors.neutral.50}"
|
|
236
|
+
"value": "{colors.neutral.50}",
|
|
237
|
+
"metadata": {
|
|
238
|
+
"pair": "buttons.secondary.text"
|
|
239
|
+
}
|
|
216
240
|
},
|
|
217
241
|
"bgActive": {
|
|
218
|
-
"value": "{colors.neutral.100}"
|
|
242
|
+
"value": "{colors.neutral.100}",
|
|
243
|
+
"metadata": {
|
|
244
|
+
"pair": "buttons.secondary.text"
|
|
245
|
+
}
|
|
219
246
|
},
|
|
220
247
|
"bgDisabled": {
|
|
221
248
|
"value": "{colors.neutral.50}"
|
|
222
249
|
},
|
|
223
250
|
"text": {
|
|
224
|
-
"value": "{colors.info.
|
|
251
|
+
"value": "{colors.info.700}"
|
|
225
252
|
},
|
|
226
253
|
"textDisabled": {
|
|
227
254
|
"value": "{colors.neutral.400}"
|
|
228
255
|
},
|
|
229
256
|
"border": {
|
|
230
|
-
"value": "{colors.info.
|
|
257
|
+
"value": "{colors.info.700}"
|
|
231
258
|
},
|
|
232
259
|
"borderDisabled": {
|
|
233
260
|
"value": "{colors.neutral.200}"
|
|
@@ -241,16 +268,22 @@ var coreTokens = {
|
|
|
241
268
|
"value": "transparent"
|
|
242
269
|
},
|
|
243
270
|
"bgHover": {
|
|
244
|
-
"value": "{colors.info.50}"
|
|
271
|
+
"value": "{colors.info.50}",
|
|
272
|
+
"metadata": {
|
|
273
|
+
"pair": "buttons.ghost.text"
|
|
274
|
+
}
|
|
245
275
|
},
|
|
246
276
|
"bgActive": {
|
|
247
|
-
"value": "{colors.info.100}"
|
|
277
|
+
"value": "{colors.info.100}",
|
|
278
|
+
"metadata": {
|
|
279
|
+
"pair": "buttons.ghost.text"
|
|
280
|
+
}
|
|
248
281
|
},
|
|
249
282
|
"bgDisabled": {
|
|
250
283
|
"value": "transparent"
|
|
251
284
|
},
|
|
252
285
|
"text": {
|
|
253
|
-
"value": "{colors.info.
|
|
286
|
+
"value": "{colors.info.700}"
|
|
254
287
|
},
|
|
255
288
|
"textDisabled": {
|
|
256
289
|
"value": "{colors.neutral.400}"
|
|
@@ -267,10 +300,16 @@ var coreTokens = {
|
|
|
267
300
|
}
|
|
268
301
|
},
|
|
269
302
|
"bgHover": {
|
|
270
|
-
"value": "{colors.error.700}"
|
|
303
|
+
"value": "{colors.error.700}",
|
|
304
|
+
"metadata": {
|
|
305
|
+
"pair": "buttons.danger.text"
|
|
306
|
+
}
|
|
271
307
|
},
|
|
272
308
|
"bgActive": {
|
|
273
|
-
"value": "{colors.error.800}"
|
|
309
|
+
"value": "{colors.error.800}",
|
|
310
|
+
"metadata": {
|
|
311
|
+
"pair": "buttons.danger.text"
|
|
312
|
+
}
|
|
274
313
|
},
|
|
275
314
|
"bgDisabled": {
|
|
276
315
|
"value": "{colors.error.200}"
|
|
@@ -293,10 +332,16 @@ var coreTokens = {
|
|
|
293
332
|
}
|
|
294
333
|
},
|
|
295
334
|
"bgHover": {
|
|
296
|
-
"value": "{colors.success.800}"
|
|
335
|
+
"value": "{colors.success.800}",
|
|
336
|
+
"metadata": {
|
|
337
|
+
"pair": "buttons.success.text"
|
|
338
|
+
}
|
|
297
339
|
},
|
|
298
340
|
"bgActive": {
|
|
299
|
-
"value": "{colors.success.900}"
|
|
341
|
+
"value": "{colors.success.900}",
|
|
342
|
+
"metadata": {
|
|
343
|
+
"pair": "buttons.success.text"
|
|
344
|
+
}
|
|
300
345
|
},
|
|
301
346
|
"bgDisabled": {
|
|
302
347
|
"value": "{colors.success.200}"
|
|
@@ -313,31 +358,37 @@ var coreTokens = {
|
|
|
313
358
|
},
|
|
314
359
|
"cta": {
|
|
315
360
|
"bg": {
|
|
316
|
-
"value": "{colors.
|
|
361
|
+
"value": "{colors.brand.600}",
|
|
317
362
|
"metadata": {
|
|
318
363
|
"pair": "buttons.cta.text"
|
|
319
364
|
}
|
|
320
365
|
},
|
|
321
366
|
"bgHover": {
|
|
322
|
-
"value": "{colors.
|
|
367
|
+
"value": "{colors.brand.700}",
|
|
368
|
+
"metadata": {
|
|
369
|
+
"pair": "buttons.cta.text"
|
|
370
|
+
}
|
|
323
371
|
},
|
|
324
372
|
"bgActive": {
|
|
325
|
-
"value": "{colors.
|
|
373
|
+
"value": "{colors.brand.800}",
|
|
374
|
+
"metadata": {
|
|
375
|
+
"pair": "buttons.cta.text"
|
|
376
|
+
}
|
|
326
377
|
},
|
|
327
378
|
"bgDisabled": {
|
|
328
|
-
"value": "{colors.
|
|
379
|
+
"value": "{colors.brand.200}"
|
|
329
380
|
},
|
|
330
381
|
"text": {
|
|
331
|
-
"value": "{colors.
|
|
382
|
+
"value": "{colors.white}"
|
|
332
383
|
},
|
|
333
384
|
"textDisabled": {
|
|
334
385
|
"value": "{colors.neutral.400}"
|
|
335
386
|
},
|
|
336
387
|
"shadow": {
|
|
337
|
-
"value": "0 4px 14px 0 {colors.
|
|
388
|
+
"value": "0 4px 14px 0 {colors.brand.500} / 0.39"
|
|
338
389
|
},
|
|
339
390
|
"focusRing": {
|
|
340
|
-
"value": "{colors.
|
|
391
|
+
"value": "{colors.brand.500} / 0.4"
|
|
341
392
|
}
|
|
342
393
|
},
|
|
343
394
|
"accent": {
|
|
@@ -348,10 +399,16 @@ var coreTokens = {
|
|
|
348
399
|
}
|
|
349
400
|
},
|
|
350
401
|
"bgHover": {
|
|
351
|
-
"value": "{colors.accent.700}"
|
|
402
|
+
"value": "{colors.accent.700}",
|
|
403
|
+
"metadata": {
|
|
404
|
+
"pair": "buttons.accent.text"
|
|
405
|
+
}
|
|
352
406
|
},
|
|
353
407
|
"bgActive": {
|
|
354
|
-
"value": "{colors.accent.800}"
|
|
408
|
+
"value": "{colors.accent.800}",
|
|
409
|
+
"metadata": {
|
|
410
|
+
"pair": "buttons.accent.text"
|
|
411
|
+
}
|
|
355
412
|
},
|
|
356
413
|
"bgDisabled": {
|
|
357
414
|
"value": "{colors.accent.200}"
|
|
@@ -439,19 +496,31 @@ var coreTokens = {
|
|
|
439
496
|
"default": {
|
|
440
497
|
"surface": {
|
|
441
498
|
"page": {
|
|
442
|
-
"value": "{colors.neutral.50}"
|
|
499
|
+
"value": "{colors.neutral.50}",
|
|
500
|
+
"metadata": {
|
|
501
|
+
"pair": "modes.default.text.onPage.default"
|
|
502
|
+
}
|
|
443
503
|
},
|
|
444
504
|
"card": {
|
|
445
|
-
"value": "{colors.white}"
|
|
505
|
+
"value": "{colors.white}",
|
|
506
|
+
"metadata": {
|
|
507
|
+
"pair": "modes.default.text.onSurface.default"
|
|
508
|
+
}
|
|
446
509
|
},
|
|
447
510
|
"input": {
|
|
448
|
-
"value": "{colors.white}"
|
|
511
|
+
"value": "{colors.white}",
|
|
512
|
+
"metadata": {
|
|
513
|
+
"pair": "modes.default.text.onSurface.default"
|
|
514
|
+
}
|
|
449
515
|
},
|
|
450
516
|
"overlay": {
|
|
451
517
|
"value": "{colors.neutral.900} / 0.6"
|
|
452
518
|
},
|
|
453
519
|
"alternate": {
|
|
454
|
-
"value": "{colors.neutral.100}"
|
|
520
|
+
"value": "{colors.neutral.100}",
|
|
521
|
+
"metadata": {
|
|
522
|
+
"pair": "modes.default.text.onPage.default"
|
|
523
|
+
}
|
|
455
524
|
},
|
|
456
525
|
"hero": {
|
|
457
526
|
"value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)"
|
|
@@ -460,36 +529,66 @@ var coreTokens = {
|
|
|
460
529
|
"text": {
|
|
461
530
|
"onPage": {
|
|
462
531
|
"default": {
|
|
463
|
-
"value": "{colors.neutral.900}"
|
|
532
|
+
"value": "{colors.neutral.900}",
|
|
533
|
+
"metadata": {
|
|
534
|
+
"pair": "modes.default.surface.page"
|
|
535
|
+
}
|
|
464
536
|
},
|
|
465
537
|
"muted": {
|
|
466
|
-
"value": "{colors.neutral.600}"
|
|
538
|
+
"value": "{colors.neutral.600}",
|
|
539
|
+
"metadata": {
|
|
540
|
+
"pair": "modes.default.surface.page"
|
|
541
|
+
}
|
|
467
542
|
},
|
|
468
543
|
"subtle": {
|
|
469
|
-
"value": "{colors.neutral.500}"
|
|
544
|
+
"value": "{colors.neutral.500}",
|
|
545
|
+
"metadata": {
|
|
546
|
+
"pair": "modes.default.surface.page"
|
|
547
|
+
}
|
|
470
548
|
},
|
|
471
549
|
"meta": {
|
|
472
|
-
"value": "{colors.neutral.500}"
|
|
550
|
+
"value": "{colors.neutral.500}",
|
|
551
|
+
"metadata": {
|
|
552
|
+
"pair": "modes.default.surface.page"
|
|
553
|
+
}
|
|
473
554
|
},
|
|
474
555
|
"brand": {
|
|
475
|
-
"value": "{colors.brand.600}"
|
|
556
|
+
"value": "{colors.brand.600}",
|
|
557
|
+
"metadata": {
|
|
558
|
+
"pair": "modes.default.surface.page"
|
|
559
|
+
}
|
|
476
560
|
}
|
|
477
561
|
},
|
|
478
562
|
"onSurface": {
|
|
479
563
|
"default": {
|
|
480
|
-
"value": "{colors.neutral.900}"
|
|
564
|
+
"value": "{colors.neutral.900}",
|
|
565
|
+
"metadata": {
|
|
566
|
+
"pair": "modes.default.surface.card"
|
|
567
|
+
}
|
|
481
568
|
},
|
|
482
569
|
"muted": {
|
|
483
|
-
"value": "{colors.neutral.600}"
|
|
570
|
+
"value": "{colors.neutral.600}",
|
|
571
|
+
"metadata": {
|
|
572
|
+
"pair": "modes.default.surface.card"
|
|
573
|
+
}
|
|
484
574
|
},
|
|
485
575
|
"subtle": {
|
|
486
|
-
"value": "{colors.neutral.500}"
|
|
576
|
+
"value": "{colors.neutral.500}",
|
|
577
|
+
"metadata": {
|
|
578
|
+
"pair": "modes.default.surface.card"
|
|
579
|
+
}
|
|
487
580
|
},
|
|
488
581
|
"meta": {
|
|
489
|
-
"value": "{colors.neutral.500}"
|
|
582
|
+
"value": "{colors.neutral.500}",
|
|
583
|
+
"metadata": {
|
|
584
|
+
"pair": "modes.default.surface.card"
|
|
585
|
+
}
|
|
490
586
|
},
|
|
491
587
|
"brand": {
|
|
492
|
-
"value": "{colors.brand.600}"
|
|
588
|
+
"value": "{colors.brand.600}",
|
|
589
|
+
"metadata": {
|
|
590
|
+
"pair": "modes.default.surface.card"
|
|
591
|
+
}
|
|
493
592
|
}
|
|
494
593
|
}
|
|
495
594
|
},
|
|
@@ -556,7 +655,7 @@ var coreTokens = {
|
|
|
556
655
|
}
|
|
557
656
|
},
|
|
558
657
|
"warningText": {
|
|
559
|
-
"value": "{colors.warning.
|
|
658
|
+
"value": "{colors.warning.800}",
|
|
560
659
|
"metadata": {}
|
|
561
660
|
},
|
|
562
661
|
"dangerBg": {
|
|
@@ -599,7 +698,9 @@ var coreTokens = {
|
|
|
599
698
|
"testimonial": {
|
|
600
699
|
"bg": {
|
|
601
700
|
"value": "{colors.white}",
|
|
602
|
-
"metadata": {
|
|
701
|
+
"metadata": {
|
|
702
|
+
"pair": "modes.default.component.testimonial.text"
|
|
703
|
+
}
|
|
603
704
|
},
|
|
604
705
|
"border": {
|
|
605
706
|
"value": "{colors.neutral.200}",
|
|
@@ -607,15 +708,21 @@ var coreTokens = {
|
|
|
607
708
|
},
|
|
608
709
|
"text": {
|
|
609
710
|
"value": "{colors.neutral.700}",
|
|
610
|
-
"metadata": {
|
|
711
|
+
"metadata": {
|
|
712
|
+
"pair": "modes.default.component.testimonial.bg"
|
|
713
|
+
}
|
|
611
714
|
},
|
|
612
715
|
"authorName": {
|
|
613
716
|
"value": "{colors.neutral.900}",
|
|
614
|
-
"metadata": {
|
|
717
|
+
"metadata": {
|
|
718
|
+
"pair": "modes.default.component.testimonial.bg"
|
|
719
|
+
}
|
|
615
720
|
},
|
|
616
721
|
"authorTitle": {
|
|
617
722
|
"value": "{colors.neutral.500}",
|
|
618
|
-
"metadata": {
|
|
723
|
+
"metadata": {
|
|
724
|
+
"pair": "modes.default.component.testimonial.bg"
|
|
725
|
+
}
|
|
619
726
|
},
|
|
620
727
|
"quoteMark": {
|
|
621
728
|
"value": "{colors.neutral.300}",
|
|
@@ -625,7 +732,9 @@ var coreTokens = {
|
|
|
625
732
|
"pricingCard": {
|
|
626
733
|
"bg": {
|
|
627
734
|
"value": "{colors.white}",
|
|
628
|
-
"metadata": {
|
|
735
|
+
"metadata": {
|
|
736
|
+
"pair": "modes.default.component.pricingCard.price"
|
|
737
|
+
}
|
|
629
738
|
},
|
|
630
739
|
"border": {
|
|
631
740
|
"value": "{colors.neutral.200}",
|
|
@@ -653,11 +762,15 @@ var coreTokens = {
|
|
|
653
762
|
},
|
|
654
763
|
"price": {
|
|
655
764
|
"value": "{colors.neutral.900}",
|
|
656
|
-
"metadata": {
|
|
765
|
+
"metadata": {
|
|
766
|
+
"pair": "modes.default.component.pricingCard.bg"
|
|
767
|
+
}
|
|
657
768
|
},
|
|
658
769
|
"priceDescription": {
|
|
659
770
|
"value": "{colors.neutral.500}",
|
|
660
|
-
"metadata": {
|
|
771
|
+
"metadata": {
|
|
772
|
+
"pair": "modes.default.component.pricingCard.bg"
|
|
773
|
+
}
|
|
661
774
|
}
|
|
662
775
|
},
|
|
663
776
|
"rating": {
|
|
@@ -679,19 +792,31 @@ var coreTokens = {
|
|
|
679
792
|
"dark": {
|
|
680
793
|
"surface": {
|
|
681
794
|
"page": {
|
|
682
|
-
"value": "{colors.neutral.900}"
|
|
795
|
+
"value": "{colors.neutral.900}",
|
|
796
|
+
"metadata": {
|
|
797
|
+
"pair": "modes.dark.text.onPage.default"
|
|
798
|
+
}
|
|
683
799
|
},
|
|
684
800
|
"card": {
|
|
685
|
-
"value": "{colors.neutral.800}"
|
|
801
|
+
"value": "{colors.neutral.800}",
|
|
802
|
+
"metadata": {
|
|
803
|
+
"pair": "modes.dark.text.onSurface.default"
|
|
804
|
+
}
|
|
686
805
|
},
|
|
687
806
|
"input": {
|
|
688
|
-
"value": "{colors.neutral.700}"
|
|
807
|
+
"value": "{colors.neutral.700}",
|
|
808
|
+
"metadata": {
|
|
809
|
+
"pair": "modes.dark.text.onSurface.default"
|
|
810
|
+
}
|
|
689
811
|
},
|
|
690
812
|
"overlay": {
|
|
691
813
|
"value": "{colors.neutral.800}"
|
|
692
814
|
},
|
|
693
815
|
"alternate": {
|
|
694
|
-
"value": "{colors.neutral.800}"
|
|
816
|
+
"value": "{colors.neutral.800}",
|
|
817
|
+
"metadata": {
|
|
818
|
+
"pair": "modes.dark.text.onPage.default"
|
|
819
|
+
}
|
|
695
820
|
},
|
|
696
821
|
"hero": {
|
|
697
822
|
"value": "linear-gradient(135deg, {colors.accent.900} 0%, {colors.accent.700} 100%)"
|
|
@@ -700,46 +825,82 @@ var coreTokens = {
|
|
|
700
825
|
"text": {
|
|
701
826
|
"onPage": {
|
|
702
827
|
"default": {
|
|
703
|
-
"value": "{colors.neutral.50}"
|
|
828
|
+
"value": "{colors.neutral.50}",
|
|
829
|
+
"metadata": {
|
|
830
|
+
"pair": "modes.dark.surface.page"
|
|
831
|
+
}
|
|
704
832
|
},
|
|
705
833
|
"muted": {
|
|
706
|
-
"value": "{colors.neutral.
|
|
834
|
+
"value": "{colors.neutral.200}",
|
|
835
|
+
"metadata": {
|
|
836
|
+
"pair": "modes.dark.surface.page"
|
|
837
|
+
}
|
|
707
838
|
},
|
|
708
839
|
"subtle": {
|
|
709
|
-
"value": "{colors.neutral.
|
|
840
|
+
"value": "{colors.neutral.300}",
|
|
841
|
+
"metadata": {
|
|
842
|
+
"pair": "modes.dark.surface.page"
|
|
843
|
+
}
|
|
710
844
|
},
|
|
711
845
|
"meta": {
|
|
712
|
-
"value": "{colors.neutral.
|
|
846
|
+
"value": "{colors.neutral.300}",
|
|
847
|
+
"metadata": {
|
|
848
|
+
"pair": "modes.dark.surface.page"
|
|
849
|
+
}
|
|
713
850
|
},
|
|
714
851
|
"brand": {
|
|
715
|
-
"value": "{colors.brand.400}"
|
|
852
|
+
"value": "{colors.brand.400}",
|
|
853
|
+
"metadata": {
|
|
854
|
+
"pair": "modes.dark.surface.page"
|
|
855
|
+
}
|
|
716
856
|
}
|
|
717
857
|
},
|
|
718
858
|
"onSurface": {
|
|
719
859
|
"default": {
|
|
720
|
-
"value": "{colors.neutral.100}"
|
|
860
|
+
"value": "{colors.neutral.100}",
|
|
861
|
+
"metadata": {
|
|
862
|
+
"pair": "modes.dark.surface.card"
|
|
863
|
+
}
|
|
721
864
|
},
|
|
722
865
|
"muted": {
|
|
723
|
-
"value": "{colors.neutral.
|
|
866
|
+
"value": "{colors.neutral.200}",
|
|
867
|
+
"metadata": {
|
|
868
|
+
"pair": "modes.dark.surface.card"
|
|
869
|
+
}
|
|
724
870
|
},
|
|
725
871
|
"subtle": {
|
|
726
|
-
"value": "{colors.neutral.
|
|
872
|
+
"value": "{colors.neutral.300}",
|
|
873
|
+
"metadata": {
|
|
874
|
+
"pair": "modes.dark.surface.card"
|
|
875
|
+
}
|
|
727
876
|
},
|
|
728
877
|
"meta": {
|
|
729
|
-
"value": "{colors.neutral.
|
|
878
|
+
"value": "{colors.neutral.300}",
|
|
879
|
+
"metadata": {
|
|
880
|
+
"pair": "modes.dark.surface.card"
|
|
881
|
+
}
|
|
730
882
|
},
|
|
731
883
|
"brand": {
|
|
732
|
-
"value": "{colors.brand.400}"
|
|
884
|
+
"value": "{colors.brand.400}",
|
|
885
|
+
"metadata": {
|
|
886
|
+
"pair": "modes.dark.surface.card"
|
|
887
|
+
}
|
|
733
888
|
}
|
|
734
889
|
}
|
|
735
890
|
},
|
|
736
891
|
"component": {
|
|
737
892
|
"card": {
|
|
738
893
|
"text": {
|
|
739
|
-
"value": "{colors.neutral.100}"
|
|
894
|
+
"value": "{colors.neutral.100}",
|
|
895
|
+
"metadata": {
|
|
896
|
+
"pair": "modes.dark.surface.card"
|
|
897
|
+
}
|
|
740
898
|
},
|
|
741
899
|
"textMuted": {
|
|
742
|
-
"value": "{colors.neutral.
|
|
900
|
+
"value": "{colors.neutral.200}",
|
|
901
|
+
"metadata": {
|
|
902
|
+
"pair": "modes.dark.surface.card"
|
|
903
|
+
}
|
|
743
904
|
}
|
|
744
905
|
},
|
|
745
906
|
"input": {
|
|
@@ -766,20 +927,26 @@ var coreTokens = {
|
|
|
766
927
|
}
|
|
767
928
|
},
|
|
768
929
|
"neutralBgHover": {
|
|
769
|
-
"value": "{colors.neutral.600}"
|
|
930
|
+
"value": "{colors.neutral.600}",
|
|
931
|
+
"metadata": {
|
|
932
|
+
"pair": "modes.dark.component.badge.neutralText"
|
|
933
|
+
}
|
|
770
934
|
},
|
|
771
935
|
"neutralText": {
|
|
772
936
|
"value": "{colors.neutral.100}",
|
|
773
937
|
"metadata": {}
|
|
774
938
|
},
|
|
775
939
|
"infoBg": {
|
|
776
|
-
"value": "{colors.info.
|
|
940
|
+
"value": "{colors.info.900}",
|
|
777
941
|
"metadata": {
|
|
778
942
|
"pair": "modes.dark.component.badge.infoText"
|
|
779
943
|
}
|
|
780
944
|
},
|
|
781
945
|
"infoBgHover": {
|
|
782
|
-
"value": "{colors.info.700}"
|
|
946
|
+
"value": "{colors.info.700}",
|
|
947
|
+
"metadata": {
|
|
948
|
+
"pair": "modes.dark.component.badge.infoText"
|
|
949
|
+
}
|
|
783
950
|
},
|
|
784
951
|
"infoText": {
|
|
785
952
|
"value": "{colors.info.100}",
|
|
@@ -792,7 +959,10 @@ var coreTokens = {
|
|
|
792
959
|
}
|
|
793
960
|
},
|
|
794
961
|
"successBgHover": {
|
|
795
|
-
"value": "{colors.success.700}"
|
|
962
|
+
"value": "{colors.success.700}",
|
|
963
|
+
"metadata": {
|
|
964
|
+
"pair": "modes.dark.component.badge.successText"
|
|
965
|
+
}
|
|
796
966
|
},
|
|
797
967
|
"successText": {
|
|
798
968
|
"value": "{colors.success.100}",
|
|
@@ -805,7 +975,10 @@ var coreTokens = {
|
|
|
805
975
|
}
|
|
806
976
|
},
|
|
807
977
|
"warningBgHover": {
|
|
808
|
-
"value": "{colors.warning.
|
|
978
|
+
"value": "{colors.warning.800}",
|
|
979
|
+
"metadata": {
|
|
980
|
+
"pair": "modes.dark.component.badge.warningText"
|
|
981
|
+
}
|
|
809
982
|
},
|
|
810
983
|
"warningText": {
|
|
811
984
|
"value": "{colors.warning.100}",
|
|
@@ -818,7 +991,10 @@ var coreTokens = {
|
|
|
818
991
|
}
|
|
819
992
|
},
|
|
820
993
|
"dangerBgHover": {
|
|
821
|
-
"value": "{colors.error.700}"
|
|
994
|
+
"value": "{colors.error.700}",
|
|
995
|
+
"metadata": {
|
|
996
|
+
"pair": "modes.dark.component.badge.dangerText"
|
|
997
|
+
}
|
|
822
998
|
},
|
|
823
999
|
"dangerText": {
|
|
824
1000
|
"value": "{colors.error.100}",
|
|
@@ -854,23 +1030,31 @@ var coreTokens = {
|
|
|
854
1030
|
"testimonial": {
|
|
855
1031
|
"bg": {
|
|
856
1032
|
"value": "{colors.neutral.800}",
|
|
857
|
-
"metadata": {
|
|
1033
|
+
"metadata": {
|
|
1034
|
+
"pair": "modes.dark.component.testimonial.text"
|
|
1035
|
+
}
|
|
858
1036
|
},
|
|
859
1037
|
"border": {
|
|
860
1038
|
"value": "{colors.neutral.700}",
|
|
861
1039
|
"metadata": {}
|
|
862
1040
|
},
|
|
863
1041
|
"text": {
|
|
864
|
-
"value": "{colors.neutral.
|
|
865
|
-
"metadata": {
|
|
1042
|
+
"value": "{colors.neutral.200}",
|
|
1043
|
+
"metadata": {
|
|
1044
|
+
"pair": "modes.dark.component.testimonial.bg"
|
|
1045
|
+
}
|
|
866
1046
|
},
|
|
867
1047
|
"authorName": {
|
|
868
1048
|
"value": "{colors.neutral.100}",
|
|
869
|
-
"metadata": {
|
|
1049
|
+
"metadata": {
|
|
1050
|
+
"pair": "modes.dark.component.testimonial.bg"
|
|
1051
|
+
}
|
|
870
1052
|
},
|
|
871
1053
|
"authorTitle": {
|
|
872
|
-
"value": "{colors.neutral.
|
|
873
|
-
"metadata": {
|
|
1054
|
+
"value": "{colors.neutral.300}",
|
|
1055
|
+
"metadata": {
|
|
1056
|
+
"pair": "modes.dark.component.testimonial.bg"
|
|
1057
|
+
}
|
|
874
1058
|
},
|
|
875
1059
|
"quoteMark": {
|
|
876
1060
|
"value": "{colors.neutral.600}",
|
|
@@ -880,7 +1064,9 @@ var coreTokens = {
|
|
|
880
1064
|
"pricingCard": {
|
|
881
1065
|
"bg": {
|
|
882
1066
|
"value": "{colors.neutral.800}",
|
|
883
|
-
"metadata": {
|
|
1067
|
+
"metadata": {
|
|
1068
|
+
"pair": "modes.dark.component.pricingCard.price"
|
|
1069
|
+
}
|
|
884
1070
|
},
|
|
885
1071
|
"border": {
|
|
886
1072
|
"value": "{colors.neutral.700}",
|
|
@@ -908,11 +1094,15 @@ var coreTokens = {
|
|
|
908
1094
|
},
|
|
909
1095
|
"price": {
|
|
910
1096
|
"value": "{colors.neutral.100}",
|
|
911
|
-
"metadata": {
|
|
1097
|
+
"metadata": {
|
|
1098
|
+
"pair": "modes.dark.component.pricingCard.bg"
|
|
1099
|
+
}
|
|
912
1100
|
},
|
|
913
1101
|
"priceDescription": {
|
|
914
|
-
"value": "{colors.neutral.
|
|
915
|
-
"metadata": {
|
|
1102
|
+
"value": "{colors.neutral.300}",
|
|
1103
|
+
"metadata": {
|
|
1104
|
+
"pair": "modes.dark.component.pricingCard.bg"
|
|
1105
|
+
}
|
|
916
1106
|
}
|
|
917
1107
|
},
|
|
918
1108
|
"rating": {
|
|
@@ -934,40 +1124,40 @@ var coreTokens = {
|
|
|
934
1124
|
},
|
|
935
1125
|
"colors": {
|
|
936
1126
|
"brand": {
|
|
937
|
-
"50": "#
|
|
938
|
-
"100": "#
|
|
939
|
-
"200": "#
|
|
940
|
-
"300": "#
|
|
941
|
-
"400": "#
|
|
942
|
-
"500": "#
|
|
943
|
-
"600": "#
|
|
944
|
-
"700": "#
|
|
945
|
-
"800": "#
|
|
946
|
-
"900": "#
|
|
1127
|
+
"50": "#eef4ff",
|
|
1128
|
+
"100": "#d9e7ff",
|
|
1129
|
+
"200": "#b9d2ff",
|
|
1130
|
+
"300": "#8ab6ff",
|
|
1131
|
+
"400": "#5a92ff",
|
|
1132
|
+
"500": "#336df4",
|
|
1133
|
+
"600": "#1f57db",
|
|
1134
|
+
"700": "#1946b4",
|
|
1135
|
+
"800": "#173b8f",
|
|
1136
|
+
"900": "#16336f"
|
|
947
1137
|
},
|
|
948
1138
|
"neutral": {
|
|
949
|
-
"50": "#
|
|
950
|
-
"100": "#
|
|
951
|
-
"200": "#
|
|
952
|
-
"300": "#
|
|
953
|
-
"400": "#
|
|
954
|
-
"500": "#
|
|
955
|
-
"600": "#
|
|
956
|
-
"700": "#
|
|
957
|
-
"800": "#
|
|
958
|
-
"900": "#
|
|
1139
|
+
"50": "#f7f8fb",
|
|
1140
|
+
"100": "#eef1f6",
|
|
1141
|
+
"200": "#d9dfeb",
|
|
1142
|
+
"300": "#b7c1d4",
|
|
1143
|
+
"400": "#8a96ad",
|
|
1144
|
+
"500": "#657287",
|
|
1145
|
+
"600": "#4b576a",
|
|
1146
|
+
"700": "#374253",
|
|
1147
|
+
"800": "#222b38",
|
|
1148
|
+
"900": "#141b24"
|
|
959
1149
|
},
|
|
960
1150
|
"accent": {
|
|
961
|
-
"50": "#
|
|
962
|
-
"100": "#
|
|
963
|
-
"200": "#
|
|
964
|
-
"300": "#
|
|
965
|
-
"400": "#
|
|
966
|
-
"500": "#
|
|
967
|
-
"600": "#
|
|
968
|
-
"700": "#
|
|
969
|
-
"800": "#
|
|
970
|
-
"900": "#
|
|
1151
|
+
"50": "#f6f2ff",
|
|
1152
|
+
"100": "#eee5ff",
|
|
1153
|
+
"200": "#ddccff",
|
|
1154
|
+
"300": "#c3a7ff",
|
|
1155
|
+
"400": "#a279ff",
|
|
1156
|
+
"500": "#854ff7",
|
|
1157
|
+
"600": "#7135dd",
|
|
1158
|
+
"700": "#5d28b8",
|
|
1159
|
+
"800": "#4d2393",
|
|
1160
|
+
"900": "#401f75"
|
|
971
1161
|
},
|
|
972
1162
|
"success": {
|
|
973
1163
|
"50": "#f0fdf4",
|
|
@@ -982,16 +1172,16 @@ var coreTokens = {
|
|
|
982
1172
|
"900": "#14532d"
|
|
983
1173
|
},
|
|
984
1174
|
"warning": {
|
|
985
|
-
"50": "#
|
|
986
|
-
"100": "#
|
|
987
|
-
"200": "#
|
|
988
|
-
"300": "#
|
|
989
|
-
"400": "#
|
|
990
|
-
"500": "#
|
|
991
|
-
"600": "#
|
|
992
|
-
"700": "#
|
|
993
|
-
"800": "#
|
|
994
|
-
"900": "#
|
|
1175
|
+
"50": "#fffbea",
|
|
1176
|
+
"100": "#fff1c2",
|
|
1177
|
+
"200": "#ffe08a",
|
|
1178
|
+
"300": "#ffd24d",
|
|
1179
|
+
"400": "#ffc21a",
|
|
1180
|
+
"500": "#f5ad00",
|
|
1181
|
+
"600": "#d48806",
|
|
1182
|
+
"700": "#ad6800",
|
|
1183
|
+
"800": "#8f5200",
|
|
1184
|
+
"900": "#734000"
|
|
995
1185
|
},
|
|
996
1186
|
"error": {
|
|
997
1187
|
"50": "#fef2f2",
|
|
@@ -1006,28 +1196,28 @@ var coreTokens = {
|
|
|
1006
1196
|
"900": "#7f1d1d"
|
|
1007
1197
|
},
|
|
1008
1198
|
"info": {
|
|
1009
|
-
"50": "#
|
|
1010
|
-
"100": "#
|
|
1011
|
-
"200": "#
|
|
1012
|
-
"300": "#
|
|
1013
|
-
"400": "#
|
|
1014
|
-
"500": "#
|
|
1015
|
-
"600": "#
|
|
1016
|
-
"700": "#
|
|
1017
|
-
"800": "#
|
|
1018
|
-
"900": "#
|
|
1199
|
+
"50": "#f0f9ff",
|
|
1200
|
+
"100": "#e0f2fe",
|
|
1201
|
+
"200": "#bae6fd",
|
|
1202
|
+
"300": "#7dd3fc",
|
|
1203
|
+
"400": "#38bdf8",
|
|
1204
|
+
"500": "#0ea5e9",
|
|
1205
|
+
"600": "#0369a1",
|
|
1206
|
+
"700": "#075985",
|
|
1207
|
+
"800": "#0c4a6e",
|
|
1208
|
+
"900": "#082f49"
|
|
1019
1209
|
},
|
|
1020
1210
|
"indigo": {
|
|
1021
|
-
"500": "#
|
|
1022
|
-
"600": "#
|
|
1211
|
+
"500": "#5b6ee1",
|
|
1212
|
+
"600": "#4d61db"
|
|
1023
1213
|
},
|
|
1024
1214
|
"violet": {
|
|
1025
|
-
"600": "#
|
|
1215
|
+
"600": "#6f3fd7"
|
|
1026
1216
|
},
|
|
1027
1217
|
"focus": {
|
|
1028
|
-
"primary": "#
|
|
1218
|
+
"primary": "#336df4",
|
|
1029
1219
|
"error": "#ef4444",
|
|
1030
|
-
"info": "#
|
|
1220
|
+
"info": "#0369a1"
|
|
1031
1221
|
},
|
|
1032
1222
|
"white": "#ffffff",
|
|
1033
1223
|
"black": "#000000"
|