@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.d.ts
CHANGED
|
@@ -33,6 +33,9 @@ interface SpectreGeneratedTokens {
|
|
|
33
33
|
};
|
|
34
34
|
neutralBgHover: {
|
|
35
35
|
value: string;
|
|
36
|
+
metadata: {
|
|
37
|
+
pair: string;
|
|
38
|
+
};
|
|
36
39
|
};
|
|
37
40
|
neutralText: {
|
|
38
41
|
value: string;
|
|
@@ -45,6 +48,9 @@ interface SpectreGeneratedTokens {
|
|
|
45
48
|
};
|
|
46
49
|
infoBgHover: {
|
|
47
50
|
value: string;
|
|
51
|
+
metadata: {
|
|
52
|
+
pair: string;
|
|
53
|
+
};
|
|
48
54
|
};
|
|
49
55
|
infoText: {
|
|
50
56
|
value: string;
|
|
@@ -57,6 +63,9 @@ interface SpectreGeneratedTokens {
|
|
|
57
63
|
};
|
|
58
64
|
successBgHover: {
|
|
59
65
|
value: string;
|
|
66
|
+
metadata: {
|
|
67
|
+
pair: string;
|
|
68
|
+
};
|
|
60
69
|
};
|
|
61
70
|
successText: {
|
|
62
71
|
value: string;
|
|
@@ -69,6 +78,9 @@ interface SpectreGeneratedTokens {
|
|
|
69
78
|
};
|
|
70
79
|
warningBgHover: {
|
|
71
80
|
value: string;
|
|
81
|
+
metadata: {
|
|
82
|
+
pair: string;
|
|
83
|
+
};
|
|
72
84
|
};
|
|
73
85
|
warningText: {
|
|
74
86
|
value: string;
|
|
@@ -81,6 +93,9 @@ interface SpectreGeneratedTokens {
|
|
|
81
93
|
};
|
|
82
94
|
dangerBgHover: {
|
|
83
95
|
value: string;
|
|
96
|
+
metadata: {
|
|
97
|
+
pair: string;
|
|
98
|
+
};
|
|
84
99
|
};
|
|
85
100
|
dangerText: {
|
|
86
101
|
value: string;
|
|
@@ -186,9 +201,15 @@ interface SpectreGeneratedTokens {
|
|
|
186
201
|
};
|
|
187
202
|
bgHover: {
|
|
188
203
|
value: string;
|
|
204
|
+
metadata: {
|
|
205
|
+
pair: string;
|
|
206
|
+
};
|
|
189
207
|
};
|
|
190
208
|
bgActive: {
|
|
191
209
|
value: string;
|
|
210
|
+
metadata: {
|
|
211
|
+
pair: string;
|
|
212
|
+
};
|
|
192
213
|
};
|
|
193
214
|
bgDisabled: {
|
|
194
215
|
value: string;
|
|
@@ -212,9 +233,15 @@ interface SpectreGeneratedTokens {
|
|
|
212
233
|
};
|
|
213
234
|
bgHover: {
|
|
214
235
|
value: string;
|
|
236
|
+
metadata: {
|
|
237
|
+
pair: string;
|
|
238
|
+
};
|
|
215
239
|
};
|
|
216
240
|
bgActive: {
|
|
217
241
|
value: string;
|
|
242
|
+
metadata: {
|
|
243
|
+
pair: string;
|
|
244
|
+
};
|
|
218
245
|
};
|
|
219
246
|
bgDisabled: {
|
|
220
247
|
value: string;
|
|
@@ -241,9 +268,15 @@ interface SpectreGeneratedTokens {
|
|
|
241
268
|
};
|
|
242
269
|
bgHover: {
|
|
243
270
|
value: string;
|
|
271
|
+
metadata: {
|
|
272
|
+
pair: string;
|
|
273
|
+
};
|
|
244
274
|
};
|
|
245
275
|
bgActive: {
|
|
246
276
|
value: string;
|
|
277
|
+
metadata: {
|
|
278
|
+
pair: string;
|
|
279
|
+
};
|
|
247
280
|
};
|
|
248
281
|
bgDisabled: {
|
|
249
282
|
value: string;
|
|
@@ -267,9 +300,15 @@ interface SpectreGeneratedTokens {
|
|
|
267
300
|
};
|
|
268
301
|
bgHover: {
|
|
269
302
|
value: string;
|
|
303
|
+
metadata: {
|
|
304
|
+
pair: string;
|
|
305
|
+
};
|
|
270
306
|
};
|
|
271
307
|
bgActive: {
|
|
272
308
|
value: string;
|
|
309
|
+
metadata: {
|
|
310
|
+
pair: string;
|
|
311
|
+
};
|
|
273
312
|
};
|
|
274
313
|
bgDisabled: {
|
|
275
314
|
value: string;
|
|
@@ -293,9 +332,15 @@ interface SpectreGeneratedTokens {
|
|
|
293
332
|
};
|
|
294
333
|
bgHover: {
|
|
295
334
|
value: string;
|
|
335
|
+
metadata: {
|
|
336
|
+
pair: string;
|
|
337
|
+
};
|
|
296
338
|
};
|
|
297
339
|
bgActive: {
|
|
298
340
|
value: string;
|
|
341
|
+
metadata: {
|
|
342
|
+
pair: string;
|
|
343
|
+
};
|
|
299
344
|
};
|
|
300
345
|
bgDisabled: {
|
|
301
346
|
value: string;
|
|
@@ -319,9 +364,15 @@ interface SpectreGeneratedTokens {
|
|
|
319
364
|
};
|
|
320
365
|
bgHover: {
|
|
321
366
|
value: string;
|
|
367
|
+
metadata: {
|
|
368
|
+
pair: string;
|
|
369
|
+
};
|
|
322
370
|
};
|
|
323
371
|
bgActive: {
|
|
324
372
|
value: string;
|
|
373
|
+
metadata: {
|
|
374
|
+
pair: string;
|
|
375
|
+
};
|
|
325
376
|
};
|
|
326
377
|
bgDisabled: {
|
|
327
378
|
value: string;
|
|
@@ -348,9 +399,15 @@ interface SpectreGeneratedTokens {
|
|
|
348
399
|
};
|
|
349
400
|
bgHover: {
|
|
350
401
|
value: string;
|
|
402
|
+
metadata: {
|
|
403
|
+
pair: string;
|
|
404
|
+
};
|
|
351
405
|
};
|
|
352
406
|
bgActive: {
|
|
353
407
|
value: string;
|
|
408
|
+
metadata: {
|
|
409
|
+
pair: string;
|
|
410
|
+
};
|
|
354
411
|
};
|
|
355
412
|
bgDisabled: {
|
|
356
413
|
value: string;
|
|
@@ -439,18 +496,30 @@ interface SpectreGeneratedTokens {
|
|
|
439
496
|
surface: {
|
|
440
497
|
page: {
|
|
441
498
|
value: string;
|
|
499
|
+
metadata: {
|
|
500
|
+
pair: string;
|
|
501
|
+
};
|
|
442
502
|
};
|
|
443
503
|
card: {
|
|
444
504
|
value: string;
|
|
505
|
+
metadata: {
|
|
506
|
+
pair: string;
|
|
507
|
+
};
|
|
445
508
|
};
|
|
446
509
|
input: {
|
|
447
510
|
value: string;
|
|
511
|
+
metadata: {
|
|
512
|
+
pair: string;
|
|
513
|
+
};
|
|
448
514
|
};
|
|
449
515
|
overlay: {
|
|
450
516
|
value: string;
|
|
451
517
|
};
|
|
452
518
|
alternate: {
|
|
453
519
|
value: string;
|
|
520
|
+
metadata: {
|
|
521
|
+
pair: string;
|
|
522
|
+
};
|
|
454
523
|
};
|
|
455
524
|
hero: {
|
|
456
525
|
value: string;
|
|
@@ -460,35 +529,65 @@ interface SpectreGeneratedTokens {
|
|
|
460
529
|
onPage: {
|
|
461
530
|
default: {
|
|
462
531
|
value: string;
|
|
532
|
+
metadata: {
|
|
533
|
+
pair: string;
|
|
534
|
+
};
|
|
463
535
|
};
|
|
464
536
|
muted: {
|
|
465
537
|
value: string;
|
|
538
|
+
metadata: {
|
|
539
|
+
pair: string;
|
|
540
|
+
};
|
|
466
541
|
};
|
|
467
542
|
subtle: {
|
|
468
543
|
value: string;
|
|
544
|
+
metadata: {
|
|
545
|
+
pair: string;
|
|
546
|
+
};
|
|
469
547
|
};
|
|
470
548
|
meta: {
|
|
471
549
|
value: string;
|
|
550
|
+
metadata: {
|
|
551
|
+
pair: string;
|
|
552
|
+
};
|
|
472
553
|
};
|
|
473
554
|
brand: {
|
|
474
555
|
value: string;
|
|
556
|
+
metadata: {
|
|
557
|
+
pair: string;
|
|
558
|
+
};
|
|
475
559
|
};
|
|
476
560
|
};
|
|
477
561
|
onSurface: {
|
|
478
562
|
default: {
|
|
479
563
|
value: string;
|
|
564
|
+
metadata: {
|
|
565
|
+
pair: string;
|
|
566
|
+
};
|
|
480
567
|
};
|
|
481
568
|
muted: {
|
|
482
569
|
value: string;
|
|
570
|
+
metadata: {
|
|
571
|
+
pair: string;
|
|
572
|
+
};
|
|
483
573
|
};
|
|
484
574
|
subtle: {
|
|
485
575
|
value: string;
|
|
576
|
+
metadata: {
|
|
577
|
+
pair: string;
|
|
578
|
+
};
|
|
486
579
|
};
|
|
487
580
|
meta: {
|
|
488
581
|
value: string;
|
|
582
|
+
metadata: {
|
|
583
|
+
pair: string;
|
|
584
|
+
};
|
|
489
585
|
};
|
|
490
586
|
brand: {
|
|
491
587
|
value: string;
|
|
588
|
+
metadata: {
|
|
589
|
+
pair: string;
|
|
590
|
+
};
|
|
492
591
|
};
|
|
493
592
|
};
|
|
494
593
|
};
|
|
@@ -598,7 +697,9 @@ interface SpectreGeneratedTokens {
|
|
|
598
697
|
testimonial: {
|
|
599
698
|
bg: {
|
|
600
699
|
value: string;
|
|
601
|
-
metadata: {
|
|
700
|
+
metadata: {
|
|
701
|
+
pair: string;
|
|
702
|
+
};
|
|
602
703
|
};
|
|
603
704
|
border: {
|
|
604
705
|
value: string;
|
|
@@ -606,15 +707,21 @@ interface SpectreGeneratedTokens {
|
|
|
606
707
|
};
|
|
607
708
|
text: {
|
|
608
709
|
value: string;
|
|
609
|
-
metadata: {
|
|
710
|
+
metadata: {
|
|
711
|
+
pair: string;
|
|
712
|
+
};
|
|
610
713
|
};
|
|
611
714
|
authorName: {
|
|
612
715
|
value: string;
|
|
613
|
-
metadata: {
|
|
716
|
+
metadata: {
|
|
717
|
+
pair: string;
|
|
718
|
+
};
|
|
614
719
|
};
|
|
615
720
|
authorTitle: {
|
|
616
721
|
value: string;
|
|
617
|
-
metadata: {
|
|
722
|
+
metadata: {
|
|
723
|
+
pair: string;
|
|
724
|
+
};
|
|
618
725
|
};
|
|
619
726
|
quoteMark: {
|
|
620
727
|
value: string;
|
|
@@ -624,7 +731,9 @@ interface SpectreGeneratedTokens {
|
|
|
624
731
|
pricingCard: {
|
|
625
732
|
bg: {
|
|
626
733
|
value: string;
|
|
627
|
-
metadata: {
|
|
734
|
+
metadata: {
|
|
735
|
+
pair: string;
|
|
736
|
+
};
|
|
628
737
|
};
|
|
629
738
|
border: {
|
|
630
739
|
value: string;
|
|
@@ -652,11 +761,15 @@ interface SpectreGeneratedTokens {
|
|
|
652
761
|
};
|
|
653
762
|
price: {
|
|
654
763
|
value: string;
|
|
655
|
-
metadata: {
|
|
764
|
+
metadata: {
|
|
765
|
+
pair: string;
|
|
766
|
+
};
|
|
656
767
|
};
|
|
657
768
|
priceDescription: {
|
|
658
769
|
value: string;
|
|
659
|
-
metadata: {
|
|
770
|
+
metadata: {
|
|
771
|
+
pair: string;
|
|
772
|
+
};
|
|
660
773
|
};
|
|
661
774
|
};
|
|
662
775
|
rating: {
|
|
@@ -679,18 +792,30 @@ interface SpectreGeneratedTokens {
|
|
|
679
792
|
surface: {
|
|
680
793
|
page: {
|
|
681
794
|
value: string;
|
|
795
|
+
metadata: {
|
|
796
|
+
pair: string;
|
|
797
|
+
};
|
|
682
798
|
};
|
|
683
799
|
card: {
|
|
684
800
|
value: string;
|
|
801
|
+
metadata: {
|
|
802
|
+
pair: string;
|
|
803
|
+
};
|
|
685
804
|
};
|
|
686
805
|
input: {
|
|
687
806
|
value: string;
|
|
807
|
+
metadata: {
|
|
808
|
+
pair: string;
|
|
809
|
+
};
|
|
688
810
|
};
|
|
689
811
|
overlay: {
|
|
690
812
|
value: string;
|
|
691
813
|
};
|
|
692
814
|
alternate: {
|
|
693
815
|
value: string;
|
|
816
|
+
metadata: {
|
|
817
|
+
pair: string;
|
|
818
|
+
};
|
|
694
819
|
};
|
|
695
820
|
hero: {
|
|
696
821
|
value: string;
|
|
@@ -700,35 +825,65 @@ interface SpectreGeneratedTokens {
|
|
|
700
825
|
onPage: {
|
|
701
826
|
default: {
|
|
702
827
|
value: string;
|
|
828
|
+
metadata: {
|
|
829
|
+
pair: string;
|
|
830
|
+
};
|
|
703
831
|
};
|
|
704
832
|
muted: {
|
|
705
833
|
value: string;
|
|
834
|
+
metadata: {
|
|
835
|
+
pair: string;
|
|
836
|
+
};
|
|
706
837
|
};
|
|
707
838
|
subtle: {
|
|
708
839
|
value: string;
|
|
840
|
+
metadata: {
|
|
841
|
+
pair: string;
|
|
842
|
+
};
|
|
709
843
|
};
|
|
710
844
|
meta: {
|
|
711
845
|
value: string;
|
|
846
|
+
metadata: {
|
|
847
|
+
pair: string;
|
|
848
|
+
};
|
|
712
849
|
};
|
|
713
850
|
brand: {
|
|
714
851
|
value: string;
|
|
852
|
+
metadata: {
|
|
853
|
+
pair: string;
|
|
854
|
+
};
|
|
715
855
|
};
|
|
716
856
|
};
|
|
717
857
|
onSurface: {
|
|
718
858
|
default: {
|
|
719
859
|
value: string;
|
|
860
|
+
metadata: {
|
|
861
|
+
pair: string;
|
|
862
|
+
};
|
|
720
863
|
};
|
|
721
864
|
muted: {
|
|
722
865
|
value: string;
|
|
866
|
+
metadata: {
|
|
867
|
+
pair: string;
|
|
868
|
+
};
|
|
723
869
|
};
|
|
724
870
|
subtle: {
|
|
725
871
|
value: string;
|
|
872
|
+
metadata: {
|
|
873
|
+
pair: string;
|
|
874
|
+
};
|
|
726
875
|
};
|
|
727
876
|
meta: {
|
|
728
877
|
value: string;
|
|
878
|
+
metadata: {
|
|
879
|
+
pair: string;
|
|
880
|
+
};
|
|
729
881
|
};
|
|
730
882
|
brand: {
|
|
731
883
|
value: string;
|
|
884
|
+
metadata: {
|
|
885
|
+
pair: string;
|
|
886
|
+
};
|
|
732
887
|
};
|
|
733
888
|
};
|
|
734
889
|
};
|
|
@@ -736,9 +891,15 @@ interface SpectreGeneratedTokens {
|
|
|
736
891
|
card: {
|
|
737
892
|
text: {
|
|
738
893
|
value: string;
|
|
894
|
+
metadata: {
|
|
895
|
+
pair: string;
|
|
896
|
+
};
|
|
739
897
|
};
|
|
740
898
|
textMuted: {
|
|
741
899
|
value: string;
|
|
900
|
+
metadata: {
|
|
901
|
+
pair: string;
|
|
902
|
+
};
|
|
742
903
|
};
|
|
743
904
|
};
|
|
744
905
|
input: {
|
|
@@ -766,6 +927,9 @@ interface SpectreGeneratedTokens {
|
|
|
766
927
|
};
|
|
767
928
|
neutralBgHover: {
|
|
768
929
|
value: string;
|
|
930
|
+
metadata: {
|
|
931
|
+
pair: string;
|
|
932
|
+
};
|
|
769
933
|
};
|
|
770
934
|
neutralText: {
|
|
771
935
|
value: string;
|
|
@@ -779,6 +943,9 @@ interface SpectreGeneratedTokens {
|
|
|
779
943
|
};
|
|
780
944
|
infoBgHover: {
|
|
781
945
|
value: string;
|
|
946
|
+
metadata: {
|
|
947
|
+
pair: string;
|
|
948
|
+
};
|
|
782
949
|
};
|
|
783
950
|
infoText: {
|
|
784
951
|
value: string;
|
|
@@ -792,6 +959,9 @@ interface SpectreGeneratedTokens {
|
|
|
792
959
|
};
|
|
793
960
|
successBgHover: {
|
|
794
961
|
value: string;
|
|
962
|
+
metadata: {
|
|
963
|
+
pair: string;
|
|
964
|
+
};
|
|
795
965
|
};
|
|
796
966
|
successText: {
|
|
797
967
|
value: string;
|
|
@@ -805,6 +975,9 @@ interface SpectreGeneratedTokens {
|
|
|
805
975
|
};
|
|
806
976
|
warningBgHover: {
|
|
807
977
|
value: string;
|
|
978
|
+
metadata: {
|
|
979
|
+
pair: string;
|
|
980
|
+
};
|
|
808
981
|
};
|
|
809
982
|
warningText: {
|
|
810
983
|
value: string;
|
|
@@ -818,6 +991,9 @@ interface SpectreGeneratedTokens {
|
|
|
818
991
|
};
|
|
819
992
|
dangerBgHover: {
|
|
820
993
|
value: string;
|
|
994
|
+
metadata: {
|
|
995
|
+
pair: string;
|
|
996
|
+
};
|
|
821
997
|
};
|
|
822
998
|
dangerText: {
|
|
823
999
|
value: string;
|
|
@@ -853,7 +1029,9 @@ interface SpectreGeneratedTokens {
|
|
|
853
1029
|
testimonial: {
|
|
854
1030
|
bg: {
|
|
855
1031
|
value: string;
|
|
856
|
-
metadata: {
|
|
1032
|
+
metadata: {
|
|
1033
|
+
pair: string;
|
|
1034
|
+
};
|
|
857
1035
|
};
|
|
858
1036
|
border: {
|
|
859
1037
|
value: string;
|
|
@@ -861,15 +1039,21 @@ interface SpectreGeneratedTokens {
|
|
|
861
1039
|
};
|
|
862
1040
|
text: {
|
|
863
1041
|
value: string;
|
|
864
|
-
metadata: {
|
|
1042
|
+
metadata: {
|
|
1043
|
+
pair: string;
|
|
1044
|
+
};
|
|
865
1045
|
};
|
|
866
1046
|
authorName: {
|
|
867
1047
|
value: string;
|
|
868
|
-
metadata: {
|
|
1048
|
+
metadata: {
|
|
1049
|
+
pair: string;
|
|
1050
|
+
};
|
|
869
1051
|
};
|
|
870
1052
|
authorTitle: {
|
|
871
1053
|
value: string;
|
|
872
|
-
metadata: {
|
|
1054
|
+
metadata: {
|
|
1055
|
+
pair: string;
|
|
1056
|
+
};
|
|
873
1057
|
};
|
|
874
1058
|
quoteMark: {
|
|
875
1059
|
value: string;
|
|
@@ -879,7 +1063,9 @@ interface SpectreGeneratedTokens {
|
|
|
879
1063
|
pricingCard: {
|
|
880
1064
|
bg: {
|
|
881
1065
|
value: string;
|
|
882
|
-
metadata: {
|
|
1066
|
+
metadata: {
|
|
1067
|
+
pair: string;
|
|
1068
|
+
};
|
|
883
1069
|
};
|
|
884
1070
|
border: {
|
|
885
1071
|
value: string;
|
|
@@ -907,11 +1093,15 @@ interface SpectreGeneratedTokens {
|
|
|
907
1093
|
};
|
|
908
1094
|
price: {
|
|
909
1095
|
value: string;
|
|
910
|
-
metadata: {
|
|
1096
|
+
metadata: {
|
|
1097
|
+
pair: string;
|
|
1098
|
+
};
|
|
911
1099
|
};
|
|
912
1100
|
priceDescription: {
|
|
913
1101
|
value: string;
|
|
914
|
-
metadata: {
|
|
1102
|
+
metadata: {
|
|
1103
|
+
pair: string;
|
|
1104
|
+
};
|
|
915
1105
|
};
|
|
916
1106
|
};
|
|
917
1107
|
rating: {
|