@phcdevworks/spectre-tokens 2.1.1 → 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 (11) hide show
  1. package/README.md +12 -6
  2. package/dist/index.cjs +133 -41
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +11 -11
  5. package/dist/index.d.cts +105 -13
  6. package/dist/index.d.ts +105 -13
  7. package/dist/index.js +133 -41
  8. package/dist/index.js.map +1 -1
  9. package/package.json +12 -8
  10. package/tokens/components.json +57 -15
  11. package/tokens/modes.json +76 -26
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": {
@@ -104,13 +116,19 @@ var coreTokens = {
104
116
  },
105
117
  "iconBox": {
106
118
  "bg": {
107
- "value": "{colors.white}"
119
+ "value": "{colors.white}",
120
+ "metadata": {
121
+ "pair": "component.iconBox.iconDefault"
122
+ }
108
123
  },
109
124
  "border": {
110
125
  "value": "{colors.neutral.200}"
111
126
  },
112
127
  "iconDefault": {
113
- "value": "{colors.info.600}"
128
+ "value": "{colors.info.600}",
129
+ "metadata": {
130
+ "pair": "component.iconBox.bg"
131
+ }
114
132
  },
115
133
  "iconSuccess": {
116
134
  "value": "{colors.success.600}"
@@ -124,19 +142,31 @@ var coreTokens = {
124
142
  },
125
143
  "testimonial": {
126
144
  "bg": {
127
- "value": "{colors.white}"
145
+ "value": "{colors.white}",
146
+ "metadata": {
147
+ "pair": "component.testimonial.text"
148
+ }
128
149
  },
129
150
  "border": {
130
151
  "value": "{colors.neutral.200}"
131
152
  },
132
153
  "text": {
133
- "value": "{colors.neutral.700}"
154
+ "value": "{colors.neutral.700}",
155
+ "metadata": {
156
+ "pair": "component.testimonial.bg"
157
+ }
134
158
  },
135
159
  "authorName": {
136
- "value": "{colors.neutral.900}"
160
+ "value": "{colors.neutral.900}",
161
+ "metadata": {
162
+ "pair": "component.testimonial.bg"
163
+ }
137
164
  },
138
165
  "authorTitle": {
139
- "value": "{colors.neutral.500}"
166
+ "value": "{colors.neutral.500}",
167
+ "metadata": {
168
+ "pair": "component.testimonial.bg"
169
+ }
140
170
  },
141
171
  "quoteMark": {
142
172
  "value": "{colors.neutral.300}"
@@ -145,7 +175,9 @@ var coreTokens = {
145
175
  "pricingCard": {
146
176
  "bg": {
147
177
  "value": "{colors.white}",
148
- "metadata": {}
178
+ "metadata": {
179
+ "pair": "component.pricingCard.price"
180
+ }
149
181
  },
150
182
  "border": {
151
183
  "value": "{colors.neutral.200}",
@@ -173,11 +205,15 @@ var coreTokens = {
173
205
  },
174
206
  "price": {
175
207
  "value": "{colors.neutral.900}",
176
- "metadata": {}
208
+ "metadata": {
209
+ "pair": "component.pricingCard.bg"
210
+ }
177
211
  },
178
212
  "priceDescription": {
179
213
  "value": "{colors.neutral.500}",
180
- "metadata": {}
214
+ "metadata": {
215
+ "pair": "component.pricingCard.bg"
216
+ }
181
217
  }
182
218
  },
183
219
  "rating": {
@@ -188,7 +224,10 @@ var coreTokens = {
188
224
  "value": "{colors.neutral.200}"
189
225
  },
190
226
  "text": {
191
- "value": "{colors.neutral.500}"
227
+ "value": "{colors.neutral.500}",
228
+ "metadata": {
229
+ "pair": "surface.card"
230
+ }
192
231
  }
193
232
  }
194
233
  },
@@ -436,7 +475,10 @@ var coreTokens = {
436
475
  "value": "{colors.neutral.900}"
437
476
  },
438
477
  "placeholder": {
439
- "value": "{colors.neutral.400}"
478
+ "value": "{colors.neutral.500}",
479
+ "metadata": {
480
+ "pair": "forms.default.bg"
481
+ }
440
482
  }
441
483
  },
442
484
  "hover": {
@@ -595,18 +637,30 @@ var coreTokens = {
595
637
  "component": {
596
638
  "card": {
597
639
  "text": {
598
- "value": "{colors.neutral.900}"
640
+ "value": "{colors.neutral.900}",
641
+ "metadata": {
642
+ "pair": "modes.default.surface.card"
643
+ }
599
644
  },
600
645
  "textMuted": {
601
- "value": "{colors.neutral.500}"
646
+ "value": "{colors.neutral.500}",
647
+ "metadata": {
648
+ "pair": "modes.default.surface.card"
649
+ }
602
650
  }
603
651
  },
604
652
  "input": {
605
653
  "text": {
606
- "value": "{colors.neutral.900}"
654
+ "value": "{colors.neutral.900}",
655
+ "metadata": {
656
+ "pair": "modes.default.surface.input"
657
+ }
607
658
  },
608
659
  "placeholder": {
609
- "value": "{colors.neutral.400}"
660
+ "value": "{colors.neutral.500}",
661
+ "metadata": {
662
+ "pair": "modes.default.surface.input"
663
+ }
610
664
  }
611
665
  },
612
666
  "button": {
@@ -624,6 +678,12 @@ var coreTokens = {
624
678
  "pair": "modes.default.component.badge.neutralText"
625
679
  }
626
680
  },
681
+ "neutralBgHover": {
682
+ "value": "{colors.neutral.200}",
683
+ "metadata": {
684
+ "pair": "modes.default.component.badge.neutralText"
685
+ }
686
+ },
627
687
  "neutralText": {
628
688
  "value": "{colors.neutral.700}",
629
689
  "metadata": {}
@@ -634,6 +694,12 @@ var coreTokens = {
634
694
  "pair": "modes.default.component.badge.infoText"
635
695
  }
636
696
  },
697
+ "infoBgHover": {
698
+ "value": "{colors.info.200}",
699
+ "metadata": {
700
+ "pair": "modes.default.component.badge.infoText"
701
+ }
702
+ },
637
703
  "infoText": {
638
704
  "value": "{colors.info.700}",
639
705
  "metadata": {}
@@ -672,7 +738,9 @@ var coreTokens = {
672
738
  "iconBox": {
673
739
  "bg": {
674
740
  "value": "{colors.white}",
675
- "metadata": {}
741
+ "metadata": {
742
+ "pair": "modes.default.component.iconBox.iconDefault"
743
+ }
676
744
  },
677
745
  "border": {
678
746
  "value": "{colors.neutral.200}",
@@ -680,7 +748,9 @@ var coreTokens = {
680
748
  },
681
749
  "iconDefault": {
682
750
  "value": "{colors.info.600}",
683
- "metadata": {}
751
+ "metadata": {
752
+ "pair": "modes.default.component.iconBox.bg"
753
+ }
684
754
  },
685
755
  "iconSuccess": {
686
756
  "value": "{colors.success.600}",
@@ -692,7 +762,9 @@ var coreTokens = {
692
762
  },
693
763
  "iconDanger": {
694
764
  "value": "{colors.error.600}",
695
- "metadata": {}
765
+ "metadata": {
766
+ "pair": "modes.default.component.iconBox.bg"
767
+ }
696
768
  }
697
769
  },
698
770
  "testimonial": {
@@ -784,7 +856,9 @@ var coreTokens = {
784
856
  },
785
857
  "text": {
786
858
  "value": "{colors.neutral.500}",
787
- "metadata": {}
859
+ "metadata": {
860
+ "pair": "modes.default.surface.card"
861
+ }
788
862
  }
789
863
  }
790
864
  }
@@ -831,19 +905,19 @@ var coreTokens = {
831
905
  }
832
906
  },
833
907
  "muted": {
834
- "value": "{colors.neutral.200}",
908
+ "value": "{colors.neutral.300}",
835
909
  "metadata": {
836
910
  "pair": "modes.dark.surface.page"
837
911
  }
838
912
  },
839
913
  "subtle": {
840
- "value": "{colors.neutral.300}",
914
+ "value": "{colors.neutral.400}",
841
915
  "metadata": {
842
916
  "pair": "modes.dark.surface.page"
843
917
  }
844
918
  },
845
919
  "meta": {
846
- "value": "{colors.neutral.300}",
920
+ "value": "{colors.neutral.400}",
847
921
  "metadata": {
848
922
  "pair": "modes.dark.surface.page"
849
923
  }
@@ -863,19 +937,19 @@ var coreTokens = {
863
937
  }
864
938
  },
865
939
  "muted": {
866
- "value": "{colors.neutral.200}",
940
+ "value": "{colors.neutral.300}",
867
941
  "metadata": {
868
942
  "pair": "modes.dark.surface.card"
869
943
  }
870
944
  },
871
945
  "subtle": {
872
- "value": "{colors.neutral.300}",
946
+ "value": "{colors.neutral.400}",
873
947
  "metadata": {
874
948
  "pair": "modes.dark.surface.card"
875
949
  }
876
950
  },
877
951
  "meta": {
878
- "value": "{colors.neutral.300}",
952
+ "value": "{colors.neutral.400}",
879
953
  "metadata": {
880
954
  "pair": "modes.dark.surface.card"
881
955
  }
@@ -897,7 +971,7 @@ var coreTokens = {
897
971
  }
898
972
  },
899
973
  "textMuted": {
900
- "value": "{colors.neutral.200}",
974
+ "value": "{colors.neutral.300}",
901
975
  "metadata": {
902
976
  "pair": "modes.dark.surface.card"
903
977
  }
@@ -905,10 +979,16 @@ var coreTokens = {
905
979
  },
906
980
  "input": {
907
981
  "text": {
908
- "value": "{colors.neutral.100}"
982
+ "value": "{colors.neutral.100}",
983
+ "metadata": {
984
+ "pair": "modes.dark.surface.input"
985
+ }
909
986
  },
910
987
  "placeholder": {
911
- "value": "{colors.neutral.400}"
988
+ "value": "{colors.neutral.300}",
989
+ "metadata": {
990
+ "pair": "modes.dark.surface.input"
991
+ }
912
992
  }
913
993
  },
914
994
  "button": {
@@ -937,7 +1017,7 @@ var coreTokens = {
937
1017
  "metadata": {}
938
1018
  },
939
1019
  "infoBg": {
940
- "value": "{colors.info.900}",
1020
+ "value": "{colors.info.800}",
941
1021
  "metadata": {
942
1022
  "pair": "modes.dark.component.badge.infoText"
943
1023
  }
@@ -1004,7 +1084,9 @@ var coreTokens = {
1004
1084
  "iconBox": {
1005
1085
  "bg": {
1006
1086
  "value": "{colors.neutral.800}",
1007
- "metadata": {}
1087
+ "metadata": {
1088
+ "pair": "modes.dark.component.iconBox.iconDefault"
1089
+ }
1008
1090
  },
1009
1091
  "border": {
1010
1092
  "value": "{colors.neutral.700}",
@@ -1012,19 +1094,27 @@ var coreTokens = {
1012
1094
  },
1013
1095
  "iconDefault": {
1014
1096
  "value": "{colors.info.300}",
1015
- "metadata": {}
1097
+ "metadata": {
1098
+ "pair": "modes.dark.component.iconBox.bg"
1099
+ }
1016
1100
  },
1017
1101
  "iconSuccess": {
1018
1102
  "value": "{colors.success.400}",
1019
- "metadata": {}
1103
+ "metadata": {
1104
+ "pair": "modes.dark.component.iconBox.bg"
1105
+ }
1020
1106
  },
1021
1107
  "iconWarning": {
1022
1108
  "value": "{colors.warning.400}",
1023
- "metadata": {}
1109
+ "metadata": {
1110
+ "pair": "modes.dark.component.iconBox.bg"
1111
+ }
1024
1112
  },
1025
1113
  "iconDanger": {
1026
1114
  "value": "{colors.error.400}",
1027
- "metadata": {}
1115
+ "metadata": {
1116
+ "pair": "modes.dark.component.iconBox.bg"
1117
+ }
1028
1118
  }
1029
1119
  },
1030
1120
  "testimonial": {
@@ -1051,7 +1141,7 @@ var coreTokens = {
1051
1141
  }
1052
1142
  },
1053
1143
  "authorTitle": {
1054
- "value": "{colors.neutral.300}",
1144
+ "value": "{colors.neutral.400}",
1055
1145
  "metadata": {
1056
1146
  "pair": "modes.dark.component.testimonial.bg"
1057
1147
  }
@@ -1099,7 +1189,7 @@ var coreTokens = {
1099
1189
  }
1100
1190
  },
1101
1191
  "priceDescription": {
1102
- "value": "{colors.neutral.300}",
1192
+ "value": "{colors.neutral.400}",
1103
1193
  "metadata": {
1104
1194
  "pair": "modes.dark.component.pricingCard.bg"
1105
1195
  }
@@ -1116,7 +1206,9 @@ var coreTokens = {
1116
1206
  },
1117
1207
  "text": {
1118
1208
  "value": "{colors.neutral.400}",
1119
- "metadata": {}
1209
+ "metadata": {
1210
+ "pair": "modes.dark.surface.card"
1211
+ }
1120
1212
  }
1121
1213
  }
1122
1214
  }