@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.cjs
CHANGED
|
@@ -63,7 +63,10 @@ var coreTokens = {
|
|
|
63
63
|
}
|
|
64
64
|
},
|
|
65
65
|
"neutralBgHover": {
|
|
66
|
-
"value": "{colors.neutral.200}"
|
|
66
|
+
"value": "{colors.neutral.200}",
|
|
67
|
+
"metadata": {
|
|
68
|
+
"pair": "component.badge.neutralText"
|
|
69
|
+
}
|
|
67
70
|
},
|
|
68
71
|
"neutralText": {
|
|
69
72
|
"value": "{colors.neutral.700}"
|
|
@@ -75,7 +78,10 @@ var coreTokens = {
|
|
|
75
78
|
}
|
|
76
79
|
},
|
|
77
80
|
"infoBgHover": {
|
|
78
|
-
"value": "{colors.info.200}"
|
|
81
|
+
"value": "{colors.info.200}",
|
|
82
|
+
"metadata": {
|
|
83
|
+
"pair": "component.badge.infoText"
|
|
84
|
+
}
|
|
79
85
|
},
|
|
80
86
|
"infoText": {
|
|
81
87
|
"value": "{colors.info.700}"
|
|
@@ -87,10 +93,13 @@ var coreTokens = {
|
|
|
87
93
|
}
|
|
88
94
|
},
|
|
89
95
|
"successBgHover": {
|
|
90
|
-
"value": "{colors.success.200}"
|
|
96
|
+
"value": "{colors.success.200}",
|
|
97
|
+
"metadata": {
|
|
98
|
+
"pair": "component.badge.successText"
|
|
99
|
+
}
|
|
91
100
|
},
|
|
92
101
|
"successText": {
|
|
93
|
-
"value": "{colors.success.
|
|
102
|
+
"value": "{colors.success.800}"
|
|
94
103
|
},
|
|
95
104
|
"warningBg": {
|
|
96
105
|
"value": "{colors.warning.100}",
|
|
@@ -99,10 +108,13 @@ var coreTokens = {
|
|
|
99
108
|
}
|
|
100
109
|
},
|
|
101
110
|
"warningBgHover": {
|
|
102
|
-
"value": "{colors.warning.200}"
|
|
111
|
+
"value": "{colors.warning.200}",
|
|
112
|
+
"metadata": {
|
|
113
|
+
"pair": "component.badge.warningText"
|
|
114
|
+
}
|
|
103
115
|
},
|
|
104
116
|
"warningText": {
|
|
105
|
-
"value": "{colors.warning.
|
|
117
|
+
"value": "{colors.warning.800}"
|
|
106
118
|
},
|
|
107
119
|
"dangerBg": {
|
|
108
120
|
"value": "{colors.error.100}",
|
|
@@ -111,10 +123,13 @@ var coreTokens = {
|
|
|
111
123
|
}
|
|
112
124
|
},
|
|
113
125
|
"dangerBgHover": {
|
|
114
|
-
"value": "{colors.error.200}"
|
|
126
|
+
"value": "{colors.error.200}",
|
|
127
|
+
"metadata": {
|
|
128
|
+
"pair": "component.badge.dangerText"
|
|
129
|
+
}
|
|
115
130
|
},
|
|
116
131
|
"dangerText": {
|
|
117
|
-
"value": "{colors.error.
|
|
132
|
+
"value": "{colors.error.800}"
|
|
118
133
|
}
|
|
119
134
|
},
|
|
120
135
|
"iconBox": {
|
|
@@ -216,10 +231,16 @@ var coreTokens = {
|
|
|
216
231
|
}
|
|
217
232
|
},
|
|
218
233
|
"bgHover": {
|
|
219
|
-
"value": "{colors.info.700}"
|
|
234
|
+
"value": "{colors.info.700}",
|
|
235
|
+
"metadata": {
|
|
236
|
+
"pair": "buttons.primary.text"
|
|
237
|
+
}
|
|
220
238
|
},
|
|
221
239
|
"bgActive": {
|
|
222
|
-
"value": "{colors.info.800}"
|
|
240
|
+
"value": "{colors.info.800}",
|
|
241
|
+
"metadata": {
|
|
242
|
+
"pair": "buttons.primary.text"
|
|
243
|
+
}
|
|
223
244
|
},
|
|
224
245
|
"bgDisabled": {
|
|
225
246
|
"value": "{colors.neutral.200}"
|
|
@@ -242,22 +263,28 @@ var coreTokens = {
|
|
|
242
263
|
}
|
|
243
264
|
},
|
|
244
265
|
"bgHover": {
|
|
245
|
-
"value": "{colors.neutral.50}"
|
|
266
|
+
"value": "{colors.neutral.50}",
|
|
267
|
+
"metadata": {
|
|
268
|
+
"pair": "buttons.secondary.text"
|
|
269
|
+
}
|
|
246
270
|
},
|
|
247
271
|
"bgActive": {
|
|
248
|
-
"value": "{colors.neutral.100}"
|
|
272
|
+
"value": "{colors.neutral.100}",
|
|
273
|
+
"metadata": {
|
|
274
|
+
"pair": "buttons.secondary.text"
|
|
275
|
+
}
|
|
249
276
|
},
|
|
250
277
|
"bgDisabled": {
|
|
251
278
|
"value": "{colors.neutral.50}"
|
|
252
279
|
},
|
|
253
280
|
"text": {
|
|
254
|
-
"value": "{colors.info.
|
|
281
|
+
"value": "{colors.info.700}"
|
|
255
282
|
},
|
|
256
283
|
"textDisabled": {
|
|
257
284
|
"value": "{colors.neutral.400}"
|
|
258
285
|
},
|
|
259
286
|
"border": {
|
|
260
|
-
"value": "{colors.info.
|
|
287
|
+
"value": "{colors.info.700}"
|
|
261
288
|
},
|
|
262
289
|
"borderDisabled": {
|
|
263
290
|
"value": "{colors.neutral.200}"
|
|
@@ -271,16 +298,22 @@ var coreTokens = {
|
|
|
271
298
|
"value": "transparent"
|
|
272
299
|
},
|
|
273
300
|
"bgHover": {
|
|
274
|
-
"value": "{colors.info.50}"
|
|
301
|
+
"value": "{colors.info.50}",
|
|
302
|
+
"metadata": {
|
|
303
|
+
"pair": "buttons.ghost.text"
|
|
304
|
+
}
|
|
275
305
|
},
|
|
276
306
|
"bgActive": {
|
|
277
|
-
"value": "{colors.info.100}"
|
|
307
|
+
"value": "{colors.info.100}",
|
|
308
|
+
"metadata": {
|
|
309
|
+
"pair": "buttons.ghost.text"
|
|
310
|
+
}
|
|
278
311
|
},
|
|
279
312
|
"bgDisabled": {
|
|
280
313
|
"value": "transparent"
|
|
281
314
|
},
|
|
282
315
|
"text": {
|
|
283
|
-
"value": "{colors.info.
|
|
316
|
+
"value": "{colors.info.700}"
|
|
284
317
|
},
|
|
285
318
|
"textDisabled": {
|
|
286
319
|
"value": "{colors.neutral.400}"
|
|
@@ -297,10 +330,16 @@ var coreTokens = {
|
|
|
297
330
|
}
|
|
298
331
|
},
|
|
299
332
|
"bgHover": {
|
|
300
|
-
"value": "{colors.error.700}"
|
|
333
|
+
"value": "{colors.error.700}",
|
|
334
|
+
"metadata": {
|
|
335
|
+
"pair": "buttons.danger.text"
|
|
336
|
+
}
|
|
301
337
|
},
|
|
302
338
|
"bgActive": {
|
|
303
|
-
"value": "{colors.error.800}"
|
|
339
|
+
"value": "{colors.error.800}",
|
|
340
|
+
"metadata": {
|
|
341
|
+
"pair": "buttons.danger.text"
|
|
342
|
+
}
|
|
304
343
|
},
|
|
305
344
|
"bgDisabled": {
|
|
306
345
|
"value": "{colors.error.200}"
|
|
@@ -323,10 +362,16 @@ var coreTokens = {
|
|
|
323
362
|
}
|
|
324
363
|
},
|
|
325
364
|
"bgHover": {
|
|
326
|
-
"value": "{colors.success.800}"
|
|
365
|
+
"value": "{colors.success.800}",
|
|
366
|
+
"metadata": {
|
|
367
|
+
"pair": "buttons.success.text"
|
|
368
|
+
}
|
|
327
369
|
},
|
|
328
370
|
"bgActive": {
|
|
329
|
-
"value": "{colors.success.900}"
|
|
371
|
+
"value": "{colors.success.900}",
|
|
372
|
+
"metadata": {
|
|
373
|
+
"pair": "buttons.success.text"
|
|
374
|
+
}
|
|
330
375
|
},
|
|
331
376
|
"bgDisabled": {
|
|
332
377
|
"value": "{colors.success.200}"
|
|
@@ -343,31 +388,37 @@ var coreTokens = {
|
|
|
343
388
|
},
|
|
344
389
|
"cta": {
|
|
345
390
|
"bg": {
|
|
346
|
-
"value": "{colors.
|
|
391
|
+
"value": "{colors.brand.600}",
|
|
347
392
|
"metadata": {
|
|
348
393
|
"pair": "buttons.cta.text"
|
|
349
394
|
}
|
|
350
395
|
},
|
|
351
396
|
"bgHover": {
|
|
352
|
-
"value": "{colors.
|
|
397
|
+
"value": "{colors.brand.700}",
|
|
398
|
+
"metadata": {
|
|
399
|
+
"pair": "buttons.cta.text"
|
|
400
|
+
}
|
|
353
401
|
},
|
|
354
402
|
"bgActive": {
|
|
355
|
-
"value": "{colors.
|
|
403
|
+
"value": "{colors.brand.800}",
|
|
404
|
+
"metadata": {
|
|
405
|
+
"pair": "buttons.cta.text"
|
|
406
|
+
}
|
|
356
407
|
},
|
|
357
408
|
"bgDisabled": {
|
|
358
|
-
"value": "{colors.
|
|
409
|
+
"value": "{colors.brand.200}"
|
|
359
410
|
},
|
|
360
411
|
"text": {
|
|
361
|
-
"value": "{colors.
|
|
412
|
+
"value": "{colors.white}"
|
|
362
413
|
},
|
|
363
414
|
"textDisabled": {
|
|
364
415
|
"value": "{colors.neutral.400}"
|
|
365
416
|
},
|
|
366
417
|
"shadow": {
|
|
367
|
-
"value": "0 4px 14px 0 {colors.
|
|
418
|
+
"value": "0 4px 14px 0 {colors.brand.500} / 0.39"
|
|
368
419
|
},
|
|
369
420
|
"focusRing": {
|
|
370
|
-
"value": "{colors.
|
|
421
|
+
"value": "{colors.brand.500} / 0.4"
|
|
371
422
|
}
|
|
372
423
|
},
|
|
373
424
|
"accent": {
|
|
@@ -378,10 +429,16 @@ var coreTokens = {
|
|
|
378
429
|
}
|
|
379
430
|
},
|
|
380
431
|
"bgHover": {
|
|
381
|
-
"value": "{colors.accent.700}"
|
|
432
|
+
"value": "{colors.accent.700}",
|
|
433
|
+
"metadata": {
|
|
434
|
+
"pair": "buttons.accent.text"
|
|
435
|
+
}
|
|
382
436
|
},
|
|
383
437
|
"bgActive": {
|
|
384
|
-
"value": "{colors.accent.800}"
|
|
438
|
+
"value": "{colors.accent.800}",
|
|
439
|
+
"metadata": {
|
|
440
|
+
"pair": "buttons.accent.text"
|
|
441
|
+
}
|
|
385
442
|
},
|
|
386
443
|
"bgDisabled": {
|
|
387
444
|
"value": "{colors.accent.200}"
|
|
@@ -469,19 +526,31 @@ var coreTokens = {
|
|
|
469
526
|
"default": {
|
|
470
527
|
"surface": {
|
|
471
528
|
"page": {
|
|
472
|
-
"value": "{colors.neutral.50}"
|
|
529
|
+
"value": "{colors.neutral.50}",
|
|
530
|
+
"metadata": {
|
|
531
|
+
"pair": "modes.default.text.onPage.default"
|
|
532
|
+
}
|
|
473
533
|
},
|
|
474
534
|
"card": {
|
|
475
|
-
"value": "{colors.white}"
|
|
535
|
+
"value": "{colors.white}",
|
|
536
|
+
"metadata": {
|
|
537
|
+
"pair": "modes.default.text.onSurface.default"
|
|
538
|
+
}
|
|
476
539
|
},
|
|
477
540
|
"input": {
|
|
478
|
-
"value": "{colors.white}"
|
|
541
|
+
"value": "{colors.white}",
|
|
542
|
+
"metadata": {
|
|
543
|
+
"pair": "modes.default.text.onSurface.default"
|
|
544
|
+
}
|
|
479
545
|
},
|
|
480
546
|
"overlay": {
|
|
481
547
|
"value": "{colors.neutral.900} / 0.6"
|
|
482
548
|
},
|
|
483
549
|
"alternate": {
|
|
484
|
-
"value": "{colors.neutral.100}"
|
|
550
|
+
"value": "{colors.neutral.100}",
|
|
551
|
+
"metadata": {
|
|
552
|
+
"pair": "modes.default.text.onPage.default"
|
|
553
|
+
}
|
|
485
554
|
},
|
|
486
555
|
"hero": {
|
|
487
556
|
"value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)"
|
|
@@ -490,36 +559,66 @@ var coreTokens = {
|
|
|
490
559
|
"text": {
|
|
491
560
|
"onPage": {
|
|
492
561
|
"default": {
|
|
493
|
-
"value": "{colors.neutral.900}"
|
|
562
|
+
"value": "{colors.neutral.900}",
|
|
563
|
+
"metadata": {
|
|
564
|
+
"pair": "modes.default.surface.page"
|
|
565
|
+
}
|
|
494
566
|
},
|
|
495
567
|
"muted": {
|
|
496
|
-
"value": "{colors.neutral.600}"
|
|
568
|
+
"value": "{colors.neutral.600}",
|
|
569
|
+
"metadata": {
|
|
570
|
+
"pair": "modes.default.surface.page"
|
|
571
|
+
}
|
|
497
572
|
},
|
|
498
573
|
"subtle": {
|
|
499
|
-
"value": "{colors.neutral.500}"
|
|
574
|
+
"value": "{colors.neutral.500}",
|
|
575
|
+
"metadata": {
|
|
576
|
+
"pair": "modes.default.surface.page"
|
|
577
|
+
}
|
|
500
578
|
},
|
|
501
579
|
"meta": {
|
|
502
|
-
"value": "{colors.neutral.500}"
|
|
580
|
+
"value": "{colors.neutral.500}",
|
|
581
|
+
"metadata": {
|
|
582
|
+
"pair": "modes.default.surface.page"
|
|
583
|
+
}
|
|
503
584
|
},
|
|
504
585
|
"brand": {
|
|
505
|
-
"value": "{colors.brand.600}"
|
|
586
|
+
"value": "{colors.brand.600}",
|
|
587
|
+
"metadata": {
|
|
588
|
+
"pair": "modes.default.surface.page"
|
|
589
|
+
}
|
|
506
590
|
}
|
|
507
591
|
},
|
|
508
592
|
"onSurface": {
|
|
509
593
|
"default": {
|
|
510
|
-
"value": "{colors.neutral.900}"
|
|
594
|
+
"value": "{colors.neutral.900}",
|
|
595
|
+
"metadata": {
|
|
596
|
+
"pair": "modes.default.surface.card"
|
|
597
|
+
}
|
|
511
598
|
},
|
|
512
599
|
"muted": {
|
|
513
|
-
"value": "{colors.neutral.600}"
|
|
600
|
+
"value": "{colors.neutral.600}",
|
|
601
|
+
"metadata": {
|
|
602
|
+
"pair": "modes.default.surface.card"
|
|
603
|
+
}
|
|
514
604
|
},
|
|
515
605
|
"subtle": {
|
|
516
|
-
"value": "{colors.neutral.500}"
|
|
606
|
+
"value": "{colors.neutral.500}",
|
|
607
|
+
"metadata": {
|
|
608
|
+
"pair": "modes.default.surface.card"
|
|
609
|
+
}
|
|
517
610
|
},
|
|
518
611
|
"meta": {
|
|
519
|
-
"value": "{colors.neutral.500}"
|
|
612
|
+
"value": "{colors.neutral.500}",
|
|
613
|
+
"metadata": {
|
|
614
|
+
"pair": "modes.default.surface.card"
|
|
615
|
+
}
|
|
520
616
|
},
|
|
521
617
|
"brand": {
|
|
522
|
-
"value": "{colors.brand.600}"
|
|
618
|
+
"value": "{colors.brand.600}",
|
|
619
|
+
"metadata": {
|
|
620
|
+
"pair": "modes.default.surface.card"
|
|
621
|
+
}
|
|
523
622
|
}
|
|
524
623
|
}
|
|
525
624
|
},
|
|
@@ -586,7 +685,7 @@ var coreTokens = {
|
|
|
586
685
|
}
|
|
587
686
|
},
|
|
588
687
|
"warningText": {
|
|
589
|
-
"value": "{colors.warning.
|
|
688
|
+
"value": "{colors.warning.800}",
|
|
590
689
|
"metadata": {}
|
|
591
690
|
},
|
|
592
691
|
"dangerBg": {
|
|
@@ -629,7 +728,9 @@ var coreTokens = {
|
|
|
629
728
|
"testimonial": {
|
|
630
729
|
"bg": {
|
|
631
730
|
"value": "{colors.white}",
|
|
632
|
-
"metadata": {
|
|
731
|
+
"metadata": {
|
|
732
|
+
"pair": "modes.default.component.testimonial.text"
|
|
733
|
+
}
|
|
633
734
|
},
|
|
634
735
|
"border": {
|
|
635
736
|
"value": "{colors.neutral.200}",
|
|
@@ -637,15 +738,21 @@ var coreTokens = {
|
|
|
637
738
|
},
|
|
638
739
|
"text": {
|
|
639
740
|
"value": "{colors.neutral.700}",
|
|
640
|
-
"metadata": {
|
|
741
|
+
"metadata": {
|
|
742
|
+
"pair": "modes.default.component.testimonial.bg"
|
|
743
|
+
}
|
|
641
744
|
},
|
|
642
745
|
"authorName": {
|
|
643
746
|
"value": "{colors.neutral.900}",
|
|
644
|
-
"metadata": {
|
|
747
|
+
"metadata": {
|
|
748
|
+
"pair": "modes.default.component.testimonial.bg"
|
|
749
|
+
}
|
|
645
750
|
},
|
|
646
751
|
"authorTitle": {
|
|
647
752
|
"value": "{colors.neutral.500}",
|
|
648
|
-
"metadata": {
|
|
753
|
+
"metadata": {
|
|
754
|
+
"pair": "modes.default.component.testimonial.bg"
|
|
755
|
+
}
|
|
649
756
|
},
|
|
650
757
|
"quoteMark": {
|
|
651
758
|
"value": "{colors.neutral.300}",
|
|
@@ -655,7 +762,9 @@ var coreTokens = {
|
|
|
655
762
|
"pricingCard": {
|
|
656
763
|
"bg": {
|
|
657
764
|
"value": "{colors.white}",
|
|
658
|
-
"metadata": {
|
|
765
|
+
"metadata": {
|
|
766
|
+
"pair": "modes.default.component.pricingCard.price"
|
|
767
|
+
}
|
|
659
768
|
},
|
|
660
769
|
"border": {
|
|
661
770
|
"value": "{colors.neutral.200}",
|
|
@@ -683,11 +792,15 @@ var coreTokens = {
|
|
|
683
792
|
},
|
|
684
793
|
"price": {
|
|
685
794
|
"value": "{colors.neutral.900}",
|
|
686
|
-
"metadata": {
|
|
795
|
+
"metadata": {
|
|
796
|
+
"pair": "modes.default.component.pricingCard.bg"
|
|
797
|
+
}
|
|
687
798
|
},
|
|
688
799
|
"priceDescription": {
|
|
689
800
|
"value": "{colors.neutral.500}",
|
|
690
|
-
"metadata": {
|
|
801
|
+
"metadata": {
|
|
802
|
+
"pair": "modes.default.component.pricingCard.bg"
|
|
803
|
+
}
|
|
691
804
|
}
|
|
692
805
|
},
|
|
693
806
|
"rating": {
|
|
@@ -709,19 +822,31 @@ var coreTokens = {
|
|
|
709
822
|
"dark": {
|
|
710
823
|
"surface": {
|
|
711
824
|
"page": {
|
|
712
|
-
"value": "{colors.neutral.900}"
|
|
825
|
+
"value": "{colors.neutral.900}",
|
|
826
|
+
"metadata": {
|
|
827
|
+
"pair": "modes.dark.text.onPage.default"
|
|
828
|
+
}
|
|
713
829
|
},
|
|
714
830
|
"card": {
|
|
715
|
-
"value": "{colors.neutral.800}"
|
|
831
|
+
"value": "{colors.neutral.800}",
|
|
832
|
+
"metadata": {
|
|
833
|
+
"pair": "modes.dark.text.onSurface.default"
|
|
834
|
+
}
|
|
716
835
|
},
|
|
717
836
|
"input": {
|
|
718
|
-
"value": "{colors.neutral.700}"
|
|
837
|
+
"value": "{colors.neutral.700}",
|
|
838
|
+
"metadata": {
|
|
839
|
+
"pair": "modes.dark.text.onSurface.default"
|
|
840
|
+
}
|
|
719
841
|
},
|
|
720
842
|
"overlay": {
|
|
721
843
|
"value": "{colors.neutral.800}"
|
|
722
844
|
},
|
|
723
845
|
"alternate": {
|
|
724
|
-
"value": "{colors.neutral.800}"
|
|
846
|
+
"value": "{colors.neutral.800}",
|
|
847
|
+
"metadata": {
|
|
848
|
+
"pair": "modes.dark.text.onPage.default"
|
|
849
|
+
}
|
|
725
850
|
},
|
|
726
851
|
"hero": {
|
|
727
852
|
"value": "linear-gradient(135deg, {colors.accent.900} 0%, {colors.accent.700} 100%)"
|
|
@@ -730,46 +855,82 @@ var coreTokens = {
|
|
|
730
855
|
"text": {
|
|
731
856
|
"onPage": {
|
|
732
857
|
"default": {
|
|
733
|
-
"value": "{colors.neutral.50}"
|
|
858
|
+
"value": "{colors.neutral.50}",
|
|
859
|
+
"metadata": {
|
|
860
|
+
"pair": "modes.dark.surface.page"
|
|
861
|
+
}
|
|
734
862
|
},
|
|
735
863
|
"muted": {
|
|
736
|
-
"value": "{colors.neutral.
|
|
864
|
+
"value": "{colors.neutral.200}",
|
|
865
|
+
"metadata": {
|
|
866
|
+
"pair": "modes.dark.surface.page"
|
|
867
|
+
}
|
|
737
868
|
},
|
|
738
869
|
"subtle": {
|
|
739
|
-
"value": "{colors.neutral.
|
|
870
|
+
"value": "{colors.neutral.300}",
|
|
871
|
+
"metadata": {
|
|
872
|
+
"pair": "modes.dark.surface.page"
|
|
873
|
+
}
|
|
740
874
|
},
|
|
741
875
|
"meta": {
|
|
742
|
-
"value": "{colors.neutral.
|
|
876
|
+
"value": "{colors.neutral.300}",
|
|
877
|
+
"metadata": {
|
|
878
|
+
"pair": "modes.dark.surface.page"
|
|
879
|
+
}
|
|
743
880
|
},
|
|
744
881
|
"brand": {
|
|
745
|
-
"value": "{colors.brand.400}"
|
|
882
|
+
"value": "{colors.brand.400}",
|
|
883
|
+
"metadata": {
|
|
884
|
+
"pair": "modes.dark.surface.page"
|
|
885
|
+
}
|
|
746
886
|
}
|
|
747
887
|
},
|
|
748
888
|
"onSurface": {
|
|
749
889
|
"default": {
|
|
750
|
-
"value": "{colors.neutral.100}"
|
|
890
|
+
"value": "{colors.neutral.100}",
|
|
891
|
+
"metadata": {
|
|
892
|
+
"pair": "modes.dark.surface.card"
|
|
893
|
+
}
|
|
751
894
|
},
|
|
752
895
|
"muted": {
|
|
753
|
-
"value": "{colors.neutral.
|
|
896
|
+
"value": "{colors.neutral.200}",
|
|
897
|
+
"metadata": {
|
|
898
|
+
"pair": "modes.dark.surface.card"
|
|
899
|
+
}
|
|
754
900
|
},
|
|
755
901
|
"subtle": {
|
|
756
|
-
"value": "{colors.neutral.
|
|
902
|
+
"value": "{colors.neutral.300}",
|
|
903
|
+
"metadata": {
|
|
904
|
+
"pair": "modes.dark.surface.card"
|
|
905
|
+
}
|
|
757
906
|
},
|
|
758
907
|
"meta": {
|
|
759
|
-
"value": "{colors.neutral.
|
|
908
|
+
"value": "{colors.neutral.300}",
|
|
909
|
+
"metadata": {
|
|
910
|
+
"pair": "modes.dark.surface.card"
|
|
911
|
+
}
|
|
760
912
|
},
|
|
761
913
|
"brand": {
|
|
762
|
-
"value": "{colors.brand.400}"
|
|
914
|
+
"value": "{colors.brand.400}",
|
|
915
|
+
"metadata": {
|
|
916
|
+
"pair": "modes.dark.surface.card"
|
|
917
|
+
}
|
|
763
918
|
}
|
|
764
919
|
}
|
|
765
920
|
},
|
|
766
921
|
"component": {
|
|
767
922
|
"card": {
|
|
768
923
|
"text": {
|
|
769
|
-
"value": "{colors.neutral.100}"
|
|
924
|
+
"value": "{colors.neutral.100}",
|
|
925
|
+
"metadata": {
|
|
926
|
+
"pair": "modes.dark.surface.card"
|
|
927
|
+
}
|
|
770
928
|
},
|
|
771
929
|
"textMuted": {
|
|
772
|
-
"value": "{colors.neutral.
|
|
930
|
+
"value": "{colors.neutral.200}",
|
|
931
|
+
"metadata": {
|
|
932
|
+
"pair": "modes.dark.surface.card"
|
|
933
|
+
}
|
|
773
934
|
}
|
|
774
935
|
},
|
|
775
936
|
"input": {
|
|
@@ -796,20 +957,26 @@ var coreTokens = {
|
|
|
796
957
|
}
|
|
797
958
|
},
|
|
798
959
|
"neutralBgHover": {
|
|
799
|
-
"value": "{colors.neutral.600}"
|
|
960
|
+
"value": "{colors.neutral.600}",
|
|
961
|
+
"metadata": {
|
|
962
|
+
"pair": "modes.dark.component.badge.neutralText"
|
|
963
|
+
}
|
|
800
964
|
},
|
|
801
965
|
"neutralText": {
|
|
802
966
|
"value": "{colors.neutral.100}",
|
|
803
967
|
"metadata": {}
|
|
804
968
|
},
|
|
805
969
|
"infoBg": {
|
|
806
|
-
"value": "{colors.info.
|
|
970
|
+
"value": "{colors.info.900}",
|
|
807
971
|
"metadata": {
|
|
808
972
|
"pair": "modes.dark.component.badge.infoText"
|
|
809
973
|
}
|
|
810
974
|
},
|
|
811
975
|
"infoBgHover": {
|
|
812
|
-
"value": "{colors.info.700}"
|
|
976
|
+
"value": "{colors.info.700}",
|
|
977
|
+
"metadata": {
|
|
978
|
+
"pair": "modes.dark.component.badge.infoText"
|
|
979
|
+
}
|
|
813
980
|
},
|
|
814
981
|
"infoText": {
|
|
815
982
|
"value": "{colors.info.100}",
|
|
@@ -822,7 +989,10 @@ var coreTokens = {
|
|
|
822
989
|
}
|
|
823
990
|
},
|
|
824
991
|
"successBgHover": {
|
|
825
|
-
"value": "{colors.success.700}"
|
|
992
|
+
"value": "{colors.success.700}",
|
|
993
|
+
"metadata": {
|
|
994
|
+
"pair": "modes.dark.component.badge.successText"
|
|
995
|
+
}
|
|
826
996
|
},
|
|
827
997
|
"successText": {
|
|
828
998
|
"value": "{colors.success.100}",
|
|
@@ -835,7 +1005,10 @@ var coreTokens = {
|
|
|
835
1005
|
}
|
|
836
1006
|
},
|
|
837
1007
|
"warningBgHover": {
|
|
838
|
-
"value": "{colors.warning.
|
|
1008
|
+
"value": "{colors.warning.800}",
|
|
1009
|
+
"metadata": {
|
|
1010
|
+
"pair": "modes.dark.component.badge.warningText"
|
|
1011
|
+
}
|
|
839
1012
|
},
|
|
840
1013
|
"warningText": {
|
|
841
1014
|
"value": "{colors.warning.100}",
|
|
@@ -848,7 +1021,10 @@ var coreTokens = {
|
|
|
848
1021
|
}
|
|
849
1022
|
},
|
|
850
1023
|
"dangerBgHover": {
|
|
851
|
-
"value": "{colors.error.700}"
|
|
1024
|
+
"value": "{colors.error.700}",
|
|
1025
|
+
"metadata": {
|
|
1026
|
+
"pair": "modes.dark.component.badge.dangerText"
|
|
1027
|
+
}
|
|
852
1028
|
},
|
|
853
1029
|
"dangerText": {
|
|
854
1030
|
"value": "{colors.error.100}",
|
|
@@ -884,23 +1060,31 @@ var coreTokens = {
|
|
|
884
1060
|
"testimonial": {
|
|
885
1061
|
"bg": {
|
|
886
1062
|
"value": "{colors.neutral.800}",
|
|
887
|
-
"metadata": {
|
|
1063
|
+
"metadata": {
|
|
1064
|
+
"pair": "modes.dark.component.testimonial.text"
|
|
1065
|
+
}
|
|
888
1066
|
},
|
|
889
1067
|
"border": {
|
|
890
1068
|
"value": "{colors.neutral.700}",
|
|
891
1069
|
"metadata": {}
|
|
892
1070
|
},
|
|
893
1071
|
"text": {
|
|
894
|
-
"value": "{colors.neutral.
|
|
895
|
-
"metadata": {
|
|
1072
|
+
"value": "{colors.neutral.200}",
|
|
1073
|
+
"metadata": {
|
|
1074
|
+
"pair": "modes.dark.component.testimonial.bg"
|
|
1075
|
+
}
|
|
896
1076
|
},
|
|
897
1077
|
"authorName": {
|
|
898
1078
|
"value": "{colors.neutral.100}",
|
|
899
|
-
"metadata": {
|
|
1079
|
+
"metadata": {
|
|
1080
|
+
"pair": "modes.dark.component.testimonial.bg"
|
|
1081
|
+
}
|
|
900
1082
|
},
|
|
901
1083
|
"authorTitle": {
|
|
902
|
-
"value": "{colors.neutral.
|
|
903
|
-
"metadata": {
|
|
1084
|
+
"value": "{colors.neutral.300}",
|
|
1085
|
+
"metadata": {
|
|
1086
|
+
"pair": "modes.dark.component.testimonial.bg"
|
|
1087
|
+
}
|
|
904
1088
|
},
|
|
905
1089
|
"quoteMark": {
|
|
906
1090
|
"value": "{colors.neutral.600}",
|
|
@@ -910,7 +1094,9 @@ var coreTokens = {
|
|
|
910
1094
|
"pricingCard": {
|
|
911
1095
|
"bg": {
|
|
912
1096
|
"value": "{colors.neutral.800}",
|
|
913
|
-
"metadata": {
|
|
1097
|
+
"metadata": {
|
|
1098
|
+
"pair": "modes.dark.component.pricingCard.price"
|
|
1099
|
+
}
|
|
914
1100
|
},
|
|
915
1101
|
"border": {
|
|
916
1102
|
"value": "{colors.neutral.700}",
|
|
@@ -938,11 +1124,15 @@ var coreTokens = {
|
|
|
938
1124
|
},
|
|
939
1125
|
"price": {
|
|
940
1126
|
"value": "{colors.neutral.100}",
|
|
941
|
-
"metadata": {
|
|
1127
|
+
"metadata": {
|
|
1128
|
+
"pair": "modes.dark.component.pricingCard.bg"
|
|
1129
|
+
}
|
|
942
1130
|
},
|
|
943
1131
|
"priceDescription": {
|
|
944
|
-
"value": "{colors.neutral.
|
|
945
|
-
"metadata": {
|
|
1132
|
+
"value": "{colors.neutral.300}",
|
|
1133
|
+
"metadata": {
|
|
1134
|
+
"pair": "modes.dark.component.pricingCard.bg"
|
|
1135
|
+
}
|
|
946
1136
|
}
|
|
947
1137
|
},
|
|
948
1138
|
"rating": {
|
|
@@ -964,40 +1154,40 @@ var coreTokens = {
|
|
|
964
1154
|
},
|
|
965
1155
|
"colors": {
|
|
966
1156
|
"brand": {
|
|
967
|
-
"50": "#
|
|
968
|
-
"100": "#
|
|
969
|
-
"200": "#
|
|
970
|
-
"300": "#
|
|
971
|
-
"400": "#
|
|
972
|
-
"500": "#
|
|
973
|
-
"600": "#
|
|
974
|
-
"700": "#
|
|
975
|
-
"800": "#
|
|
976
|
-
"900": "#
|
|
1157
|
+
"50": "#eef4ff",
|
|
1158
|
+
"100": "#d9e7ff",
|
|
1159
|
+
"200": "#b9d2ff",
|
|
1160
|
+
"300": "#8ab6ff",
|
|
1161
|
+
"400": "#5a92ff",
|
|
1162
|
+
"500": "#336df4",
|
|
1163
|
+
"600": "#1f57db",
|
|
1164
|
+
"700": "#1946b4",
|
|
1165
|
+
"800": "#173b8f",
|
|
1166
|
+
"900": "#16336f"
|
|
977
1167
|
},
|
|
978
1168
|
"neutral": {
|
|
979
|
-
"50": "#
|
|
980
|
-
"100": "#
|
|
981
|
-
"200": "#
|
|
982
|
-
"300": "#
|
|
983
|
-
"400": "#
|
|
984
|
-
"500": "#
|
|
985
|
-
"600": "#
|
|
986
|
-
"700": "#
|
|
987
|
-
"800": "#
|
|
988
|
-
"900": "#
|
|
1169
|
+
"50": "#f7f8fb",
|
|
1170
|
+
"100": "#eef1f6",
|
|
1171
|
+
"200": "#d9dfeb",
|
|
1172
|
+
"300": "#b7c1d4",
|
|
1173
|
+
"400": "#8a96ad",
|
|
1174
|
+
"500": "#657287",
|
|
1175
|
+
"600": "#4b576a",
|
|
1176
|
+
"700": "#374253",
|
|
1177
|
+
"800": "#222b38",
|
|
1178
|
+
"900": "#141b24"
|
|
989
1179
|
},
|
|
990
1180
|
"accent": {
|
|
991
|
-
"50": "#
|
|
992
|
-
"100": "#
|
|
993
|
-
"200": "#
|
|
994
|
-
"300": "#
|
|
995
|
-
"400": "#
|
|
996
|
-
"500": "#
|
|
997
|
-
"600": "#
|
|
998
|
-
"700": "#
|
|
999
|
-
"800": "#
|
|
1000
|
-
"900": "#
|
|
1181
|
+
"50": "#f6f2ff",
|
|
1182
|
+
"100": "#eee5ff",
|
|
1183
|
+
"200": "#ddccff",
|
|
1184
|
+
"300": "#c3a7ff",
|
|
1185
|
+
"400": "#a279ff",
|
|
1186
|
+
"500": "#854ff7",
|
|
1187
|
+
"600": "#7135dd",
|
|
1188
|
+
"700": "#5d28b8",
|
|
1189
|
+
"800": "#4d2393",
|
|
1190
|
+
"900": "#401f75"
|
|
1001
1191
|
},
|
|
1002
1192
|
"success": {
|
|
1003
1193
|
"50": "#f0fdf4",
|
|
@@ -1012,16 +1202,16 @@ var coreTokens = {
|
|
|
1012
1202
|
"900": "#14532d"
|
|
1013
1203
|
},
|
|
1014
1204
|
"warning": {
|
|
1015
|
-
"50": "#
|
|
1016
|
-
"100": "#
|
|
1017
|
-
"200": "#
|
|
1018
|
-
"300": "#
|
|
1019
|
-
"400": "#
|
|
1020
|
-
"500": "#
|
|
1021
|
-
"600": "#
|
|
1022
|
-
"700": "#
|
|
1023
|
-
"800": "#
|
|
1024
|
-
"900": "#
|
|
1205
|
+
"50": "#fffbea",
|
|
1206
|
+
"100": "#fff1c2",
|
|
1207
|
+
"200": "#ffe08a",
|
|
1208
|
+
"300": "#ffd24d",
|
|
1209
|
+
"400": "#ffc21a",
|
|
1210
|
+
"500": "#f5ad00",
|
|
1211
|
+
"600": "#d48806",
|
|
1212
|
+
"700": "#ad6800",
|
|
1213
|
+
"800": "#8f5200",
|
|
1214
|
+
"900": "#734000"
|
|
1025
1215
|
},
|
|
1026
1216
|
"error": {
|
|
1027
1217
|
"50": "#fef2f2",
|
|
@@ -1036,28 +1226,28 @@ var coreTokens = {
|
|
|
1036
1226
|
"900": "#7f1d1d"
|
|
1037
1227
|
},
|
|
1038
1228
|
"info": {
|
|
1039
|
-
"50": "#
|
|
1040
|
-
"100": "#
|
|
1041
|
-
"200": "#
|
|
1042
|
-
"300": "#
|
|
1043
|
-
"400": "#
|
|
1044
|
-
"500": "#
|
|
1045
|
-
"600": "#
|
|
1046
|
-
"700": "#
|
|
1047
|
-
"800": "#
|
|
1048
|
-
"900": "#
|
|
1229
|
+
"50": "#f0f9ff",
|
|
1230
|
+
"100": "#e0f2fe",
|
|
1231
|
+
"200": "#bae6fd",
|
|
1232
|
+
"300": "#7dd3fc",
|
|
1233
|
+
"400": "#38bdf8",
|
|
1234
|
+
"500": "#0ea5e9",
|
|
1235
|
+
"600": "#0369a1",
|
|
1236
|
+
"700": "#075985",
|
|
1237
|
+
"800": "#0c4a6e",
|
|
1238
|
+
"900": "#082f49"
|
|
1049
1239
|
},
|
|
1050
1240
|
"indigo": {
|
|
1051
|
-
"500": "#
|
|
1052
|
-
"600": "#
|
|
1241
|
+
"500": "#5b6ee1",
|
|
1242
|
+
"600": "#4d61db"
|
|
1053
1243
|
},
|
|
1054
1244
|
"violet": {
|
|
1055
|
-
"600": "#
|
|
1245
|
+
"600": "#6f3fd7"
|
|
1056
1246
|
},
|
|
1057
1247
|
"focus": {
|
|
1058
|
-
"primary": "#
|
|
1248
|
+
"primary": "#336df4",
|
|
1059
1249
|
"error": "#ef4444",
|
|
1060
|
-
"info": "#
|
|
1250
|
+
"info": "#0369a1"
|
|
1061
1251
|
},
|
|
1062
1252
|
"white": "#ffffff",
|
|
1063
1253
|
"black": "#000000"
|