@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.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --sp-component-card-text: #141b24;
16
16
  --sp-component-card-text-muted: #657287;
17
17
  --sp-component-input-text: #141b24;
18
- --sp-component-input-placeholder: #8a96ad;
18
+ --sp-component-input-placeholder: #657287;
19
19
  --sp-button-text-default: #141b24;
20
20
  --sp-button-text-on-primary: #ffffff;
21
21
  --sp-badge-neutral-bg: #eef1f6;
@@ -298,7 +298,7 @@
298
298
  --sp-form-default-bg: #ffffff;
299
299
  --sp-form-default-border: #b7c1d4;
300
300
  --sp-form-default-text: #141b24;
301
- --sp-form-default-placeholder: #8a96ad;
301
+ --sp-form-default-placeholder: #657287;
302
302
  --sp-form-hover-border: #0ea5e9;
303
303
  --sp-form-focus-border: #0ea5e9;
304
304
  --sp-form-focus-ring: #0ea5e9;
@@ -343,22 +343,22 @@
343
343
  --sp-surface-overlay: #222b38;
344
344
  --sp-surface-hero: linear-gradient(135deg, #401f75 0%, #5d28b8 100%);
345
345
  --sp-text-on-page-default: #f7f8fb;
346
- --sp-text-on-page-muted: #d9dfeb;
347
- --sp-text-on-page-subtle: #b7c1d4;
348
- --sp-text-on-page-meta: #b7c1d4;
346
+ --sp-text-on-page-muted: #b7c1d4;
347
+ --sp-text-on-page-subtle: #8a96ad;
348
+ --sp-text-on-page-meta: #8a96ad;
349
349
  --sp-text-on-surface-default: #eef1f6;
350
- --sp-text-on-surface-muted: #d9dfeb;
351
- --sp-text-on-surface-subtle: #b7c1d4;
352
- --sp-text-on-surface-meta: #b7c1d4;
350
+ --sp-text-on-surface-muted: #b7c1d4;
351
+ --sp-text-on-surface-subtle: #8a96ad;
352
+ --sp-text-on-surface-meta: #8a96ad;
353
353
  --sp-component-card-text: #eef1f6;
354
- --sp-component-card-text-muted: #d9dfeb;
354
+ --sp-component-card-text-muted: #b7c1d4;
355
355
  --sp-component-input-text: #eef1f6;
356
- --sp-component-input-placeholder: #8a96ad;
356
+ --sp-component-input-placeholder: #b7c1d4;
357
357
  --sp-button-text-default: #eef1f6;
358
358
  --sp-button-text-on-primary: #ffffff;
359
359
  --sp-badge-neutral-bg: #374253;
360
360
  --sp-badge-neutral-text: #eef1f6;
361
- --sp-badge-info-bg: #082f49;
361
+ --sp-badge-info-bg: #0c4a6e;
362
362
  --sp-badge-info-text: #e0f2fe;
363
363
  --sp-badge-success-bg: #166534;
364
364
  --sp-badge-success-text: #dcfce7;
package/dist/index.d.cts 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: {
@@ -104,12 +116,18 @@ interface SpectreGeneratedTokens {
104
116
  iconBox: {
105
117
  bg: {
106
118
  value: string;
119
+ metadata: {
120
+ pair: string;
121
+ };
107
122
  };
108
123
  border: {
109
124
  value: string;
110
125
  };
111
126
  iconDefault: {
112
127
  value: string;
128
+ metadata: {
129
+ pair: string;
130
+ };
113
131
  };
114
132
  iconSuccess: {
115
133
  value: string;
@@ -124,18 +142,30 @@ interface SpectreGeneratedTokens {
124
142
  testimonial: {
125
143
  bg: {
126
144
  value: string;
145
+ metadata: {
146
+ pair: string;
147
+ };
127
148
  };
128
149
  border: {
129
150
  value: string;
130
151
  };
131
152
  text: {
132
153
  value: string;
154
+ metadata: {
155
+ pair: string;
156
+ };
133
157
  };
134
158
  authorName: {
135
159
  value: string;
160
+ metadata: {
161
+ pair: string;
162
+ };
136
163
  };
137
164
  authorTitle: {
138
165
  value: string;
166
+ metadata: {
167
+ pair: string;
168
+ };
139
169
  };
140
170
  quoteMark: {
141
171
  value: string;
@@ -144,7 +174,9 @@ interface SpectreGeneratedTokens {
144
174
  pricingCard: {
145
175
  bg: {
146
176
  value: string;
147
- metadata: {};
177
+ metadata: {
178
+ pair: string;
179
+ };
148
180
  };
149
181
  border: {
150
182
  value: string;
@@ -172,11 +204,15 @@ interface SpectreGeneratedTokens {
172
204
  };
173
205
  price: {
174
206
  value: string;
175
- metadata: {};
207
+ metadata: {
208
+ pair: string;
209
+ };
176
210
  };
177
211
  priceDescription: {
178
212
  value: string;
179
- metadata: {};
213
+ metadata: {
214
+ pair: string;
215
+ };
180
216
  };
181
217
  };
182
218
  rating: {
@@ -188,6 +224,9 @@ interface SpectreGeneratedTokens {
188
224
  };
189
225
  text: {
190
226
  value: string;
227
+ metadata: {
228
+ pair: string;
229
+ };
191
230
  };
192
231
  };
193
232
  };
@@ -436,6 +475,9 @@ interface SpectreGeneratedTokens {
436
475
  };
437
476
  placeholder: {
438
477
  value: string;
478
+ metadata: {
479
+ pair: string;
480
+ };
439
481
  };
440
482
  };
441
483
  hover: {
@@ -595,17 +637,29 @@ interface SpectreGeneratedTokens {
595
637
  card: {
596
638
  text: {
597
639
  value: string;
640
+ metadata: {
641
+ pair: string;
642
+ };
598
643
  };
599
644
  textMuted: {
600
645
  value: string;
646
+ metadata: {
647
+ pair: string;
648
+ };
601
649
  };
602
650
  };
603
651
  input: {
604
652
  text: {
605
653
  value: string;
654
+ metadata: {
655
+ pair: string;
656
+ };
606
657
  };
607
658
  placeholder: {
608
659
  value: string;
660
+ metadata: {
661
+ pair: string;
662
+ };
609
663
  };
610
664
  };
611
665
  button: {
@@ -623,6 +677,12 @@ interface SpectreGeneratedTokens {
623
677
  pair: string;
624
678
  };
625
679
  };
680
+ neutralBgHover: {
681
+ value: string;
682
+ metadata: {
683
+ pair: string;
684
+ };
685
+ };
626
686
  neutralText: {
627
687
  value: string;
628
688
  metadata: {};
@@ -633,6 +693,12 @@ interface SpectreGeneratedTokens {
633
693
  pair: string;
634
694
  };
635
695
  };
696
+ infoBgHover: {
697
+ value: string;
698
+ metadata: {
699
+ pair: string;
700
+ };
701
+ };
636
702
  infoText: {
637
703
  value: string;
638
704
  metadata: {};
@@ -671,7 +737,9 @@ interface SpectreGeneratedTokens {
671
737
  iconBox: {
672
738
  bg: {
673
739
  value: string;
674
- metadata: {};
740
+ metadata: {
741
+ pair: string;
742
+ };
675
743
  };
676
744
  border: {
677
745
  value: string;
@@ -679,7 +747,9 @@ interface SpectreGeneratedTokens {
679
747
  };
680
748
  iconDefault: {
681
749
  value: string;
682
- metadata: {};
750
+ metadata: {
751
+ pair: string;
752
+ };
683
753
  };
684
754
  iconSuccess: {
685
755
  value: string;
@@ -691,7 +761,9 @@ interface SpectreGeneratedTokens {
691
761
  };
692
762
  iconDanger: {
693
763
  value: string;
694
- metadata: {};
764
+ metadata: {
765
+ pair: string;
766
+ };
695
767
  };
696
768
  };
697
769
  testimonial: {
@@ -783,7 +855,9 @@ interface SpectreGeneratedTokens {
783
855
  };
784
856
  text: {
785
857
  value: string;
786
- metadata: {};
858
+ metadata: {
859
+ pair: string;
860
+ };
787
861
  };
788
862
  };
789
863
  };
@@ -905,9 +979,15 @@ interface SpectreGeneratedTokens {
905
979
  input: {
906
980
  text: {
907
981
  value: string;
982
+ metadata: {
983
+ pair: string;
984
+ };
908
985
  };
909
986
  placeholder: {
910
987
  value: string;
988
+ metadata: {
989
+ pair: string;
990
+ };
911
991
  };
912
992
  };
913
993
  button: {
@@ -1003,7 +1083,9 @@ interface SpectreGeneratedTokens {
1003
1083
  iconBox: {
1004
1084
  bg: {
1005
1085
  value: string;
1006
- metadata: {};
1086
+ metadata: {
1087
+ pair: string;
1088
+ };
1007
1089
  };
1008
1090
  border: {
1009
1091
  value: string;
@@ -1011,19 +1093,27 @@ interface SpectreGeneratedTokens {
1011
1093
  };
1012
1094
  iconDefault: {
1013
1095
  value: string;
1014
- metadata: {};
1096
+ metadata: {
1097
+ pair: string;
1098
+ };
1015
1099
  };
1016
1100
  iconSuccess: {
1017
1101
  value: string;
1018
- metadata: {};
1102
+ metadata: {
1103
+ pair: string;
1104
+ };
1019
1105
  };
1020
1106
  iconWarning: {
1021
1107
  value: string;
1022
- metadata: {};
1108
+ metadata: {
1109
+ pair: string;
1110
+ };
1023
1111
  };
1024
1112
  iconDanger: {
1025
1113
  value: string;
1026
- metadata: {};
1114
+ metadata: {
1115
+ pair: string;
1116
+ };
1027
1117
  };
1028
1118
  };
1029
1119
  testimonial: {
@@ -1115,7 +1205,9 @@ interface SpectreGeneratedTokens {
1115
1205
  };
1116
1206
  text: {
1117
1207
  value: string;
1118
- metadata: {};
1208
+ metadata: {
1209
+ pair: string;
1210
+ };
1119
1211
  };
1120
1212
  };
1121
1213
  };
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: {
@@ -104,12 +116,18 @@ interface SpectreGeneratedTokens {
104
116
  iconBox: {
105
117
  bg: {
106
118
  value: string;
119
+ metadata: {
120
+ pair: string;
121
+ };
107
122
  };
108
123
  border: {
109
124
  value: string;
110
125
  };
111
126
  iconDefault: {
112
127
  value: string;
128
+ metadata: {
129
+ pair: string;
130
+ };
113
131
  };
114
132
  iconSuccess: {
115
133
  value: string;
@@ -124,18 +142,30 @@ interface SpectreGeneratedTokens {
124
142
  testimonial: {
125
143
  bg: {
126
144
  value: string;
145
+ metadata: {
146
+ pair: string;
147
+ };
127
148
  };
128
149
  border: {
129
150
  value: string;
130
151
  };
131
152
  text: {
132
153
  value: string;
154
+ metadata: {
155
+ pair: string;
156
+ };
133
157
  };
134
158
  authorName: {
135
159
  value: string;
160
+ metadata: {
161
+ pair: string;
162
+ };
136
163
  };
137
164
  authorTitle: {
138
165
  value: string;
166
+ metadata: {
167
+ pair: string;
168
+ };
139
169
  };
140
170
  quoteMark: {
141
171
  value: string;
@@ -144,7 +174,9 @@ interface SpectreGeneratedTokens {
144
174
  pricingCard: {
145
175
  bg: {
146
176
  value: string;
147
- metadata: {};
177
+ metadata: {
178
+ pair: string;
179
+ };
148
180
  };
149
181
  border: {
150
182
  value: string;
@@ -172,11 +204,15 @@ interface SpectreGeneratedTokens {
172
204
  };
173
205
  price: {
174
206
  value: string;
175
- metadata: {};
207
+ metadata: {
208
+ pair: string;
209
+ };
176
210
  };
177
211
  priceDescription: {
178
212
  value: string;
179
- metadata: {};
213
+ metadata: {
214
+ pair: string;
215
+ };
180
216
  };
181
217
  };
182
218
  rating: {
@@ -188,6 +224,9 @@ interface SpectreGeneratedTokens {
188
224
  };
189
225
  text: {
190
226
  value: string;
227
+ metadata: {
228
+ pair: string;
229
+ };
191
230
  };
192
231
  };
193
232
  };
@@ -436,6 +475,9 @@ interface SpectreGeneratedTokens {
436
475
  };
437
476
  placeholder: {
438
477
  value: string;
478
+ metadata: {
479
+ pair: string;
480
+ };
439
481
  };
440
482
  };
441
483
  hover: {
@@ -595,17 +637,29 @@ interface SpectreGeneratedTokens {
595
637
  card: {
596
638
  text: {
597
639
  value: string;
640
+ metadata: {
641
+ pair: string;
642
+ };
598
643
  };
599
644
  textMuted: {
600
645
  value: string;
646
+ metadata: {
647
+ pair: string;
648
+ };
601
649
  };
602
650
  };
603
651
  input: {
604
652
  text: {
605
653
  value: string;
654
+ metadata: {
655
+ pair: string;
656
+ };
606
657
  };
607
658
  placeholder: {
608
659
  value: string;
660
+ metadata: {
661
+ pair: string;
662
+ };
609
663
  };
610
664
  };
611
665
  button: {
@@ -623,6 +677,12 @@ interface SpectreGeneratedTokens {
623
677
  pair: string;
624
678
  };
625
679
  };
680
+ neutralBgHover: {
681
+ value: string;
682
+ metadata: {
683
+ pair: string;
684
+ };
685
+ };
626
686
  neutralText: {
627
687
  value: string;
628
688
  metadata: {};
@@ -633,6 +693,12 @@ interface SpectreGeneratedTokens {
633
693
  pair: string;
634
694
  };
635
695
  };
696
+ infoBgHover: {
697
+ value: string;
698
+ metadata: {
699
+ pair: string;
700
+ };
701
+ };
636
702
  infoText: {
637
703
  value: string;
638
704
  metadata: {};
@@ -671,7 +737,9 @@ interface SpectreGeneratedTokens {
671
737
  iconBox: {
672
738
  bg: {
673
739
  value: string;
674
- metadata: {};
740
+ metadata: {
741
+ pair: string;
742
+ };
675
743
  };
676
744
  border: {
677
745
  value: string;
@@ -679,7 +747,9 @@ interface SpectreGeneratedTokens {
679
747
  };
680
748
  iconDefault: {
681
749
  value: string;
682
- metadata: {};
750
+ metadata: {
751
+ pair: string;
752
+ };
683
753
  };
684
754
  iconSuccess: {
685
755
  value: string;
@@ -691,7 +761,9 @@ interface SpectreGeneratedTokens {
691
761
  };
692
762
  iconDanger: {
693
763
  value: string;
694
- metadata: {};
764
+ metadata: {
765
+ pair: string;
766
+ };
695
767
  };
696
768
  };
697
769
  testimonial: {
@@ -783,7 +855,9 @@ interface SpectreGeneratedTokens {
783
855
  };
784
856
  text: {
785
857
  value: string;
786
- metadata: {};
858
+ metadata: {
859
+ pair: string;
860
+ };
787
861
  };
788
862
  };
789
863
  };
@@ -905,9 +979,15 @@ interface SpectreGeneratedTokens {
905
979
  input: {
906
980
  text: {
907
981
  value: string;
982
+ metadata: {
983
+ pair: string;
984
+ };
908
985
  };
909
986
  placeholder: {
910
987
  value: string;
988
+ metadata: {
989
+ pair: string;
990
+ };
911
991
  };
912
992
  };
913
993
  button: {
@@ -1003,7 +1083,9 @@ interface SpectreGeneratedTokens {
1003
1083
  iconBox: {
1004
1084
  bg: {
1005
1085
  value: string;
1006
- metadata: {};
1086
+ metadata: {
1087
+ pair: string;
1088
+ };
1007
1089
  };
1008
1090
  border: {
1009
1091
  value: string;
@@ -1011,19 +1093,27 @@ interface SpectreGeneratedTokens {
1011
1093
  };
1012
1094
  iconDefault: {
1013
1095
  value: string;
1014
- metadata: {};
1096
+ metadata: {
1097
+ pair: string;
1098
+ };
1015
1099
  };
1016
1100
  iconSuccess: {
1017
1101
  value: string;
1018
- metadata: {};
1102
+ metadata: {
1103
+ pair: string;
1104
+ };
1019
1105
  };
1020
1106
  iconWarning: {
1021
1107
  value: string;
1022
- metadata: {};
1108
+ metadata: {
1109
+ pair: string;
1110
+ };
1023
1111
  };
1024
1112
  iconDanger: {
1025
1113
  value: string;
1026
- metadata: {};
1114
+ metadata: {
1115
+ pair: string;
1116
+ };
1027
1117
  };
1028
1118
  };
1029
1119
  testimonial: {
@@ -1115,7 +1205,9 @@ interface SpectreGeneratedTokens {
1115
1205
  };
1116
1206
  text: {
1117
1207
  value: string;
1118
- metadata: {};
1208
+ metadata: {
1209
+ pair: string;
1210
+ };
1119
1211
  };
1120
1212
  };
1121
1213
  };