@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.cjs CHANGED
@@ -33,18 +33,30 @@ var coreTokens = {
33
33
  "component": {
34
34
  "card": {
35
35
  "text": {
36
- "value": "{colors.neutral.900}"
36
+ "value": "{colors.neutral.900}",
37
+ "metadata": {
38
+ "pair": "surface.card"
39
+ }
37
40
  },
38
41
  "textMuted": {
39
- "value": "{colors.neutral.500}"
42
+ "value": "{colors.neutral.500}",
43
+ "metadata": {
44
+ "pair": "surface.card"
45
+ }
40
46
  }
41
47
  },
42
48
  "input": {
43
49
  "text": {
44
- "value": "{colors.neutral.900}"
50
+ "value": "{colors.neutral.900}",
51
+ "metadata": {
52
+ "pair": "surface.input"
53
+ }
45
54
  },
46
55
  "placeholder": {
47
- "value": "{colors.neutral.400}"
56
+ "value": "{colors.neutral.500}",
57
+ "metadata": {
58
+ "pair": "forms.default.bg"
59
+ }
48
60
  }
49
61
  },
50
62
  "button": {
@@ -63,7 +75,10 @@ var coreTokens = {
63
75
  }
64
76
  },
65
77
  "neutralBgHover": {
66
- "value": "{colors.neutral.200}"
78
+ "value": "{colors.neutral.200}",
79
+ "metadata": {
80
+ "pair": "component.badge.neutralText"
81
+ }
67
82
  },
68
83
  "neutralText": {
69
84
  "value": "{colors.neutral.700}"
@@ -75,7 +90,10 @@ var coreTokens = {
75
90
  }
76
91
  },
77
92
  "infoBgHover": {
78
- "value": "{colors.info.200}"
93
+ "value": "{colors.info.200}",
94
+ "metadata": {
95
+ "pair": "component.badge.infoText"
96
+ }
79
97
  },
80
98
  "infoText": {
81
99
  "value": "{colors.info.700}"
@@ -87,10 +105,13 @@ var coreTokens = {
87
105
  }
88
106
  },
89
107
  "successBgHover": {
90
- "value": "{colors.success.200}"
108
+ "value": "{colors.success.200}",
109
+ "metadata": {
110
+ "pair": "component.badge.successText"
111
+ }
91
112
  },
92
113
  "successText": {
93
- "value": "{colors.success.700}"
114
+ "value": "{colors.success.800}"
94
115
  },
95
116
  "warningBg": {
96
117
  "value": "{colors.warning.100}",
@@ -99,10 +120,13 @@ var coreTokens = {
99
120
  }
100
121
  },
101
122
  "warningBgHover": {
102
- "value": "{colors.warning.200}"
123
+ "value": "{colors.warning.200}",
124
+ "metadata": {
125
+ "pair": "component.badge.warningText"
126
+ }
103
127
  },
104
128
  "warningText": {
105
- "value": "{colors.warning.700}"
129
+ "value": "{colors.warning.800}"
106
130
  },
107
131
  "dangerBg": {
108
132
  "value": "{colors.error.100}",
@@ -111,21 +135,30 @@ var coreTokens = {
111
135
  }
112
136
  },
113
137
  "dangerBgHover": {
114
- "value": "{colors.error.200}"
138
+ "value": "{colors.error.200}",
139
+ "metadata": {
140
+ "pair": "component.badge.dangerText"
141
+ }
115
142
  },
116
143
  "dangerText": {
117
- "value": "{colors.error.700}"
144
+ "value": "{colors.error.800}"
118
145
  }
119
146
  },
120
147
  "iconBox": {
121
148
  "bg": {
122
- "value": "{colors.white}"
149
+ "value": "{colors.white}",
150
+ "metadata": {
151
+ "pair": "component.iconBox.iconDefault"
152
+ }
123
153
  },
124
154
  "border": {
125
155
  "value": "{colors.neutral.200}"
126
156
  },
127
157
  "iconDefault": {
128
- "value": "{colors.info.600}"
158
+ "value": "{colors.info.600}",
159
+ "metadata": {
160
+ "pair": "component.iconBox.bg"
161
+ }
129
162
  },
130
163
  "iconSuccess": {
131
164
  "value": "{colors.success.600}"
@@ -139,19 +172,31 @@ var coreTokens = {
139
172
  },
140
173
  "testimonial": {
141
174
  "bg": {
142
- "value": "{colors.white}"
175
+ "value": "{colors.white}",
176
+ "metadata": {
177
+ "pair": "component.testimonial.text"
178
+ }
143
179
  },
144
180
  "border": {
145
181
  "value": "{colors.neutral.200}"
146
182
  },
147
183
  "text": {
148
- "value": "{colors.neutral.700}"
184
+ "value": "{colors.neutral.700}",
185
+ "metadata": {
186
+ "pair": "component.testimonial.bg"
187
+ }
149
188
  },
150
189
  "authorName": {
151
- "value": "{colors.neutral.900}"
190
+ "value": "{colors.neutral.900}",
191
+ "metadata": {
192
+ "pair": "component.testimonial.bg"
193
+ }
152
194
  },
153
195
  "authorTitle": {
154
- "value": "{colors.neutral.500}"
196
+ "value": "{colors.neutral.500}",
197
+ "metadata": {
198
+ "pair": "component.testimonial.bg"
199
+ }
155
200
  },
156
201
  "quoteMark": {
157
202
  "value": "{colors.neutral.300}"
@@ -160,7 +205,9 @@ var coreTokens = {
160
205
  "pricingCard": {
161
206
  "bg": {
162
207
  "value": "{colors.white}",
163
- "metadata": {}
208
+ "metadata": {
209
+ "pair": "component.pricingCard.price"
210
+ }
164
211
  },
165
212
  "border": {
166
213
  "value": "{colors.neutral.200}",
@@ -188,11 +235,15 @@ var coreTokens = {
188
235
  },
189
236
  "price": {
190
237
  "value": "{colors.neutral.900}",
191
- "metadata": {}
238
+ "metadata": {
239
+ "pair": "component.pricingCard.bg"
240
+ }
192
241
  },
193
242
  "priceDescription": {
194
243
  "value": "{colors.neutral.500}",
195
- "metadata": {}
244
+ "metadata": {
245
+ "pair": "component.pricingCard.bg"
246
+ }
196
247
  }
197
248
  },
198
249
  "rating": {
@@ -203,7 +254,10 @@ var coreTokens = {
203
254
  "value": "{colors.neutral.200}"
204
255
  },
205
256
  "text": {
206
- "value": "{colors.neutral.500}"
257
+ "value": "{colors.neutral.500}",
258
+ "metadata": {
259
+ "pair": "surface.card"
260
+ }
207
261
  }
208
262
  }
209
263
  },
@@ -216,10 +270,16 @@ var coreTokens = {
216
270
  }
217
271
  },
218
272
  "bgHover": {
219
- "value": "{colors.info.700}"
273
+ "value": "{colors.info.700}",
274
+ "metadata": {
275
+ "pair": "buttons.primary.text"
276
+ }
220
277
  },
221
278
  "bgActive": {
222
- "value": "{colors.info.800}"
279
+ "value": "{colors.info.800}",
280
+ "metadata": {
281
+ "pair": "buttons.primary.text"
282
+ }
223
283
  },
224
284
  "bgDisabled": {
225
285
  "value": "{colors.neutral.200}"
@@ -242,22 +302,28 @@ var coreTokens = {
242
302
  }
243
303
  },
244
304
  "bgHover": {
245
- "value": "{colors.neutral.50}"
305
+ "value": "{colors.neutral.50}",
306
+ "metadata": {
307
+ "pair": "buttons.secondary.text"
308
+ }
246
309
  },
247
310
  "bgActive": {
248
- "value": "{colors.neutral.100}"
311
+ "value": "{colors.neutral.100}",
312
+ "metadata": {
313
+ "pair": "buttons.secondary.text"
314
+ }
249
315
  },
250
316
  "bgDisabled": {
251
317
  "value": "{colors.neutral.50}"
252
318
  },
253
319
  "text": {
254
- "value": "{colors.info.600}"
320
+ "value": "{colors.info.700}"
255
321
  },
256
322
  "textDisabled": {
257
323
  "value": "{colors.neutral.400}"
258
324
  },
259
325
  "border": {
260
- "value": "{colors.info.600}"
326
+ "value": "{colors.info.700}"
261
327
  },
262
328
  "borderDisabled": {
263
329
  "value": "{colors.neutral.200}"
@@ -271,16 +337,22 @@ var coreTokens = {
271
337
  "value": "transparent"
272
338
  },
273
339
  "bgHover": {
274
- "value": "{colors.info.50}"
340
+ "value": "{colors.info.50}",
341
+ "metadata": {
342
+ "pair": "buttons.ghost.text"
343
+ }
275
344
  },
276
345
  "bgActive": {
277
- "value": "{colors.info.100}"
346
+ "value": "{colors.info.100}",
347
+ "metadata": {
348
+ "pair": "buttons.ghost.text"
349
+ }
278
350
  },
279
351
  "bgDisabled": {
280
352
  "value": "transparent"
281
353
  },
282
354
  "text": {
283
- "value": "{colors.info.600}"
355
+ "value": "{colors.info.700}"
284
356
  },
285
357
  "textDisabled": {
286
358
  "value": "{colors.neutral.400}"
@@ -297,10 +369,16 @@ var coreTokens = {
297
369
  }
298
370
  },
299
371
  "bgHover": {
300
- "value": "{colors.error.700}"
372
+ "value": "{colors.error.700}",
373
+ "metadata": {
374
+ "pair": "buttons.danger.text"
375
+ }
301
376
  },
302
377
  "bgActive": {
303
- "value": "{colors.error.800}"
378
+ "value": "{colors.error.800}",
379
+ "metadata": {
380
+ "pair": "buttons.danger.text"
381
+ }
304
382
  },
305
383
  "bgDisabled": {
306
384
  "value": "{colors.error.200}"
@@ -323,10 +401,16 @@ var coreTokens = {
323
401
  }
324
402
  },
325
403
  "bgHover": {
326
- "value": "{colors.success.800}"
404
+ "value": "{colors.success.800}",
405
+ "metadata": {
406
+ "pair": "buttons.success.text"
407
+ }
327
408
  },
328
409
  "bgActive": {
329
- "value": "{colors.success.900}"
410
+ "value": "{colors.success.900}",
411
+ "metadata": {
412
+ "pair": "buttons.success.text"
413
+ }
330
414
  },
331
415
  "bgDisabled": {
332
416
  "value": "{colors.success.200}"
@@ -343,31 +427,37 @@ var coreTokens = {
343
427
  },
344
428
  "cta": {
345
429
  "bg": {
346
- "value": "{colors.warning.500}",
430
+ "value": "{colors.brand.600}",
347
431
  "metadata": {
348
432
  "pair": "buttons.cta.text"
349
433
  }
350
434
  },
351
435
  "bgHover": {
352
- "value": "{colors.warning.600}"
436
+ "value": "{colors.brand.700}",
437
+ "metadata": {
438
+ "pair": "buttons.cta.text"
439
+ }
353
440
  },
354
441
  "bgActive": {
355
- "value": "{colors.warning.700}"
442
+ "value": "{colors.brand.800}",
443
+ "metadata": {
444
+ "pair": "buttons.cta.text"
445
+ }
356
446
  },
357
447
  "bgDisabled": {
358
- "value": "{colors.warning.200}"
448
+ "value": "{colors.brand.200}"
359
449
  },
360
450
  "text": {
361
- "value": "{colors.neutral.900}"
451
+ "value": "{colors.white}"
362
452
  },
363
453
  "textDisabled": {
364
454
  "value": "{colors.neutral.400}"
365
455
  },
366
456
  "shadow": {
367
- "value": "0 4px 14px 0 {colors.warning.500} / 0.39"
457
+ "value": "0 4px 14px 0 {colors.brand.500} / 0.39"
368
458
  },
369
459
  "focusRing": {
370
- "value": "{colors.warning.500} / 0.4"
460
+ "value": "{colors.brand.500} / 0.4"
371
461
  }
372
462
  },
373
463
  "accent": {
@@ -378,10 +468,16 @@ var coreTokens = {
378
468
  }
379
469
  },
380
470
  "bgHover": {
381
- "value": "{colors.accent.700}"
471
+ "value": "{colors.accent.700}",
472
+ "metadata": {
473
+ "pair": "buttons.accent.text"
474
+ }
382
475
  },
383
476
  "bgActive": {
384
- "value": "{colors.accent.800}"
477
+ "value": "{colors.accent.800}",
478
+ "metadata": {
479
+ "pair": "buttons.accent.text"
480
+ }
385
481
  },
386
482
  "bgDisabled": {
387
483
  "value": "{colors.accent.200}"
@@ -409,7 +505,10 @@ var coreTokens = {
409
505
  "value": "{colors.neutral.900}"
410
506
  },
411
507
  "placeholder": {
412
- "value": "{colors.neutral.400}"
508
+ "value": "{colors.neutral.500}",
509
+ "metadata": {
510
+ "pair": "forms.default.bg"
511
+ }
413
512
  }
414
513
  },
415
514
  "hover": {
@@ -469,19 +568,31 @@ var coreTokens = {
469
568
  "default": {
470
569
  "surface": {
471
570
  "page": {
472
- "value": "{colors.neutral.50}"
571
+ "value": "{colors.neutral.50}",
572
+ "metadata": {
573
+ "pair": "modes.default.text.onPage.default"
574
+ }
473
575
  },
474
576
  "card": {
475
- "value": "{colors.white}"
577
+ "value": "{colors.white}",
578
+ "metadata": {
579
+ "pair": "modes.default.text.onSurface.default"
580
+ }
476
581
  },
477
582
  "input": {
478
- "value": "{colors.white}"
583
+ "value": "{colors.white}",
584
+ "metadata": {
585
+ "pair": "modes.default.text.onSurface.default"
586
+ }
479
587
  },
480
588
  "overlay": {
481
589
  "value": "{colors.neutral.900} / 0.6"
482
590
  },
483
591
  "alternate": {
484
- "value": "{colors.neutral.100}"
592
+ "value": "{colors.neutral.100}",
593
+ "metadata": {
594
+ "pair": "modes.default.text.onPage.default"
595
+ }
485
596
  },
486
597
  "hero": {
487
598
  "value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)"
@@ -490,54 +601,96 @@ var coreTokens = {
490
601
  "text": {
491
602
  "onPage": {
492
603
  "default": {
493
- "value": "{colors.neutral.900}"
604
+ "value": "{colors.neutral.900}",
605
+ "metadata": {
606
+ "pair": "modes.default.surface.page"
607
+ }
494
608
  },
495
609
  "muted": {
496
- "value": "{colors.neutral.600}"
610
+ "value": "{colors.neutral.600}",
611
+ "metadata": {
612
+ "pair": "modes.default.surface.page"
613
+ }
497
614
  },
498
615
  "subtle": {
499
- "value": "{colors.neutral.500}"
616
+ "value": "{colors.neutral.500}",
617
+ "metadata": {
618
+ "pair": "modes.default.surface.page"
619
+ }
500
620
  },
501
621
  "meta": {
502
- "value": "{colors.neutral.500}"
622
+ "value": "{colors.neutral.500}",
623
+ "metadata": {
624
+ "pair": "modes.default.surface.page"
625
+ }
503
626
  },
504
627
  "brand": {
505
- "value": "{colors.brand.600}"
628
+ "value": "{colors.brand.600}",
629
+ "metadata": {
630
+ "pair": "modes.default.surface.page"
631
+ }
506
632
  }
507
633
  },
508
634
  "onSurface": {
509
635
  "default": {
510
- "value": "{colors.neutral.900}"
636
+ "value": "{colors.neutral.900}",
637
+ "metadata": {
638
+ "pair": "modes.default.surface.card"
639
+ }
511
640
  },
512
641
  "muted": {
513
- "value": "{colors.neutral.600}"
642
+ "value": "{colors.neutral.600}",
643
+ "metadata": {
644
+ "pair": "modes.default.surface.card"
645
+ }
514
646
  },
515
647
  "subtle": {
516
- "value": "{colors.neutral.500}"
648
+ "value": "{colors.neutral.500}",
649
+ "metadata": {
650
+ "pair": "modes.default.surface.card"
651
+ }
517
652
  },
518
653
  "meta": {
519
- "value": "{colors.neutral.500}"
654
+ "value": "{colors.neutral.500}",
655
+ "metadata": {
656
+ "pair": "modes.default.surface.card"
657
+ }
520
658
  },
521
659
  "brand": {
522
- "value": "{colors.brand.600}"
660
+ "value": "{colors.brand.600}",
661
+ "metadata": {
662
+ "pair": "modes.default.surface.card"
663
+ }
523
664
  }
524
665
  }
525
666
  },
526
667
  "component": {
527
668
  "card": {
528
669
  "text": {
529
- "value": "{colors.neutral.900}"
670
+ "value": "{colors.neutral.900}",
671
+ "metadata": {
672
+ "pair": "modes.default.surface.card"
673
+ }
530
674
  },
531
675
  "textMuted": {
532
- "value": "{colors.neutral.500}"
676
+ "value": "{colors.neutral.500}",
677
+ "metadata": {
678
+ "pair": "modes.default.surface.card"
679
+ }
533
680
  }
534
681
  },
535
682
  "input": {
536
683
  "text": {
537
- "value": "{colors.neutral.900}"
684
+ "value": "{colors.neutral.900}",
685
+ "metadata": {
686
+ "pair": "modes.default.surface.input"
687
+ }
538
688
  },
539
689
  "placeholder": {
540
- "value": "{colors.neutral.400}"
690
+ "value": "{colors.neutral.500}",
691
+ "metadata": {
692
+ "pair": "modes.default.surface.input"
693
+ }
541
694
  }
542
695
  },
543
696
  "button": {
@@ -555,6 +708,12 @@ var coreTokens = {
555
708
  "pair": "modes.default.component.badge.neutralText"
556
709
  }
557
710
  },
711
+ "neutralBgHover": {
712
+ "value": "{colors.neutral.200}",
713
+ "metadata": {
714
+ "pair": "modes.default.component.badge.neutralText"
715
+ }
716
+ },
558
717
  "neutralText": {
559
718
  "value": "{colors.neutral.700}",
560
719
  "metadata": {}
@@ -565,6 +724,12 @@ var coreTokens = {
565
724
  "pair": "modes.default.component.badge.infoText"
566
725
  }
567
726
  },
727
+ "infoBgHover": {
728
+ "value": "{colors.info.200}",
729
+ "metadata": {
730
+ "pair": "modes.default.component.badge.infoText"
731
+ }
732
+ },
568
733
  "infoText": {
569
734
  "value": "{colors.info.700}",
570
735
  "metadata": {}
@@ -586,7 +751,7 @@ var coreTokens = {
586
751
  }
587
752
  },
588
753
  "warningText": {
589
- "value": "{colors.warning.700}",
754
+ "value": "{colors.warning.800}",
590
755
  "metadata": {}
591
756
  },
592
757
  "dangerBg": {
@@ -603,7 +768,9 @@ var coreTokens = {
603
768
  "iconBox": {
604
769
  "bg": {
605
770
  "value": "{colors.white}",
606
- "metadata": {}
771
+ "metadata": {
772
+ "pair": "modes.default.component.iconBox.iconDefault"
773
+ }
607
774
  },
608
775
  "border": {
609
776
  "value": "{colors.neutral.200}",
@@ -611,7 +778,9 @@ var coreTokens = {
611
778
  },
612
779
  "iconDefault": {
613
780
  "value": "{colors.info.600}",
614
- "metadata": {}
781
+ "metadata": {
782
+ "pair": "modes.default.component.iconBox.bg"
783
+ }
615
784
  },
616
785
  "iconSuccess": {
617
786
  "value": "{colors.success.600}",
@@ -623,13 +792,17 @@ var coreTokens = {
623
792
  },
624
793
  "iconDanger": {
625
794
  "value": "{colors.error.600}",
626
- "metadata": {}
795
+ "metadata": {
796
+ "pair": "modes.default.component.iconBox.bg"
797
+ }
627
798
  }
628
799
  },
629
800
  "testimonial": {
630
801
  "bg": {
631
802
  "value": "{colors.white}",
632
- "metadata": {}
803
+ "metadata": {
804
+ "pair": "modes.default.component.testimonial.text"
805
+ }
633
806
  },
634
807
  "border": {
635
808
  "value": "{colors.neutral.200}",
@@ -637,15 +810,21 @@ var coreTokens = {
637
810
  },
638
811
  "text": {
639
812
  "value": "{colors.neutral.700}",
640
- "metadata": {}
813
+ "metadata": {
814
+ "pair": "modes.default.component.testimonial.bg"
815
+ }
641
816
  },
642
817
  "authorName": {
643
818
  "value": "{colors.neutral.900}",
644
- "metadata": {}
819
+ "metadata": {
820
+ "pair": "modes.default.component.testimonial.bg"
821
+ }
645
822
  },
646
823
  "authorTitle": {
647
824
  "value": "{colors.neutral.500}",
648
- "metadata": {}
825
+ "metadata": {
826
+ "pair": "modes.default.component.testimonial.bg"
827
+ }
649
828
  },
650
829
  "quoteMark": {
651
830
  "value": "{colors.neutral.300}",
@@ -655,7 +834,9 @@ var coreTokens = {
655
834
  "pricingCard": {
656
835
  "bg": {
657
836
  "value": "{colors.white}",
658
- "metadata": {}
837
+ "metadata": {
838
+ "pair": "modes.default.component.pricingCard.price"
839
+ }
659
840
  },
660
841
  "border": {
661
842
  "value": "{colors.neutral.200}",
@@ -683,11 +864,15 @@ var coreTokens = {
683
864
  },
684
865
  "price": {
685
866
  "value": "{colors.neutral.900}",
686
- "metadata": {}
867
+ "metadata": {
868
+ "pair": "modes.default.component.pricingCard.bg"
869
+ }
687
870
  },
688
871
  "priceDescription": {
689
872
  "value": "{colors.neutral.500}",
690
- "metadata": {}
873
+ "metadata": {
874
+ "pair": "modes.default.component.pricingCard.bg"
875
+ }
691
876
  }
692
877
  },
693
878
  "rating": {
@@ -701,7 +886,9 @@ var coreTokens = {
701
886
  },
702
887
  "text": {
703
888
  "value": "{colors.neutral.500}",
704
- "metadata": {}
889
+ "metadata": {
890
+ "pair": "modes.default.surface.card"
891
+ }
705
892
  }
706
893
  }
707
894
  }
@@ -709,19 +896,31 @@ var coreTokens = {
709
896
  "dark": {
710
897
  "surface": {
711
898
  "page": {
712
- "value": "{colors.neutral.900}"
899
+ "value": "{colors.neutral.900}",
900
+ "metadata": {
901
+ "pair": "modes.dark.text.onPage.default"
902
+ }
713
903
  },
714
904
  "card": {
715
- "value": "{colors.neutral.800}"
905
+ "value": "{colors.neutral.800}",
906
+ "metadata": {
907
+ "pair": "modes.dark.text.onSurface.default"
908
+ }
716
909
  },
717
910
  "input": {
718
- "value": "{colors.neutral.700}"
911
+ "value": "{colors.neutral.700}",
912
+ "metadata": {
913
+ "pair": "modes.dark.text.onSurface.default"
914
+ }
719
915
  },
720
916
  "overlay": {
721
917
  "value": "{colors.neutral.800}"
722
918
  },
723
919
  "alternate": {
724
- "value": "{colors.neutral.800}"
920
+ "value": "{colors.neutral.800}",
921
+ "metadata": {
922
+ "pair": "modes.dark.text.onPage.default"
923
+ }
725
924
  },
726
925
  "hero": {
727
926
  "value": "linear-gradient(135deg, {colors.accent.900} 0%, {colors.accent.700} 100%)"
@@ -730,54 +929,96 @@ var coreTokens = {
730
929
  "text": {
731
930
  "onPage": {
732
931
  "default": {
733
- "value": "{colors.neutral.50}"
932
+ "value": "{colors.neutral.50}",
933
+ "metadata": {
934
+ "pair": "modes.dark.surface.page"
935
+ }
734
936
  },
735
937
  "muted": {
736
- "value": "{colors.neutral.300}"
938
+ "value": "{colors.neutral.300}",
939
+ "metadata": {
940
+ "pair": "modes.dark.surface.page"
941
+ }
737
942
  },
738
943
  "subtle": {
739
- "value": "{colors.neutral.400}"
944
+ "value": "{colors.neutral.400}",
945
+ "metadata": {
946
+ "pair": "modes.dark.surface.page"
947
+ }
740
948
  },
741
949
  "meta": {
742
- "value": "{colors.neutral.400}"
950
+ "value": "{colors.neutral.400}",
951
+ "metadata": {
952
+ "pair": "modes.dark.surface.page"
953
+ }
743
954
  },
744
955
  "brand": {
745
- "value": "{colors.brand.400}"
956
+ "value": "{colors.brand.400}",
957
+ "metadata": {
958
+ "pair": "modes.dark.surface.page"
959
+ }
746
960
  }
747
961
  },
748
962
  "onSurface": {
749
963
  "default": {
750
- "value": "{colors.neutral.100}"
964
+ "value": "{colors.neutral.100}",
965
+ "metadata": {
966
+ "pair": "modes.dark.surface.card"
967
+ }
751
968
  },
752
969
  "muted": {
753
- "value": "{colors.neutral.300}"
970
+ "value": "{colors.neutral.300}",
971
+ "metadata": {
972
+ "pair": "modes.dark.surface.card"
973
+ }
754
974
  },
755
975
  "subtle": {
756
- "value": "{colors.neutral.400}"
976
+ "value": "{colors.neutral.400}",
977
+ "metadata": {
978
+ "pair": "modes.dark.surface.card"
979
+ }
757
980
  },
758
981
  "meta": {
759
- "value": "{colors.neutral.400}"
982
+ "value": "{colors.neutral.400}",
983
+ "metadata": {
984
+ "pair": "modes.dark.surface.card"
985
+ }
760
986
  },
761
987
  "brand": {
762
- "value": "{colors.brand.400}"
988
+ "value": "{colors.brand.400}",
989
+ "metadata": {
990
+ "pair": "modes.dark.surface.card"
991
+ }
763
992
  }
764
993
  }
765
994
  },
766
995
  "component": {
767
996
  "card": {
768
997
  "text": {
769
- "value": "{colors.neutral.100}"
998
+ "value": "{colors.neutral.100}",
999
+ "metadata": {
1000
+ "pair": "modes.dark.surface.card"
1001
+ }
770
1002
  },
771
1003
  "textMuted": {
772
- "value": "{colors.neutral.300}"
1004
+ "value": "{colors.neutral.300}",
1005
+ "metadata": {
1006
+ "pair": "modes.dark.surface.card"
1007
+ }
773
1008
  }
774
1009
  },
775
1010
  "input": {
776
1011
  "text": {
777
- "value": "{colors.neutral.100}"
1012
+ "value": "{colors.neutral.100}",
1013
+ "metadata": {
1014
+ "pair": "modes.dark.surface.input"
1015
+ }
778
1016
  },
779
1017
  "placeholder": {
780
- "value": "{colors.neutral.400}"
1018
+ "value": "{colors.neutral.300}",
1019
+ "metadata": {
1020
+ "pair": "modes.dark.surface.input"
1021
+ }
781
1022
  }
782
1023
  },
783
1024
  "button": {
@@ -796,7 +1037,10 @@ var coreTokens = {
796
1037
  }
797
1038
  },
798
1039
  "neutralBgHover": {
799
- "value": "{colors.neutral.600}"
1040
+ "value": "{colors.neutral.600}",
1041
+ "metadata": {
1042
+ "pair": "modes.dark.component.badge.neutralText"
1043
+ }
800
1044
  },
801
1045
  "neutralText": {
802
1046
  "value": "{colors.neutral.100}",
@@ -809,7 +1053,10 @@ var coreTokens = {
809
1053
  }
810
1054
  },
811
1055
  "infoBgHover": {
812
- "value": "{colors.info.700}"
1056
+ "value": "{colors.info.700}",
1057
+ "metadata": {
1058
+ "pair": "modes.dark.component.badge.infoText"
1059
+ }
813
1060
  },
814
1061
  "infoText": {
815
1062
  "value": "{colors.info.100}",
@@ -822,7 +1069,10 @@ var coreTokens = {
822
1069
  }
823
1070
  },
824
1071
  "successBgHover": {
825
- "value": "{colors.success.700}"
1072
+ "value": "{colors.success.700}",
1073
+ "metadata": {
1074
+ "pair": "modes.dark.component.badge.successText"
1075
+ }
826
1076
  },
827
1077
  "successText": {
828
1078
  "value": "{colors.success.100}",
@@ -835,7 +1085,10 @@ var coreTokens = {
835
1085
  }
836
1086
  },
837
1087
  "warningBgHover": {
838
- "value": "{colors.warning.700}"
1088
+ "value": "{colors.warning.800}",
1089
+ "metadata": {
1090
+ "pair": "modes.dark.component.badge.warningText"
1091
+ }
839
1092
  },
840
1093
  "warningText": {
841
1094
  "value": "{colors.warning.100}",
@@ -848,7 +1101,10 @@ var coreTokens = {
848
1101
  }
849
1102
  },
850
1103
  "dangerBgHover": {
851
- "value": "{colors.error.700}"
1104
+ "value": "{colors.error.700}",
1105
+ "metadata": {
1106
+ "pair": "modes.dark.component.badge.dangerText"
1107
+ }
852
1108
  },
853
1109
  "dangerText": {
854
1110
  "value": "{colors.error.100}",
@@ -858,7 +1114,9 @@ var coreTokens = {
858
1114
  "iconBox": {
859
1115
  "bg": {
860
1116
  "value": "{colors.neutral.800}",
861
- "metadata": {}
1117
+ "metadata": {
1118
+ "pair": "modes.dark.component.iconBox.iconDefault"
1119
+ }
862
1120
  },
863
1121
  "border": {
864
1122
  "value": "{colors.neutral.700}",
@@ -866,41 +1124,57 @@ var coreTokens = {
866
1124
  },
867
1125
  "iconDefault": {
868
1126
  "value": "{colors.info.300}",
869
- "metadata": {}
1127
+ "metadata": {
1128
+ "pair": "modes.dark.component.iconBox.bg"
1129
+ }
870
1130
  },
871
1131
  "iconSuccess": {
872
1132
  "value": "{colors.success.400}",
873
- "metadata": {}
1133
+ "metadata": {
1134
+ "pair": "modes.dark.component.iconBox.bg"
1135
+ }
874
1136
  },
875
1137
  "iconWarning": {
876
1138
  "value": "{colors.warning.400}",
877
- "metadata": {}
1139
+ "metadata": {
1140
+ "pair": "modes.dark.component.iconBox.bg"
1141
+ }
878
1142
  },
879
1143
  "iconDanger": {
880
1144
  "value": "{colors.error.400}",
881
- "metadata": {}
1145
+ "metadata": {
1146
+ "pair": "modes.dark.component.iconBox.bg"
1147
+ }
882
1148
  }
883
1149
  },
884
1150
  "testimonial": {
885
1151
  "bg": {
886
1152
  "value": "{colors.neutral.800}",
887
- "metadata": {}
1153
+ "metadata": {
1154
+ "pair": "modes.dark.component.testimonial.text"
1155
+ }
888
1156
  },
889
1157
  "border": {
890
1158
  "value": "{colors.neutral.700}",
891
1159
  "metadata": {}
892
1160
  },
893
1161
  "text": {
894
- "value": "{colors.neutral.300}",
895
- "metadata": {}
1162
+ "value": "{colors.neutral.200}",
1163
+ "metadata": {
1164
+ "pair": "modes.dark.component.testimonial.bg"
1165
+ }
896
1166
  },
897
1167
  "authorName": {
898
1168
  "value": "{colors.neutral.100}",
899
- "metadata": {}
1169
+ "metadata": {
1170
+ "pair": "modes.dark.component.testimonial.bg"
1171
+ }
900
1172
  },
901
1173
  "authorTitle": {
902
1174
  "value": "{colors.neutral.400}",
903
- "metadata": {}
1175
+ "metadata": {
1176
+ "pair": "modes.dark.component.testimonial.bg"
1177
+ }
904
1178
  },
905
1179
  "quoteMark": {
906
1180
  "value": "{colors.neutral.600}",
@@ -910,7 +1184,9 @@ var coreTokens = {
910
1184
  "pricingCard": {
911
1185
  "bg": {
912
1186
  "value": "{colors.neutral.800}",
913
- "metadata": {}
1187
+ "metadata": {
1188
+ "pair": "modes.dark.component.pricingCard.price"
1189
+ }
914
1190
  },
915
1191
  "border": {
916
1192
  "value": "{colors.neutral.700}",
@@ -938,11 +1214,15 @@ var coreTokens = {
938
1214
  },
939
1215
  "price": {
940
1216
  "value": "{colors.neutral.100}",
941
- "metadata": {}
1217
+ "metadata": {
1218
+ "pair": "modes.dark.component.pricingCard.bg"
1219
+ }
942
1220
  },
943
1221
  "priceDescription": {
944
1222
  "value": "{colors.neutral.400}",
945
- "metadata": {}
1223
+ "metadata": {
1224
+ "pair": "modes.dark.component.pricingCard.bg"
1225
+ }
946
1226
  }
947
1227
  },
948
1228
  "rating": {
@@ -956,7 +1236,9 @@ var coreTokens = {
956
1236
  },
957
1237
  "text": {
958
1238
  "value": "{colors.neutral.400}",
959
- "metadata": {}
1239
+ "metadata": {
1240
+ "pair": "modes.dark.surface.card"
1241
+ }
960
1242
  }
961
1243
  }
962
1244
  }
@@ -964,40 +1246,40 @@ var coreTokens = {
964
1246
  },
965
1247
  "colors": {
966
1248
  "brand": {
967
- "50": "#eff6ff",
968
- "100": "#dbeafe",
969
- "200": "#bfdbfe",
970
- "300": "#93c5fd",
971
- "400": "#60a5fa",
972
- "500": "#3b82f6",
973
- "600": "#2563eb",
974
- "700": "#1d4ed8",
975
- "800": "#1e40af",
976
- "900": "#1e3a8a"
1249
+ "50": "#eef4ff",
1250
+ "100": "#d9e7ff",
1251
+ "200": "#b9d2ff",
1252
+ "300": "#8ab6ff",
1253
+ "400": "#5a92ff",
1254
+ "500": "#336df4",
1255
+ "600": "#1f57db",
1256
+ "700": "#1946b4",
1257
+ "800": "#173b8f",
1258
+ "900": "#16336f"
977
1259
  },
978
1260
  "neutral": {
979
- "50": "#f8fafc",
980
- "100": "#f1f5f9",
981
- "200": "#e2e8f0",
982
- "300": "#cbd5e1",
983
- "400": "#94a3b8",
984
- "500": "#64748b",
985
- "600": "#475569",
986
- "700": "#334155",
987
- "800": "#1e293b",
988
- "900": "#0f172a"
1261
+ "50": "#f7f8fb",
1262
+ "100": "#eef1f6",
1263
+ "200": "#d9dfeb",
1264
+ "300": "#b7c1d4",
1265
+ "400": "#8a96ad",
1266
+ "500": "#657287",
1267
+ "600": "#4b576a",
1268
+ "700": "#374253",
1269
+ "800": "#222b38",
1270
+ "900": "#141b24"
989
1271
  },
990
1272
  "accent": {
991
- "50": "#f5f3ff",
992
- "100": "#ede9fe",
993
- "200": "#ddd6fe",
994
- "300": "#c4b5fd",
995
- "400": "#a78bfa",
996
- "500": "#8b5cf6",
997
- "600": "#7c3aed",
998
- "700": "#6d28d9",
999
- "800": "#5b21b6",
1000
- "900": "#4c1d95"
1273
+ "50": "#f6f2ff",
1274
+ "100": "#eee5ff",
1275
+ "200": "#ddccff",
1276
+ "300": "#c3a7ff",
1277
+ "400": "#a279ff",
1278
+ "500": "#854ff7",
1279
+ "600": "#7135dd",
1280
+ "700": "#5d28b8",
1281
+ "800": "#4d2393",
1282
+ "900": "#401f75"
1001
1283
  },
1002
1284
  "success": {
1003
1285
  "50": "#f0fdf4",
@@ -1012,16 +1294,16 @@ var coreTokens = {
1012
1294
  "900": "#14532d"
1013
1295
  },
1014
1296
  "warning": {
1015
- "50": "#fffbeb",
1016
- "100": "#fef3c7",
1017
- "200": "#fde68a",
1018
- "300": "#fcd34d",
1019
- "400": "#fbbf24",
1020
- "500": "#f59e0b",
1021
- "600": "#d97706",
1022
- "700": "#b45309",
1023
- "800": "#92400e",
1024
- "900": "#78350f"
1297
+ "50": "#fffbea",
1298
+ "100": "#fff1c2",
1299
+ "200": "#ffe08a",
1300
+ "300": "#ffd24d",
1301
+ "400": "#ffc21a",
1302
+ "500": "#f5ad00",
1303
+ "600": "#d48806",
1304
+ "700": "#ad6800",
1305
+ "800": "#8f5200",
1306
+ "900": "#734000"
1025
1307
  },
1026
1308
  "error": {
1027
1309
  "50": "#fef2f2",
@@ -1036,28 +1318,28 @@ var coreTokens = {
1036
1318
  "900": "#7f1d1d"
1037
1319
  },
1038
1320
  "info": {
1039
- "50": "#eff6ff",
1040
- "100": "#dbeafe",
1041
- "200": "#bfdbfe",
1042
- "300": "#93c5fd",
1043
- "400": "#60a5fa",
1044
- "500": "#3b82f6",
1045
- "600": "#2563eb",
1046
- "700": "#1d4ed8",
1047
- "800": "#1e40af",
1048
- "900": "#1e3a8a"
1321
+ "50": "#f0f9ff",
1322
+ "100": "#e0f2fe",
1323
+ "200": "#bae6fd",
1324
+ "300": "#7dd3fc",
1325
+ "400": "#38bdf8",
1326
+ "500": "#0ea5e9",
1327
+ "600": "#0369a1",
1328
+ "700": "#075985",
1329
+ "800": "#0c4a6e",
1330
+ "900": "#082f49"
1049
1331
  },
1050
1332
  "indigo": {
1051
- "500": "#667eea",
1052
- "600": "#5c67f2"
1333
+ "500": "#5b6ee1",
1334
+ "600": "#4d61db"
1053
1335
  },
1054
1336
  "violet": {
1055
- "600": "#764ba2"
1337
+ "600": "#6f3fd7"
1056
1338
  },
1057
1339
  "focus": {
1058
- "primary": "#3b82f6",
1340
+ "primary": "#336df4",
1059
1341
  "error": "#ef4444",
1060
- "info": "#3b82f6"
1342
+ "info": "#0369a1"
1061
1343
  },
1062
1344
  "white": "#ffffff",
1063
1345
  "black": "#000000"