@phcdevworks/spectre-tokens 2.1.0 → 2.1.2

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.
Files changed (13) hide show
  1. package/LICENSE +12 -13
  2. package/README.md +138 -1456
  3. package/dist/index.cjs +449 -167
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.css +174 -174
  6. package/dist/index.d.cts +309 -27
  7. package/dist/index.d.ts +309 -27
  8. package/dist/index.js +449 -167
  9. package/dist/index.js.map +1 -1
  10. package/package.json +16 -13
  11. package/tokens/components.json +144 -45
  12. package/tokens/modes.json +250 -67
  13. package/tokens/palette.json +55 -55
package/dist/index.js CHANGED
@@ -3,18 +3,30 @@ var coreTokens = {
3
3
  "component": {
4
4
  "card": {
5
5
  "text": {
6
- "value": "{colors.neutral.900}"
6
+ "value": "{colors.neutral.900}",
7
+ "metadata": {
8
+ "pair": "surface.card"
9
+ }
7
10
  },
8
11
  "textMuted": {
9
- "value": "{colors.neutral.500}"
12
+ "value": "{colors.neutral.500}",
13
+ "metadata": {
14
+ "pair": "surface.card"
15
+ }
10
16
  }
11
17
  },
12
18
  "input": {
13
19
  "text": {
14
- "value": "{colors.neutral.900}"
20
+ "value": "{colors.neutral.900}",
21
+ "metadata": {
22
+ "pair": "surface.input"
23
+ }
15
24
  },
16
25
  "placeholder": {
17
- "value": "{colors.neutral.400}"
26
+ "value": "{colors.neutral.500}",
27
+ "metadata": {
28
+ "pair": "forms.default.bg"
29
+ }
18
30
  }
19
31
  },
20
32
  "button": {
@@ -33,7 +45,10 @@ var coreTokens = {
33
45
  }
34
46
  },
35
47
  "neutralBgHover": {
36
- "value": "{colors.neutral.200}"
48
+ "value": "{colors.neutral.200}",
49
+ "metadata": {
50
+ "pair": "component.badge.neutralText"
51
+ }
37
52
  },
38
53
  "neutralText": {
39
54
  "value": "{colors.neutral.700}"
@@ -45,7 +60,10 @@ var coreTokens = {
45
60
  }
46
61
  },
47
62
  "infoBgHover": {
48
- "value": "{colors.info.200}"
63
+ "value": "{colors.info.200}",
64
+ "metadata": {
65
+ "pair": "component.badge.infoText"
66
+ }
49
67
  },
50
68
  "infoText": {
51
69
  "value": "{colors.info.700}"
@@ -57,10 +75,13 @@ var coreTokens = {
57
75
  }
58
76
  },
59
77
  "successBgHover": {
60
- "value": "{colors.success.200}"
78
+ "value": "{colors.success.200}",
79
+ "metadata": {
80
+ "pair": "component.badge.successText"
81
+ }
61
82
  },
62
83
  "successText": {
63
- "value": "{colors.success.700}"
84
+ "value": "{colors.success.800}"
64
85
  },
65
86
  "warningBg": {
66
87
  "value": "{colors.warning.100}",
@@ -69,10 +90,13 @@ var coreTokens = {
69
90
  }
70
91
  },
71
92
  "warningBgHover": {
72
- "value": "{colors.warning.200}"
93
+ "value": "{colors.warning.200}",
94
+ "metadata": {
95
+ "pair": "component.badge.warningText"
96
+ }
73
97
  },
74
98
  "warningText": {
75
- "value": "{colors.warning.700}"
99
+ "value": "{colors.warning.800}"
76
100
  },
77
101
  "dangerBg": {
78
102
  "value": "{colors.error.100}",
@@ -81,21 +105,30 @@ var coreTokens = {
81
105
  }
82
106
  },
83
107
  "dangerBgHover": {
84
- "value": "{colors.error.200}"
108
+ "value": "{colors.error.200}",
109
+ "metadata": {
110
+ "pair": "component.badge.dangerText"
111
+ }
85
112
  },
86
113
  "dangerText": {
87
- "value": "{colors.error.700}"
114
+ "value": "{colors.error.800}"
88
115
  }
89
116
  },
90
117
  "iconBox": {
91
118
  "bg": {
92
- "value": "{colors.white}"
119
+ "value": "{colors.white}",
120
+ "metadata": {
121
+ "pair": "component.iconBox.iconDefault"
122
+ }
93
123
  },
94
124
  "border": {
95
125
  "value": "{colors.neutral.200}"
96
126
  },
97
127
  "iconDefault": {
98
- "value": "{colors.info.600}"
128
+ "value": "{colors.info.600}",
129
+ "metadata": {
130
+ "pair": "component.iconBox.bg"
131
+ }
99
132
  },
100
133
  "iconSuccess": {
101
134
  "value": "{colors.success.600}"
@@ -109,19 +142,31 @@ var coreTokens = {
109
142
  },
110
143
  "testimonial": {
111
144
  "bg": {
112
- "value": "{colors.white}"
145
+ "value": "{colors.white}",
146
+ "metadata": {
147
+ "pair": "component.testimonial.text"
148
+ }
113
149
  },
114
150
  "border": {
115
151
  "value": "{colors.neutral.200}"
116
152
  },
117
153
  "text": {
118
- "value": "{colors.neutral.700}"
154
+ "value": "{colors.neutral.700}",
155
+ "metadata": {
156
+ "pair": "component.testimonial.bg"
157
+ }
119
158
  },
120
159
  "authorName": {
121
- "value": "{colors.neutral.900}"
160
+ "value": "{colors.neutral.900}",
161
+ "metadata": {
162
+ "pair": "component.testimonial.bg"
163
+ }
122
164
  },
123
165
  "authorTitle": {
124
- "value": "{colors.neutral.500}"
166
+ "value": "{colors.neutral.500}",
167
+ "metadata": {
168
+ "pair": "component.testimonial.bg"
169
+ }
125
170
  },
126
171
  "quoteMark": {
127
172
  "value": "{colors.neutral.300}"
@@ -130,7 +175,9 @@ var coreTokens = {
130
175
  "pricingCard": {
131
176
  "bg": {
132
177
  "value": "{colors.white}",
133
- "metadata": {}
178
+ "metadata": {
179
+ "pair": "component.pricingCard.price"
180
+ }
134
181
  },
135
182
  "border": {
136
183
  "value": "{colors.neutral.200}",
@@ -158,11 +205,15 @@ var coreTokens = {
158
205
  },
159
206
  "price": {
160
207
  "value": "{colors.neutral.900}",
161
- "metadata": {}
208
+ "metadata": {
209
+ "pair": "component.pricingCard.bg"
210
+ }
162
211
  },
163
212
  "priceDescription": {
164
213
  "value": "{colors.neutral.500}",
165
- "metadata": {}
214
+ "metadata": {
215
+ "pair": "component.pricingCard.bg"
216
+ }
166
217
  }
167
218
  },
168
219
  "rating": {
@@ -173,7 +224,10 @@ var coreTokens = {
173
224
  "value": "{colors.neutral.200}"
174
225
  },
175
226
  "text": {
176
- "value": "{colors.neutral.500}"
227
+ "value": "{colors.neutral.500}",
228
+ "metadata": {
229
+ "pair": "surface.card"
230
+ }
177
231
  }
178
232
  }
179
233
  },
@@ -186,10 +240,16 @@ var coreTokens = {
186
240
  }
187
241
  },
188
242
  "bgHover": {
189
- "value": "{colors.info.700}"
243
+ "value": "{colors.info.700}",
244
+ "metadata": {
245
+ "pair": "buttons.primary.text"
246
+ }
190
247
  },
191
248
  "bgActive": {
192
- "value": "{colors.info.800}"
249
+ "value": "{colors.info.800}",
250
+ "metadata": {
251
+ "pair": "buttons.primary.text"
252
+ }
193
253
  },
194
254
  "bgDisabled": {
195
255
  "value": "{colors.neutral.200}"
@@ -212,22 +272,28 @@ var coreTokens = {
212
272
  }
213
273
  },
214
274
  "bgHover": {
215
- "value": "{colors.neutral.50}"
275
+ "value": "{colors.neutral.50}",
276
+ "metadata": {
277
+ "pair": "buttons.secondary.text"
278
+ }
216
279
  },
217
280
  "bgActive": {
218
- "value": "{colors.neutral.100}"
281
+ "value": "{colors.neutral.100}",
282
+ "metadata": {
283
+ "pair": "buttons.secondary.text"
284
+ }
219
285
  },
220
286
  "bgDisabled": {
221
287
  "value": "{colors.neutral.50}"
222
288
  },
223
289
  "text": {
224
- "value": "{colors.info.600}"
290
+ "value": "{colors.info.700}"
225
291
  },
226
292
  "textDisabled": {
227
293
  "value": "{colors.neutral.400}"
228
294
  },
229
295
  "border": {
230
- "value": "{colors.info.600}"
296
+ "value": "{colors.info.700}"
231
297
  },
232
298
  "borderDisabled": {
233
299
  "value": "{colors.neutral.200}"
@@ -241,16 +307,22 @@ var coreTokens = {
241
307
  "value": "transparent"
242
308
  },
243
309
  "bgHover": {
244
- "value": "{colors.info.50}"
310
+ "value": "{colors.info.50}",
311
+ "metadata": {
312
+ "pair": "buttons.ghost.text"
313
+ }
245
314
  },
246
315
  "bgActive": {
247
- "value": "{colors.info.100}"
316
+ "value": "{colors.info.100}",
317
+ "metadata": {
318
+ "pair": "buttons.ghost.text"
319
+ }
248
320
  },
249
321
  "bgDisabled": {
250
322
  "value": "transparent"
251
323
  },
252
324
  "text": {
253
- "value": "{colors.info.600}"
325
+ "value": "{colors.info.700}"
254
326
  },
255
327
  "textDisabled": {
256
328
  "value": "{colors.neutral.400}"
@@ -267,10 +339,16 @@ var coreTokens = {
267
339
  }
268
340
  },
269
341
  "bgHover": {
270
- "value": "{colors.error.700}"
342
+ "value": "{colors.error.700}",
343
+ "metadata": {
344
+ "pair": "buttons.danger.text"
345
+ }
271
346
  },
272
347
  "bgActive": {
273
- "value": "{colors.error.800}"
348
+ "value": "{colors.error.800}",
349
+ "metadata": {
350
+ "pair": "buttons.danger.text"
351
+ }
274
352
  },
275
353
  "bgDisabled": {
276
354
  "value": "{colors.error.200}"
@@ -293,10 +371,16 @@ var coreTokens = {
293
371
  }
294
372
  },
295
373
  "bgHover": {
296
- "value": "{colors.success.800}"
374
+ "value": "{colors.success.800}",
375
+ "metadata": {
376
+ "pair": "buttons.success.text"
377
+ }
297
378
  },
298
379
  "bgActive": {
299
- "value": "{colors.success.900}"
380
+ "value": "{colors.success.900}",
381
+ "metadata": {
382
+ "pair": "buttons.success.text"
383
+ }
300
384
  },
301
385
  "bgDisabled": {
302
386
  "value": "{colors.success.200}"
@@ -313,31 +397,37 @@ var coreTokens = {
313
397
  },
314
398
  "cta": {
315
399
  "bg": {
316
- "value": "{colors.warning.500}",
400
+ "value": "{colors.brand.600}",
317
401
  "metadata": {
318
402
  "pair": "buttons.cta.text"
319
403
  }
320
404
  },
321
405
  "bgHover": {
322
- "value": "{colors.warning.600}"
406
+ "value": "{colors.brand.700}",
407
+ "metadata": {
408
+ "pair": "buttons.cta.text"
409
+ }
323
410
  },
324
411
  "bgActive": {
325
- "value": "{colors.warning.700}"
412
+ "value": "{colors.brand.800}",
413
+ "metadata": {
414
+ "pair": "buttons.cta.text"
415
+ }
326
416
  },
327
417
  "bgDisabled": {
328
- "value": "{colors.warning.200}"
418
+ "value": "{colors.brand.200}"
329
419
  },
330
420
  "text": {
331
- "value": "{colors.neutral.900}"
421
+ "value": "{colors.white}"
332
422
  },
333
423
  "textDisabled": {
334
424
  "value": "{colors.neutral.400}"
335
425
  },
336
426
  "shadow": {
337
- "value": "0 4px 14px 0 {colors.warning.500} / 0.39"
427
+ "value": "0 4px 14px 0 {colors.brand.500} / 0.39"
338
428
  },
339
429
  "focusRing": {
340
- "value": "{colors.warning.500} / 0.4"
430
+ "value": "{colors.brand.500} / 0.4"
341
431
  }
342
432
  },
343
433
  "accent": {
@@ -348,10 +438,16 @@ var coreTokens = {
348
438
  }
349
439
  },
350
440
  "bgHover": {
351
- "value": "{colors.accent.700}"
441
+ "value": "{colors.accent.700}",
442
+ "metadata": {
443
+ "pair": "buttons.accent.text"
444
+ }
352
445
  },
353
446
  "bgActive": {
354
- "value": "{colors.accent.800}"
447
+ "value": "{colors.accent.800}",
448
+ "metadata": {
449
+ "pair": "buttons.accent.text"
450
+ }
355
451
  },
356
452
  "bgDisabled": {
357
453
  "value": "{colors.accent.200}"
@@ -379,7 +475,10 @@ var coreTokens = {
379
475
  "value": "{colors.neutral.900}"
380
476
  },
381
477
  "placeholder": {
382
- "value": "{colors.neutral.400}"
478
+ "value": "{colors.neutral.500}",
479
+ "metadata": {
480
+ "pair": "forms.default.bg"
481
+ }
383
482
  }
384
483
  },
385
484
  "hover": {
@@ -439,19 +538,31 @@ var coreTokens = {
439
538
  "default": {
440
539
  "surface": {
441
540
  "page": {
442
- "value": "{colors.neutral.50}"
541
+ "value": "{colors.neutral.50}",
542
+ "metadata": {
543
+ "pair": "modes.default.text.onPage.default"
544
+ }
443
545
  },
444
546
  "card": {
445
- "value": "{colors.white}"
547
+ "value": "{colors.white}",
548
+ "metadata": {
549
+ "pair": "modes.default.text.onSurface.default"
550
+ }
446
551
  },
447
552
  "input": {
448
- "value": "{colors.white}"
553
+ "value": "{colors.white}",
554
+ "metadata": {
555
+ "pair": "modes.default.text.onSurface.default"
556
+ }
449
557
  },
450
558
  "overlay": {
451
559
  "value": "{colors.neutral.900} / 0.6"
452
560
  },
453
561
  "alternate": {
454
- "value": "{colors.neutral.100}"
562
+ "value": "{colors.neutral.100}",
563
+ "metadata": {
564
+ "pair": "modes.default.text.onPage.default"
565
+ }
455
566
  },
456
567
  "hero": {
457
568
  "value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)"
@@ -460,54 +571,96 @@ var coreTokens = {
460
571
  "text": {
461
572
  "onPage": {
462
573
  "default": {
463
- "value": "{colors.neutral.900}"
574
+ "value": "{colors.neutral.900}",
575
+ "metadata": {
576
+ "pair": "modes.default.surface.page"
577
+ }
464
578
  },
465
579
  "muted": {
466
- "value": "{colors.neutral.600}"
580
+ "value": "{colors.neutral.600}",
581
+ "metadata": {
582
+ "pair": "modes.default.surface.page"
583
+ }
467
584
  },
468
585
  "subtle": {
469
- "value": "{colors.neutral.500}"
586
+ "value": "{colors.neutral.500}",
587
+ "metadata": {
588
+ "pair": "modes.default.surface.page"
589
+ }
470
590
  },
471
591
  "meta": {
472
- "value": "{colors.neutral.500}"
592
+ "value": "{colors.neutral.500}",
593
+ "metadata": {
594
+ "pair": "modes.default.surface.page"
595
+ }
473
596
  },
474
597
  "brand": {
475
- "value": "{colors.brand.600}"
598
+ "value": "{colors.brand.600}",
599
+ "metadata": {
600
+ "pair": "modes.default.surface.page"
601
+ }
476
602
  }
477
603
  },
478
604
  "onSurface": {
479
605
  "default": {
480
- "value": "{colors.neutral.900}"
606
+ "value": "{colors.neutral.900}",
607
+ "metadata": {
608
+ "pair": "modes.default.surface.card"
609
+ }
481
610
  },
482
611
  "muted": {
483
- "value": "{colors.neutral.600}"
612
+ "value": "{colors.neutral.600}",
613
+ "metadata": {
614
+ "pair": "modes.default.surface.card"
615
+ }
484
616
  },
485
617
  "subtle": {
486
- "value": "{colors.neutral.500}"
618
+ "value": "{colors.neutral.500}",
619
+ "metadata": {
620
+ "pair": "modes.default.surface.card"
621
+ }
487
622
  },
488
623
  "meta": {
489
- "value": "{colors.neutral.500}"
624
+ "value": "{colors.neutral.500}",
625
+ "metadata": {
626
+ "pair": "modes.default.surface.card"
627
+ }
490
628
  },
491
629
  "brand": {
492
- "value": "{colors.brand.600}"
630
+ "value": "{colors.brand.600}",
631
+ "metadata": {
632
+ "pair": "modes.default.surface.card"
633
+ }
493
634
  }
494
635
  }
495
636
  },
496
637
  "component": {
497
638
  "card": {
498
639
  "text": {
499
- "value": "{colors.neutral.900}"
640
+ "value": "{colors.neutral.900}",
641
+ "metadata": {
642
+ "pair": "modes.default.surface.card"
643
+ }
500
644
  },
501
645
  "textMuted": {
502
- "value": "{colors.neutral.500}"
646
+ "value": "{colors.neutral.500}",
647
+ "metadata": {
648
+ "pair": "modes.default.surface.card"
649
+ }
503
650
  }
504
651
  },
505
652
  "input": {
506
653
  "text": {
507
- "value": "{colors.neutral.900}"
654
+ "value": "{colors.neutral.900}",
655
+ "metadata": {
656
+ "pair": "modes.default.surface.input"
657
+ }
508
658
  },
509
659
  "placeholder": {
510
- "value": "{colors.neutral.400}"
660
+ "value": "{colors.neutral.500}",
661
+ "metadata": {
662
+ "pair": "modes.default.surface.input"
663
+ }
511
664
  }
512
665
  },
513
666
  "button": {
@@ -525,6 +678,12 @@ var coreTokens = {
525
678
  "pair": "modes.default.component.badge.neutralText"
526
679
  }
527
680
  },
681
+ "neutralBgHover": {
682
+ "value": "{colors.neutral.200}",
683
+ "metadata": {
684
+ "pair": "modes.default.component.badge.neutralText"
685
+ }
686
+ },
528
687
  "neutralText": {
529
688
  "value": "{colors.neutral.700}",
530
689
  "metadata": {}
@@ -535,6 +694,12 @@ var coreTokens = {
535
694
  "pair": "modes.default.component.badge.infoText"
536
695
  }
537
696
  },
697
+ "infoBgHover": {
698
+ "value": "{colors.info.200}",
699
+ "metadata": {
700
+ "pair": "modes.default.component.badge.infoText"
701
+ }
702
+ },
538
703
  "infoText": {
539
704
  "value": "{colors.info.700}",
540
705
  "metadata": {}
@@ -556,7 +721,7 @@ var coreTokens = {
556
721
  }
557
722
  },
558
723
  "warningText": {
559
- "value": "{colors.warning.700}",
724
+ "value": "{colors.warning.800}",
560
725
  "metadata": {}
561
726
  },
562
727
  "dangerBg": {
@@ -573,7 +738,9 @@ var coreTokens = {
573
738
  "iconBox": {
574
739
  "bg": {
575
740
  "value": "{colors.white}",
576
- "metadata": {}
741
+ "metadata": {
742
+ "pair": "modes.default.component.iconBox.iconDefault"
743
+ }
577
744
  },
578
745
  "border": {
579
746
  "value": "{colors.neutral.200}",
@@ -581,7 +748,9 @@ var coreTokens = {
581
748
  },
582
749
  "iconDefault": {
583
750
  "value": "{colors.info.600}",
584
- "metadata": {}
751
+ "metadata": {
752
+ "pair": "modes.default.component.iconBox.bg"
753
+ }
585
754
  },
586
755
  "iconSuccess": {
587
756
  "value": "{colors.success.600}",
@@ -593,13 +762,17 @@ var coreTokens = {
593
762
  },
594
763
  "iconDanger": {
595
764
  "value": "{colors.error.600}",
596
- "metadata": {}
765
+ "metadata": {
766
+ "pair": "modes.default.component.iconBox.bg"
767
+ }
597
768
  }
598
769
  },
599
770
  "testimonial": {
600
771
  "bg": {
601
772
  "value": "{colors.white}",
602
- "metadata": {}
773
+ "metadata": {
774
+ "pair": "modes.default.component.testimonial.text"
775
+ }
603
776
  },
604
777
  "border": {
605
778
  "value": "{colors.neutral.200}",
@@ -607,15 +780,21 @@ var coreTokens = {
607
780
  },
608
781
  "text": {
609
782
  "value": "{colors.neutral.700}",
610
- "metadata": {}
783
+ "metadata": {
784
+ "pair": "modes.default.component.testimonial.bg"
785
+ }
611
786
  },
612
787
  "authorName": {
613
788
  "value": "{colors.neutral.900}",
614
- "metadata": {}
789
+ "metadata": {
790
+ "pair": "modes.default.component.testimonial.bg"
791
+ }
615
792
  },
616
793
  "authorTitle": {
617
794
  "value": "{colors.neutral.500}",
618
- "metadata": {}
795
+ "metadata": {
796
+ "pair": "modes.default.component.testimonial.bg"
797
+ }
619
798
  },
620
799
  "quoteMark": {
621
800
  "value": "{colors.neutral.300}",
@@ -625,7 +804,9 @@ var coreTokens = {
625
804
  "pricingCard": {
626
805
  "bg": {
627
806
  "value": "{colors.white}",
628
- "metadata": {}
807
+ "metadata": {
808
+ "pair": "modes.default.component.pricingCard.price"
809
+ }
629
810
  },
630
811
  "border": {
631
812
  "value": "{colors.neutral.200}",
@@ -653,11 +834,15 @@ var coreTokens = {
653
834
  },
654
835
  "price": {
655
836
  "value": "{colors.neutral.900}",
656
- "metadata": {}
837
+ "metadata": {
838
+ "pair": "modes.default.component.pricingCard.bg"
839
+ }
657
840
  },
658
841
  "priceDescription": {
659
842
  "value": "{colors.neutral.500}",
660
- "metadata": {}
843
+ "metadata": {
844
+ "pair": "modes.default.component.pricingCard.bg"
845
+ }
661
846
  }
662
847
  },
663
848
  "rating": {
@@ -671,7 +856,9 @@ var coreTokens = {
671
856
  },
672
857
  "text": {
673
858
  "value": "{colors.neutral.500}",
674
- "metadata": {}
859
+ "metadata": {
860
+ "pair": "modes.default.surface.card"
861
+ }
675
862
  }
676
863
  }
677
864
  }
@@ -679,19 +866,31 @@ var coreTokens = {
679
866
  "dark": {
680
867
  "surface": {
681
868
  "page": {
682
- "value": "{colors.neutral.900}"
869
+ "value": "{colors.neutral.900}",
870
+ "metadata": {
871
+ "pair": "modes.dark.text.onPage.default"
872
+ }
683
873
  },
684
874
  "card": {
685
- "value": "{colors.neutral.800}"
875
+ "value": "{colors.neutral.800}",
876
+ "metadata": {
877
+ "pair": "modes.dark.text.onSurface.default"
878
+ }
686
879
  },
687
880
  "input": {
688
- "value": "{colors.neutral.700}"
881
+ "value": "{colors.neutral.700}",
882
+ "metadata": {
883
+ "pair": "modes.dark.text.onSurface.default"
884
+ }
689
885
  },
690
886
  "overlay": {
691
887
  "value": "{colors.neutral.800}"
692
888
  },
693
889
  "alternate": {
694
- "value": "{colors.neutral.800}"
890
+ "value": "{colors.neutral.800}",
891
+ "metadata": {
892
+ "pair": "modes.dark.text.onPage.default"
893
+ }
695
894
  },
696
895
  "hero": {
697
896
  "value": "linear-gradient(135deg, {colors.accent.900} 0%, {colors.accent.700} 100%)"
@@ -700,54 +899,96 @@ var coreTokens = {
700
899
  "text": {
701
900
  "onPage": {
702
901
  "default": {
703
- "value": "{colors.neutral.50}"
902
+ "value": "{colors.neutral.50}",
903
+ "metadata": {
904
+ "pair": "modes.dark.surface.page"
905
+ }
704
906
  },
705
907
  "muted": {
706
- "value": "{colors.neutral.300}"
908
+ "value": "{colors.neutral.300}",
909
+ "metadata": {
910
+ "pair": "modes.dark.surface.page"
911
+ }
707
912
  },
708
913
  "subtle": {
709
- "value": "{colors.neutral.400}"
914
+ "value": "{colors.neutral.400}",
915
+ "metadata": {
916
+ "pair": "modes.dark.surface.page"
917
+ }
710
918
  },
711
919
  "meta": {
712
- "value": "{colors.neutral.400}"
920
+ "value": "{colors.neutral.400}",
921
+ "metadata": {
922
+ "pair": "modes.dark.surface.page"
923
+ }
713
924
  },
714
925
  "brand": {
715
- "value": "{colors.brand.400}"
926
+ "value": "{colors.brand.400}",
927
+ "metadata": {
928
+ "pair": "modes.dark.surface.page"
929
+ }
716
930
  }
717
931
  },
718
932
  "onSurface": {
719
933
  "default": {
720
- "value": "{colors.neutral.100}"
934
+ "value": "{colors.neutral.100}",
935
+ "metadata": {
936
+ "pair": "modes.dark.surface.card"
937
+ }
721
938
  },
722
939
  "muted": {
723
- "value": "{colors.neutral.300}"
940
+ "value": "{colors.neutral.300}",
941
+ "metadata": {
942
+ "pair": "modes.dark.surface.card"
943
+ }
724
944
  },
725
945
  "subtle": {
726
- "value": "{colors.neutral.400}"
946
+ "value": "{colors.neutral.400}",
947
+ "metadata": {
948
+ "pair": "modes.dark.surface.card"
949
+ }
727
950
  },
728
951
  "meta": {
729
- "value": "{colors.neutral.400}"
952
+ "value": "{colors.neutral.400}",
953
+ "metadata": {
954
+ "pair": "modes.dark.surface.card"
955
+ }
730
956
  },
731
957
  "brand": {
732
- "value": "{colors.brand.400}"
958
+ "value": "{colors.brand.400}",
959
+ "metadata": {
960
+ "pair": "modes.dark.surface.card"
961
+ }
733
962
  }
734
963
  }
735
964
  },
736
965
  "component": {
737
966
  "card": {
738
967
  "text": {
739
- "value": "{colors.neutral.100}"
968
+ "value": "{colors.neutral.100}",
969
+ "metadata": {
970
+ "pair": "modes.dark.surface.card"
971
+ }
740
972
  },
741
973
  "textMuted": {
742
- "value": "{colors.neutral.300}"
974
+ "value": "{colors.neutral.300}",
975
+ "metadata": {
976
+ "pair": "modes.dark.surface.card"
977
+ }
743
978
  }
744
979
  },
745
980
  "input": {
746
981
  "text": {
747
- "value": "{colors.neutral.100}"
982
+ "value": "{colors.neutral.100}",
983
+ "metadata": {
984
+ "pair": "modes.dark.surface.input"
985
+ }
748
986
  },
749
987
  "placeholder": {
750
- "value": "{colors.neutral.400}"
988
+ "value": "{colors.neutral.300}",
989
+ "metadata": {
990
+ "pair": "modes.dark.surface.input"
991
+ }
751
992
  }
752
993
  },
753
994
  "button": {
@@ -766,7 +1007,10 @@ var coreTokens = {
766
1007
  }
767
1008
  },
768
1009
  "neutralBgHover": {
769
- "value": "{colors.neutral.600}"
1010
+ "value": "{colors.neutral.600}",
1011
+ "metadata": {
1012
+ "pair": "modes.dark.component.badge.neutralText"
1013
+ }
770
1014
  },
771
1015
  "neutralText": {
772
1016
  "value": "{colors.neutral.100}",
@@ -779,7 +1023,10 @@ var coreTokens = {
779
1023
  }
780
1024
  },
781
1025
  "infoBgHover": {
782
- "value": "{colors.info.700}"
1026
+ "value": "{colors.info.700}",
1027
+ "metadata": {
1028
+ "pair": "modes.dark.component.badge.infoText"
1029
+ }
783
1030
  },
784
1031
  "infoText": {
785
1032
  "value": "{colors.info.100}",
@@ -792,7 +1039,10 @@ var coreTokens = {
792
1039
  }
793
1040
  },
794
1041
  "successBgHover": {
795
- "value": "{colors.success.700}"
1042
+ "value": "{colors.success.700}",
1043
+ "metadata": {
1044
+ "pair": "modes.dark.component.badge.successText"
1045
+ }
796
1046
  },
797
1047
  "successText": {
798
1048
  "value": "{colors.success.100}",
@@ -805,7 +1055,10 @@ var coreTokens = {
805
1055
  }
806
1056
  },
807
1057
  "warningBgHover": {
808
- "value": "{colors.warning.700}"
1058
+ "value": "{colors.warning.800}",
1059
+ "metadata": {
1060
+ "pair": "modes.dark.component.badge.warningText"
1061
+ }
809
1062
  },
810
1063
  "warningText": {
811
1064
  "value": "{colors.warning.100}",
@@ -818,7 +1071,10 @@ var coreTokens = {
818
1071
  }
819
1072
  },
820
1073
  "dangerBgHover": {
821
- "value": "{colors.error.700}"
1074
+ "value": "{colors.error.700}",
1075
+ "metadata": {
1076
+ "pair": "modes.dark.component.badge.dangerText"
1077
+ }
822
1078
  },
823
1079
  "dangerText": {
824
1080
  "value": "{colors.error.100}",
@@ -828,7 +1084,9 @@ var coreTokens = {
828
1084
  "iconBox": {
829
1085
  "bg": {
830
1086
  "value": "{colors.neutral.800}",
831
- "metadata": {}
1087
+ "metadata": {
1088
+ "pair": "modes.dark.component.iconBox.iconDefault"
1089
+ }
832
1090
  },
833
1091
  "border": {
834
1092
  "value": "{colors.neutral.700}",
@@ -836,41 +1094,57 @@ var coreTokens = {
836
1094
  },
837
1095
  "iconDefault": {
838
1096
  "value": "{colors.info.300}",
839
- "metadata": {}
1097
+ "metadata": {
1098
+ "pair": "modes.dark.component.iconBox.bg"
1099
+ }
840
1100
  },
841
1101
  "iconSuccess": {
842
1102
  "value": "{colors.success.400}",
843
- "metadata": {}
1103
+ "metadata": {
1104
+ "pair": "modes.dark.component.iconBox.bg"
1105
+ }
844
1106
  },
845
1107
  "iconWarning": {
846
1108
  "value": "{colors.warning.400}",
847
- "metadata": {}
1109
+ "metadata": {
1110
+ "pair": "modes.dark.component.iconBox.bg"
1111
+ }
848
1112
  },
849
1113
  "iconDanger": {
850
1114
  "value": "{colors.error.400}",
851
- "metadata": {}
1115
+ "metadata": {
1116
+ "pair": "modes.dark.component.iconBox.bg"
1117
+ }
852
1118
  }
853
1119
  },
854
1120
  "testimonial": {
855
1121
  "bg": {
856
1122
  "value": "{colors.neutral.800}",
857
- "metadata": {}
1123
+ "metadata": {
1124
+ "pair": "modes.dark.component.testimonial.text"
1125
+ }
858
1126
  },
859
1127
  "border": {
860
1128
  "value": "{colors.neutral.700}",
861
1129
  "metadata": {}
862
1130
  },
863
1131
  "text": {
864
- "value": "{colors.neutral.300}",
865
- "metadata": {}
1132
+ "value": "{colors.neutral.200}",
1133
+ "metadata": {
1134
+ "pair": "modes.dark.component.testimonial.bg"
1135
+ }
866
1136
  },
867
1137
  "authorName": {
868
1138
  "value": "{colors.neutral.100}",
869
- "metadata": {}
1139
+ "metadata": {
1140
+ "pair": "modes.dark.component.testimonial.bg"
1141
+ }
870
1142
  },
871
1143
  "authorTitle": {
872
1144
  "value": "{colors.neutral.400}",
873
- "metadata": {}
1145
+ "metadata": {
1146
+ "pair": "modes.dark.component.testimonial.bg"
1147
+ }
874
1148
  },
875
1149
  "quoteMark": {
876
1150
  "value": "{colors.neutral.600}",
@@ -880,7 +1154,9 @@ var coreTokens = {
880
1154
  "pricingCard": {
881
1155
  "bg": {
882
1156
  "value": "{colors.neutral.800}",
883
- "metadata": {}
1157
+ "metadata": {
1158
+ "pair": "modes.dark.component.pricingCard.price"
1159
+ }
884
1160
  },
885
1161
  "border": {
886
1162
  "value": "{colors.neutral.700}",
@@ -908,11 +1184,15 @@ var coreTokens = {
908
1184
  },
909
1185
  "price": {
910
1186
  "value": "{colors.neutral.100}",
911
- "metadata": {}
1187
+ "metadata": {
1188
+ "pair": "modes.dark.component.pricingCard.bg"
1189
+ }
912
1190
  },
913
1191
  "priceDescription": {
914
1192
  "value": "{colors.neutral.400}",
915
- "metadata": {}
1193
+ "metadata": {
1194
+ "pair": "modes.dark.component.pricingCard.bg"
1195
+ }
916
1196
  }
917
1197
  },
918
1198
  "rating": {
@@ -926,7 +1206,9 @@ var coreTokens = {
926
1206
  },
927
1207
  "text": {
928
1208
  "value": "{colors.neutral.400}",
929
- "metadata": {}
1209
+ "metadata": {
1210
+ "pair": "modes.dark.surface.card"
1211
+ }
930
1212
  }
931
1213
  }
932
1214
  }
@@ -934,40 +1216,40 @@ var coreTokens = {
934
1216
  },
935
1217
  "colors": {
936
1218
  "brand": {
937
- "50": "#eff6ff",
938
- "100": "#dbeafe",
939
- "200": "#bfdbfe",
940
- "300": "#93c5fd",
941
- "400": "#60a5fa",
942
- "500": "#3b82f6",
943
- "600": "#2563eb",
944
- "700": "#1d4ed8",
945
- "800": "#1e40af",
946
- "900": "#1e3a8a"
1219
+ "50": "#eef4ff",
1220
+ "100": "#d9e7ff",
1221
+ "200": "#b9d2ff",
1222
+ "300": "#8ab6ff",
1223
+ "400": "#5a92ff",
1224
+ "500": "#336df4",
1225
+ "600": "#1f57db",
1226
+ "700": "#1946b4",
1227
+ "800": "#173b8f",
1228
+ "900": "#16336f"
947
1229
  },
948
1230
  "neutral": {
949
- "50": "#f8fafc",
950
- "100": "#f1f5f9",
951
- "200": "#e2e8f0",
952
- "300": "#cbd5e1",
953
- "400": "#94a3b8",
954
- "500": "#64748b",
955
- "600": "#475569",
956
- "700": "#334155",
957
- "800": "#1e293b",
958
- "900": "#0f172a"
1231
+ "50": "#f7f8fb",
1232
+ "100": "#eef1f6",
1233
+ "200": "#d9dfeb",
1234
+ "300": "#b7c1d4",
1235
+ "400": "#8a96ad",
1236
+ "500": "#657287",
1237
+ "600": "#4b576a",
1238
+ "700": "#374253",
1239
+ "800": "#222b38",
1240
+ "900": "#141b24"
959
1241
  },
960
1242
  "accent": {
961
- "50": "#f5f3ff",
962
- "100": "#ede9fe",
963
- "200": "#ddd6fe",
964
- "300": "#c4b5fd",
965
- "400": "#a78bfa",
966
- "500": "#8b5cf6",
967
- "600": "#7c3aed",
968
- "700": "#6d28d9",
969
- "800": "#5b21b6",
970
- "900": "#4c1d95"
1243
+ "50": "#f6f2ff",
1244
+ "100": "#eee5ff",
1245
+ "200": "#ddccff",
1246
+ "300": "#c3a7ff",
1247
+ "400": "#a279ff",
1248
+ "500": "#854ff7",
1249
+ "600": "#7135dd",
1250
+ "700": "#5d28b8",
1251
+ "800": "#4d2393",
1252
+ "900": "#401f75"
971
1253
  },
972
1254
  "success": {
973
1255
  "50": "#f0fdf4",
@@ -982,16 +1264,16 @@ var coreTokens = {
982
1264
  "900": "#14532d"
983
1265
  },
984
1266
  "warning": {
985
- "50": "#fffbeb",
986
- "100": "#fef3c7",
987
- "200": "#fde68a",
988
- "300": "#fcd34d",
989
- "400": "#fbbf24",
990
- "500": "#f59e0b",
991
- "600": "#d97706",
992
- "700": "#b45309",
993
- "800": "#92400e",
994
- "900": "#78350f"
1267
+ "50": "#fffbea",
1268
+ "100": "#fff1c2",
1269
+ "200": "#ffe08a",
1270
+ "300": "#ffd24d",
1271
+ "400": "#ffc21a",
1272
+ "500": "#f5ad00",
1273
+ "600": "#d48806",
1274
+ "700": "#ad6800",
1275
+ "800": "#8f5200",
1276
+ "900": "#734000"
995
1277
  },
996
1278
  "error": {
997
1279
  "50": "#fef2f2",
@@ -1006,28 +1288,28 @@ var coreTokens = {
1006
1288
  "900": "#7f1d1d"
1007
1289
  },
1008
1290
  "info": {
1009
- "50": "#eff6ff",
1010
- "100": "#dbeafe",
1011
- "200": "#bfdbfe",
1012
- "300": "#93c5fd",
1013
- "400": "#60a5fa",
1014
- "500": "#3b82f6",
1015
- "600": "#2563eb",
1016
- "700": "#1d4ed8",
1017
- "800": "#1e40af",
1018
- "900": "#1e3a8a"
1291
+ "50": "#f0f9ff",
1292
+ "100": "#e0f2fe",
1293
+ "200": "#bae6fd",
1294
+ "300": "#7dd3fc",
1295
+ "400": "#38bdf8",
1296
+ "500": "#0ea5e9",
1297
+ "600": "#0369a1",
1298
+ "700": "#075985",
1299
+ "800": "#0c4a6e",
1300
+ "900": "#082f49"
1019
1301
  },
1020
1302
  "indigo": {
1021
- "500": "#667eea",
1022
- "600": "#5c67f2"
1303
+ "500": "#5b6ee1",
1304
+ "600": "#4d61db"
1023
1305
  },
1024
1306
  "violet": {
1025
- "600": "#764ba2"
1307
+ "600": "#6f3fd7"
1026
1308
  },
1027
1309
  "focus": {
1028
- "primary": "#3b82f6",
1310
+ "primary": "#336df4",
1029
1311
  "error": "#ef4444",
1030
- "info": "#3b82f6"
1312
+ "info": "#0369a1"
1031
1313
  },
1032
1314
  "white": "#ffffff",
1033
1315
  "black": "#000000"