@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.d.ts CHANGED
@@ -3,17 +3,29 @@ interface SpectreGeneratedTokens {
3
3
  card: {
4
4
  text: {
5
5
  value: string;
6
+ metadata: {
7
+ pair: string;
8
+ };
6
9
  };
7
10
  textMuted: {
8
11
  value: string;
12
+ metadata: {
13
+ pair: string;
14
+ };
9
15
  };
10
16
  };
11
17
  input: {
12
18
  text: {
13
19
  value: string;
20
+ metadata: {
21
+ pair: string;
22
+ };
14
23
  };
15
24
  placeholder: {
16
25
  value: string;
26
+ metadata: {
27
+ pair: string;
28
+ };
17
29
  };
18
30
  };
19
31
  button: {
@@ -33,6 +45,9 @@ interface SpectreGeneratedTokens {
33
45
  };
34
46
  neutralBgHover: {
35
47
  value: string;
48
+ metadata: {
49
+ pair: string;
50
+ };
36
51
  };
37
52
  neutralText: {
38
53
  value: string;
@@ -45,6 +60,9 @@ interface SpectreGeneratedTokens {
45
60
  };
46
61
  infoBgHover: {
47
62
  value: string;
63
+ metadata: {
64
+ pair: string;
65
+ };
48
66
  };
49
67
  infoText: {
50
68
  value: string;
@@ -57,6 +75,9 @@ interface SpectreGeneratedTokens {
57
75
  };
58
76
  successBgHover: {
59
77
  value: string;
78
+ metadata: {
79
+ pair: string;
80
+ };
60
81
  };
61
82
  successText: {
62
83
  value: string;
@@ -69,6 +90,9 @@ interface SpectreGeneratedTokens {
69
90
  };
70
91
  warningBgHover: {
71
92
  value: string;
93
+ metadata: {
94
+ pair: string;
95
+ };
72
96
  };
73
97
  warningText: {
74
98
  value: string;
@@ -81,6 +105,9 @@ interface SpectreGeneratedTokens {
81
105
  };
82
106
  dangerBgHover: {
83
107
  value: string;
108
+ metadata: {
109
+ pair: string;
110
+ };
84
111
  };
85
112
  dangerText: {
86
113
  value: string;
@@ -89,12 +116,18 @@ interface SpectreGeneratedTokens {
89
116
  iconBox: {
90
117
  bg: {
91
118
  value: string;
119
+ metadata: {
120
+ pair: string;
121
+ };
92
122
  };
93
123
  border: {
94
124
  value: string;
95
125
  };
96
126
  iconDefault: {
97
127
  value: string;
128
+ metadata: {
129
+ pair: string;
130
+ };
98
131
  };
99
132
  iconSuccess: {
100
133
  value: string;
@@ -109,18 +142,30 @@ interface SpectreGeneratedTokens {
109
142
  testimonial: {
110
143
  bg: {
111
144
  value: string;
145
+ metadata: {
146
+ pair: string;
147
+ };
112
148
  };
113
149
  border: {
114
150
  value: string;
115
151
  };
116
152
  text: {
117
153
  value: string;
154
+ metadata: {
155
+ pair: string;
156
+ };
118
157
  };
119
158
  authorName: {
120
159
  value: string;
160
+ metadata: {
161
+ pair: string;
162
+ };
121
163
  };
122
164
  authorTitle: {
123
165
  value: string;
166
+ metadata: {
167
+ pair: string;
168
+ };
124
169
  };
125
170
  quoteMark: {
126
171
  value: string;
@@ -129,7 +174,9 @@ interface SpectreGeneratedTokens {
129
174
  pricingCard: {
130
175
  bg: {
131
176
  value: string;
132
- metadata: {};
177
+ metadata: {
178
+ pair: string;
179
+ };
133
180
  };
134
181
  border: {
135
182
  value: string;
@@ -157,11 +204,15 @@ interface SpectreGeneratedTokens {
157
204
  };
158
205
  price: {
159
206
  value: string;
160
- metadata: {};
207
+ metadata: {
208
+ pair: string;
209
+ };
161
210
  };
162
211
  priceDescription: {
163
212
  value: string;
164
- metadata: {};
213
+ metadata: {
214
+ pair: string;
215
+ };
165
216
  };
166
217
  };
167
218
  rating: {
@@ -173,6 +224,9 @@ interface SpectreGeneratedTokens {
173
224
  };
174
225
  text: {
175
226
  value: string;
227
+ metadata: {
228
+ pair: string;
229
+ };
176
230
  };
177
231
  };
178
232
  };
@@ -186,9 +240,15 @@ interface SpectreGeneratedTokens {
186
240
  };
187
241
  bgHover: {
188
242
  value: string;
243
+ metadata: {
244
+ pair: string;
245
+ };
189
246
  };
190
247
  bgActive: {
191
248
  value: string;
249
+ metadata: {
250
+ pair: string;
251
+ };
192
252
  };
193
253
  bgDisabled: {
194
254
  value: string;
@@ -212,9 +272,15 @@ interface SpectreGeneratedTokens {
212
272
  };
213
273
  bgHover: {
214
274
  value: string;
275
+ metadata: {
276
+ pair: string;
277
+ };
215
278
  };
216
279
  bgActive: {
217
280
  value: string;
281
+ metadata: {
282
+ pair: string;
283
+ };
218
284
  };
219
285
  bgDisabled: {
220
286
  value: string;
@@ -241,9 +307,15 @@ interface SpectreGeneratedTokens {
241
307
  };
242
308
  bgHover: {
243
309
  value: string;
310
+ metadata: {
311
+ pair: string;
312
+ };
244
313
  };
245
314
  bgActive: {
246
315
  value: string;
316
+ metadata: {
317
+ pair: string;
318
+ };
247
319
  };
248
320
  bgDisabled: {
249
321
  value: string;
@@ -267,9 +339,15 @@ interface SpectreGeneratedTokens {
267
339
  };
268
340
  bgHover: {
269
341
  value: string;
342
+ metadata: {
343
+ pair: string;
344
+ };
270
345
  };
271
346
  bgActive: {
272
347
  value: string;
348
+ metadata: {
349
+ pair: string;
350
+ };
273
351
  };
274
352
  bgDisabled: {
275
353
  value: string;
@@ -293,9 +371,15 @@ interface SpectreGeneratedTokens {
293
371
  };
294
372
  bgHover: {
295
373
  value: string;
374
+ metadata: {
375
+ pair: string;
376
+ };
296
377
  };
297
378
  bgActive: {
298
379
  value: string;
380
+ metadata: {
381
+ pair: string;
382
+ };
299
383
  };
300
384
  bgDisabled: {
301
385
  value: string;
@@ -319,9 +403,15 @@ interface SpectreGeneratedTokens {
319
403
  };
320
404
  bgHover: {
321
405
  value: string;
406
+ metadata: {
407
+ pair: string;
408
+ };
322
409
  };
323
410
  bgActive: {
324
411
  value: string;
412
+ metadata: {
413
+ pair: string;
414
+ };
325
415
  };
326
416
  bgDisabled: {
327
417
  value: string;
@@ -348,9 +438,15 @@ interface SpectreGeneratedTokens {
348
438
  };
349
439
  bgHover: {
350
440
  value: string;
441
+ metadata: {
442
+ pair: string;
443
+ };
351
444
  };
352
445
  bgActive: {
353
446
  value: string;
447
+ metadata: {
448
+ pair: string;
449
+ };
354
450
  };
355
451
  bgDisabled: {
356
452
  value: string;
@@ -379,6 +475,9 @@ interface SpectreGeneratedTokens {
379
475
  };
380
476
  placeholder: {
381
477
  value: string;
478
+ metadata: {
479
+ pair: string;
480
+ };
382
481
  };
383
482
  };
384
483
  hover: {
@@ -439,18 +538,30 @@ interface SpectreGeneratedTokens {
439
538
  surface: {
440
539
  page: {
441
540
  value: string;
541
+ metadata: {
542
+ pair: string;
543
+ };
442
544
  };
443
545
  card: {
444
546
  value: string;
547
+ metadata: {
548
+ pair: string;
549
+ };
445
550
  };
446
551
  input: {
447
552
  value: string;
553
+ metadata: {
554
+ pair: string;
555
+ };
448
556
  };
449
557
  overlay: {
450
558
  value: string;
451
559
  };
452
560
  alternate: {
453
561
  value: string;
562
+ metadata: {
563
+ pair: string;
564
+ };
454
565
  };
455
566
  hero: {
456
567
  value: string;
@@ -460,35 +571,65 @@ interface SpectreGeneratedTokens {
460
571
  onPage: {
461
572
  default: {
462
573
  value: string;
574
+ metadata: {
575
+ pair: string;
576
+ };
463
577
  };
464
578
  muted: {
465
579
  value: string;
580
+ metadata: {
581
+ pair: string;
582
+ };
466
583
  };
467
584
  subtle: {
468
585
  value: string;
586
+ metadata: {
587
+ pair: string;
588
+ };
469
589
  };
470
590
  meta: {
471
591
  value: string;
592
+ metadata: {
593
+ pair: string;
594
+ };
472
595
  };
473
596
  brand: {
474
597
  value: string;
598
+ metadata: {
599
+ pair: string;
600
+ };
475
601
  };
476
602
  };
477
603
  onSurface: {
478
604
  default: {
479
605
  value: string;
606
+ metadata: {
607
+ pair: string;
608
+ };
480
609
  };
481
610
  muted: {
482
611
  value: string;
612
+ metadata: {
613
+ pair: string;
614
+ };
483
615
  };
484
616
  subtle: {
485
617
  value: string;
618
+ metadata: {
619
+ pair: string;
620
+ };
486
621
  };
487
622
  meta: {
488
623
  value: string;
624
+ metadata: {
625
+ pair: string;
626
+ };
489
627
  };
490
628
  brand: {
491
629
  value: string;
630
+ metadata: {
631
+ pair: string;
632
+ };
492
633
  };
493
634
  };
494
635
  };
@@ -496,17 +637,29 @@ interface SpectreGeneratedTokens {
496
637
  card: {
497
638
  text: {
498
639
  value: string;
640
+ metadata: {
641
+ pair: string;
642
+ };
499
643
  };
500
644
  textMuted: {
501
645
  value: string;
646
+ metadata: {
647
+ pair: string;
648
+ };
502
649
  };
503
650
  };
504
651
  input: {
505
652
  text: {
506
653
  value: string;
654
+ metadata: {
655
+ pair: string;
656
+ };
507
657
  };
508
658
  placeholder: {
509
659
  value: string;
660
+ metadata: {
661
+ pair: string;
662
+ };
510
663
  };
511
664
  };
512
665
  button: {
@@ -524,6 +677,12 @@ interface SpectreGeneratedTokens {
524
677
  pair: string;
525
678
  };
526
679
  };
680
+ neutralBgHover: {
681
+ value: string;
682
+ metadata: {
683
+ pair: string;
684
+ };
685
+ };
527
686
  neutralText: {
528
687
  value: string;
529
688
  metadata: {};
@@ -534,6 +693,12 @@ interface SpectreGeneratedTokens {
534
693
  pair: string;
535
694
  };
536
695
  };
696
+ infoBgHover: {
697
+ value: string;
698
+ metadata: {
699
+ pair: string;
700
+ };
701
+ };
537
702
  infoText: {
538
703
  value: string;
539
704
  metadata: {};
@@ -572,7 +737,9 @@ interface SpectreGeneratedTokens {
572
737
  iconBox: {
573
738
  bg: {
574
739
  value: string;
575
- metadata: {};
740
+ metadata: {
741
+ pair: string;
742
+ };
576
743
  };
577
744
  border: {
578
745
  value: string;
@@ -580,7 +747,9 @@ interface SpectreGeneratedTokens {
580
747
  };
581
748
  iconDefault: {
582
749
  value: string;
583
- metadata: {};
750
+ metadata: {
751
+ pair: string;
752
+ };
584
753
  };
585
754
  iconSuccess: {
586
755
  value: string;
@@ -592,13 +761,17 @@ interface SpectreGeneratedTokens {
592
761
  };
593
762
  iconDanger: {
594
763
  value: string;
595
- metadata: {};
764
+ metadata: {
765
+ pair: string;
766
+ };
596
767
  };
597
768
  };
598
769
  testimonial: {
599
770
  bg: {
600
771
  value: string;
601
- metadata: {};
772
+ metadata: {
773
+ pair: string;
774
+ };
602
775
  };
603
776
  border: {
604
777
  value: string;
@@ -606,15 +779,21 @@ interface SpectreGeneratedTokens {
606
779
  };
607
780
  text: {
608
781
  value: string;
609
- metadata: {};
782
+ metadata: {
783
+ pair: string;
784
+ };
610
785
  };
611
786
  authorName: {
612
787
  value: string;
613
- metadata: {};
788
+ metadata: {
789
+ pair: string;
790
+ };
614
791
  };
615
792
  authorTitle: {
616
793
  value: string;
617
- metadata: {};
794
+ metadata: {
795
+ pair: string;
796
+ };
618
797
  };
619
798
  quoteMark: {
620
799
  value: string;
@@ -624,7 +803,9 @@ interface SpectreGeneratedTokens {
624
803
  pricingCard: {
625
804
  bg: {
626
805
  value: string;
627
- metadata: {};
806
+ metadata: {
807
+ pair: string;
808
+ };
628
809
  };
629
810
  border: {
630
811
  value: string;
@@ -652,11 +833,15 @@ interface SpectreGeneratedTokens {
652
833
  };
653
834
  price: {
654
835
  value: string;
655
- metadata: {};
836
+ metadata: {
837
+ pair: string;
838
+ };
656
839
  };
657
840
  priceDescription: {
658
841
  value: string;
659
- metadata: {};
842
+ metadata: {
843
+ pair: string;
844
+ };
660
845
  };
661
846
  };
662
847
  rating: {
@@ -670,7 +855,9 @@ interface SpectreGeneratedTokens {
670
855
  };
671
856
  text: {
672
857
  value: string;
673
- metadata: {};
858
+ metadata: {
859
+ pair: string;
860
+ };
674
861
  };
675
862
  };
676
863
  };
@@ -679,18 +866,30 @@ interface SpectreGeneratedTokens {
679
866
  surface: {
680
867
  page: {
681
868
  value: string;
869
+ metadata: {
870
+ pair: string;
871
+ };
682
872
  };
683
873
  card: {
684
874
  value: string;
875
+ metadata: {
876
+ pair: string;
877
+ };
685
878
  };
686
879
  input: {
687
880
  value: string;
881
+ metadata: {
882
+ pair: string;
883
+ };
688
884
  };
689
885
  overlay: {
690
886
  value: string;
691
887
  };
692
888
  alternate: {
693
889
  value: string;
890
+ metadata: {
891
+ pair: string;
892
+ };
694
893
  };
695
894
  hero: {
696
895
  value: string;
@@ -700,35 +899,65 @@ interface SpectreGeneratedTokens {
700
899
  onPage: {
701
900
  default: {
702
901
  value: string;
902
+ metadata: {
903
+ pair: string;
904
+ };
703
905
  };
704
906
  muted: {
705
907
  value: string;
908
+ metadata: {
909
+ pair: string;
910
+ };
706
911
  };
707
912
  subtle: {
708
913
  value: string;
914
+ metadata: {
915
+ pair: string;
916
+ };
709
917
  };
710
918
  meta: {
711
919
  value: string;
920
+ metadata: {
921
+ pair: string;
922
+ };
712
923
  };
713
924
  brand: {
714
925
  value: string;
926
+ metadata: {
927
+ pair: string;
928
+ };
715
929
  };
716
930
  };
717
931
  onSurface: {
718
932
  default: {
719
933
  value: string;
934
+ metadata: {
935
+ pair: string;
936
+ };
720
937
  };
721
938
  muted: {
722
939
  value: string;
940
+ metadata: {
941
+ pair: string;
942
+ };
723
943
  };
724
944
  subtle: {
725
945
  value: string;
946
+ metadata: {
947
+ pair: string;
948
+ };
726
949
  };
727
950
  meta: {
728
951
  value: string;
952
+ metadata: {
953
+ pair: string;
954
+ };
729
955
  };
730
956
  brand: {
731
957
  value: string;
958
+ metadata: {
959
+ pair: string;
960
+ };
732
961
  };
733
962
  };
734
963
  };
@@ -736,17 +965,29 @@ interface SpectreGeneratedTokens {
736
965
  card: {
737
966
  text: {
738
967
  value: string;
968
+ metadata: {
969
+ pair: string;
970
+ };
739
971
  };
740
972
  textMuted: {
741
973
  value: string;
974
+ metadata: {
975
+ pair: string;
976
+ };
742
977
  };
743
978
  };
744
979
  input: {
745
980
  text: {
746
981
  value: string;
982
+ metadata: {
983
+ pair: string;
984
+ };
747
985
  };
748
986
  placeholder: {
749
987
  value: string;
988
+ metadata: {
989
+ pair: string;
990
+ };
750
991
  };
751
992
  };
752
993
  button: {
@@ -766,6 +1007,9 @@ interface SpectreGeneratedTokens {
766
1007
  };
767
1008
  neutralBgHover: {
768
1009
  value: string;
1010
+ metadata: {
1011
+ pair: string;
1012
+ };
769
1013
  };
770
1014
  neutralText: {
771
1015
  value: string;
@@ -779,6 +1023,9 @@ interface SpectreGeneratedTokens {
779
1023
  };
780
1024
  infoBgHover: {
781
1025
  value: string;
1026
+ metadata: {
1027
+ pair: string;
1028
+ };
782
1029
  };
783
1030
  infoText: {
784
1031
  value: string;
@@ -792,6 +1039,9 @@ interface SpectreGeneratedTokens {
792
1039
  };
793
1040
  successBgHover: {
794
1041
  value: string;
1042
+ metadata: {
1043
+ pair: string;
1044
+ };
795
1045
  };
796
1046
  successText: {
797
1047
  value: string;
@@ -805,6 +1055,9 @@ interface SpectreGeneratedTokens {
805
1055
  };
806
1056
  warningBgHover: {
807
1057
  value: string;
1058
+ metadata: {
1059
+ pair: string;
1060
+ };
808
1061
  };
809
1062
  warningText: {
810
1063
  value: string;
@@ -818,6 +1071,9 @@ interface SpectreGeneratedTokens {
818
1071
  };
819
1072
  dangerBgHover: {
820
1073
  value: string;
1074
+ metadata: {
1075
+ pair: string;
1076
+ };
821
1077
  };
822
1078
  dangerText: {
823
1079
  value: string;
@@ -827,7 +1083,9 @@ interface SpectreGeneratedTokens {
827
1083
  iconBox: {
828
1084
  bg: {
829
1085
  value: string;
830
- metadata: {};
1086
+ metadata: {
1087
+ pair: string;
1088
+ };
831
1089
  };
832
1090
  border: {
833
1091
  value: string;
@@ -835,25 +1093,35 @@ interface SpectreGeneratedTokens {
835
1093
  };
836
1094
  iconDefault: {
837
1095
  value: string;
838
- metadata: {};
1096
+ metadata: {
1097
+ pair: string;
1098
+ };
839
1099
  };
840
1100
  iconSuccess: {
841
1101
  value: string;
842
- metadata: {};
1102
+ metadata: {
1103
+ pair: string;
1104
+ };
843
1105
  };
844
1106
  iconWarning: {
845
1107
  value: string;
846
- metadata: {};
1108
+ metadata: {
1109
+ pair: string;
1110
+ };
847
1111
  };
848
1112
  iconDanger: {
849
1113
  value: string;
850
- metadata: {};
1114
+ metadata: {
1115
+ pair: string;
1116
+ };
851
1117
  };
852
1118
  };
853
1119
  testimonial: {
854
1120
  bg: {
855
1121
  value: string;
856
- metadata: {};
1122
+ metadata: {
1123
+ pair: string;
1124
+ };
857
1125
  };
858
1126
  border: {
859
1127
  value: string;
@@ -861,15 +1129,21 @@ interface SpectreGeneratedTokens {
861
1129
  };
862
1130
  text: {
863
1131
  value: string;
864
- metadata: {};
1132
+ metadata: {
1133
+ pair: string;
1134
+ };
865
1135
  };
866
1136
  authorName: {
867
1137
  value: string;
868
- metadata: {};
1138
+ metadata: {
1139
+ pair: string;
1140
+ };
869
1141
  };
870
1142
  authorTitle: {
871
1143
  value: string;
872
- metadata: {};
1144
+ metadata: {
1145
+ pair: string;
1146
+ };
873
1147
  };
874
1148
  quoteMark: {
875
1149
  value: string;
@@ -879,7 +1153,9 @@ interface SpectreGeneratedTokens {
879
1153
  pricingCard: {
880
1154
  bg: {
881
1155
  value: string;
882
- metadata: {};
1156
+ metadata: {
1157
+ pair: string;
1158
+ };
883
1159
  };
884
1160
  border: {
885
1161
  value: string;
@@ -907,11 +1183,15 @@ interface SpectreGeneratedTokens {
907
1183
  };
908
1184
  price: {
909
1185
  value: string;
910
- metadata: {};
1186
+ metadata: {
1187
+ pair: string;
1188
+ };
911
1189
  };
912
1190
  priceDescription: {
913
1191
  value: string;
914
- metadata: {};
1192
+ metadata: {
1193
+ pair: string;
1194
+ };
915
1195
  };
916
1196
  };
917
1197
  rating: {
@@ -925,7 +1205,9 @@ interface SpectreGeneratedTokens {
925
1205
  };
926
1206
  text: {
927
1207
  value: string;
928
- metadata: {};
1208
+ metadata: {
1209
+ pair: string;
1210
+ };
929
1211
  };
930
1212
  };
931
1213
  };