@phcdevworks/spectre-tokens 1.0.0 → 2.1.0

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.
@@ -0,0 +1,499 @@
1
+ {
2
+ "modes": {
3
+ "default": {
4
+ "surface": {
5
+ "page": {
6
+ "value": "{colors.neutral.50}"
7
+ },
8
+ "card": {
9
+ "value": "{colors.white}"
10
+ },
11
+ "input": {
12
+ "value": "{colors.white}"
13
+ },
14
+ "overlay": {
15
+ "value": "{colors.neutral.900} / 0.6"
16
+ },
17
+ "alternate": {
18
+ "value": "{colors.neutral.100}"
19
+ },
20
+ "hero": {
21
+ "value": "linear-gradient(135deg, {colors.indigo.500} 0%, {colors.violet.600} 100%)"
22
+ }
23
+ },
24
+ "text": {
25
+ "onPage": {
26
+ "default": {
27
+ "value": "{colors.neutral.900}"
28
+ },
29
+ "muted": {
30
+ "value": "{colors.neutral.600}"
31
+ },
32
+ "subtle": {
33
+ "value": "{colors.neutral.500}"
34
+ },
35
+ "meta": {
36
+ "value": "{colors.neutral.500}"
37
+ },
38
+ "brand": {
39
+ "value": "{colors.brand.600}"
40
+ }
41
+ },
42
+ "onSurface": {
43
+ "default": {
44
+ "value": "{colors.neutral.900}"
45
+ },
46
+ "muted": {
47
+ "value": "{colors.neutral.600}"
48
+ },
49
+ "subtle": {
50
+ "value": "{colors.neutral.500}"
51
+ },
52
+ "meta": {
53
+ "value": "{colors.neutral.500}"
54
+ },
55
+ "brand": {
56
+ "value": "{colors.brand.600}"
57
+ }
58
+ }
59
+ },
60
+ "component": {
61
+ "card": {
62
+ "text": {
63
+ "value": "{colors.neutral.900}"
64
+ },
65
+ "textMuted": {
66
+ "value": "{colors.neutral.500}"
67
+ }
68
+ },
69
+ "input": {
70
+ "text": {
71
+ "value": "{colors.neutral.900}"
72
+ },
73
+ "placeholder": {
74
+ "value": "{colors.neutral.400}"
75
+ }
76
+ },
77
+ "button": {
78
+ "textDefault": {
79
+ "value": "{colors.neutral.900}"
80
+ },
81
+ "textOnPrimary": {
82
+ "value": "{colors.white}"
83
+ }
84
+ },
85
+ "badge": {
86
+ "neutralBg": {
87
+ "value": "{colors.neutral.100}",
88
+ "metadata": {
89
+ "pair": "modes.default.component.badge.neutralText"
90
+ }
91
+ },
92
+ "neutralText": {
93
+ "value": "{colors.neutral.700}",
94
+ "metadata": {}
95
+ },
96
+ "infoBg": {
97
+ "value": "{colors.info.100}",
98
+ "metadata": {
99
+ "pair": "modes.default.component.badge.infoText"
100
+ }
101
+ },
102
+ "infoText": {
103
+ "value": "{colors.info.700}",
104
+ "metadata": {}
105
+ },
106
+ "successBg": {
107
+ "value": "{colors.success.100}",
108
+ "metadata": {
109
+ "pair": "modes.default.component.badge.successText"
110
+ }
111
+ },
112
+ "successText": {
113
+ "value": "{colors.success.700}",
114
+ "metadata": {}
115
+ },
116
+ "warningBg": {
117
+ "value": "{colors.warning.100}",
118
+ "metadata": {
119
+ "pair": "modes.default.component.badge.warningText"
120
+ }
121
+ },
122
+ "warningText": {
123
+ "value": "{colors.warning.700}",
124
+ "metadata": {}
125
+ },
126
+ "dangerBg": {
127
+ "value": "{colors.error.100}",
128
+ "metadata": {
129
+ "pair": "modes.default.component.badge.dangerText"
130
+ }
131
+ },
132
+ "dangerText": {
133
+ "value": "{colors.error.700}",
134
+ "metadata": {}
135
+ }
136
+ },
137
+ "iconBox": {
138
+ "bg": {
139
+ "value": "{colors.white}",
140
+ "metadata": {}
141
+ },
142
+ "border": {
143
+ "value": "{colors.neutral.200}",
144
+ "metadata": {}
145
+ },
146
+ "iconDefault": {
147
+ "value": "{colors.info.600}",
148
+ "metadata": {}
149
+ },
150
+ "iconSuccess": {
151
+ "value": "{colors.success.600}",
152
+ "metadata": {}
153
+ },
154
+ "iconWarning": {
155
+ "value": "{colors.warning.600}",
156
+ "metadata": {}
157
+ },
158
+ "iconDanger": {
159
+ "value": "{colors.error.600}",
160
+ "metadata": {}
161
+ }
162
+ },
163
+ "testimonial": {
164
+ "bg": {
165
+ "value": "{colors.white}",
166
+ "metadata": {}
167
+ },
168
+ "border": {
169
+ "value": "{colors.neutral.200}",
170
+ "metadata": {}
171
+ },
172
+ "text": {
173
+ "value": "{colors.neutral.700}",
174
+ "metadata": {}
175
+ },
176
+ "authorName": {
177
+ "value": "{colors.neutral.900}",
178
+ "metadata": {}
179
+ },
180
+ "authorTitle": {
181
+ "value": "{colors.neutral.500}",
182
+ "metadata": {}
183
+ },
184
+ "quoteMark": {
185
+ "value": "{colors.neutral.300}",
186
+ "metadata": {}
187
+ }
188
+ },
189
+ "pricingCard": {
190
+ "bg": {
191
+ "value": "{colors.white}",
192
+ "metadata": {}
193
+ },
194
+ "border": {
195
+ "value": "{colors.neutral.200}",
196
+ "metadata": {}
197
+ },
198
+ "featuredBg": {
199
+ "value": "{colors.info.600}",
200
+ "metadata": {
201
+ "pair": "modes.default.component.pricingCard.featuredText"
202
+ }
203
+ },
204
+ "featuredText": {
205
+ "value": "{colors.white}",
206
+ "metadata": {}
207
+ },
208
+ "featuredBadgeBg": {
209
+ "value": "{colors.warning.500}",
210
+ "metadata": {
211
+ "pair": "modes.default.component.pricingCard.featuredBadgeText"
212
+ }
213
+ },
214
+ "featuredBadgeText": {
215
+ "value": "{colors.neutral.900}",
216
+ "metadata": {}
217
+ },
218
+ "price": {
219
+ "value": "{colors.neutral.900}",
220
+ "metadata": {}
221
+ },
222
+ "priceDescription": {
223
+ "value": "{colors.neutral.500}",
224
+ "metadata": {}
225
+ }
226
+ },
227
+ "rating": {
228
+ "starFilled": {
229
+ "value": "{colors.warning.500}",
230
+ "metadata": {}
231
+ },
232
+ "starEmpty": {
233
+ "value": "{colors.neutral.200}",
234
+ "metadata": {}
235
+ },
236
+ "text": {
237
+ "value": "{colors.neutral.500}",
238
+ "metadata": {}
239
+ }
240
+ }
241
+ }
242
+ },
243
+ "dark": {
244
+ "surface": {
245
+ "page": {
246
+ "value": "{colors.neutral.900}"
247
+ },
248
+ "card": {
249
+ "value": "{colors.neutral.800}"
250
+ },
251
+ "input": {
252
+ "value": "{colors.neutral.700}"
253
+ },
254
+ "overlay": {
255
+ "value": "{colors.neutral.800}"
256
+ },
257
+ "alternate": {
258
+ "value": "{colors.neutral.800}"
259
+ },
260
+ "hero": {
261
+ "value": "linear-gradient(135deg, {colors.accent.900} 0%, {colors.accent.700} 100%)"
262
+ }
263
+ },
264
+ "text": {
265
+ "onPage": {
266
+ "default": {
267
+ "value": "{colors.neutral.50}"
268
+ },
269
+ "muted": {
270
+ "value": "{colors.neutral.300}"
271
+ },
272
+ "subtle": {
273
+ "value": "{colors.neutral.400}"
274
+ },
275
+ "meta": {
276
+ "value": "{colors.neutral.400}"
277
+ },
278
+ "brand": {
279
+ "value": "{colors.brand.400}"
280
+ }
281
+ },
282
+ "onSurface": {
283
+ "default": {
284
+ "value": "{colors.neutral.100}"
285
+ },
286
+ "muted": {
287
+ "value": "{colors.neutral.300}"
288
+ },
289
+ "subtle": {
290
+ "value": "{colors.neutral.400}"
291
+ },
292
+ "meta": {
293
+ "value": "{colors.neutral.400}"
294
+ },
295
+ "brand": {
296
+ "value": "{colors.brand.400}"
297
+ }
298
+ }
299
+ },
300
+ "component": {
301
+ "card": {
302
+ "text": {
303
+ "value": "{colors.neutral.100}"
304
+ },
305
+ "textMuted": {
306
+ "value": "{colors.neutral.300}"
307
+ }
308
+ },
309
+ "input": {
310
+ "text": {
311
+ "value": "{colors.neutral.100}"
312
+ },
313
+ "placeholder": {
314
+ "value": "{colors.neutral.400}"
315
+ }
316
+ },
317
+ "button": {
318
+ "textDefault": {
319
+ "value": "{colors.neutral.100}"
320
+ },
321
+ "textOnPrimary": {
322
+ "value": "{colors.white}"
323
+ }
324
+ },
325
+ "badge": {
326
+ "neutralBg": {
327
+ "value": "{colors.neutral.700}",
328
+ "metadata": {
329
+ "pair": "modes.dark.component.badge.neutralText"
330
+ }
331
+ },
332
+ "neutralBgHover": {
333
+ "value": "{colors.neutral.600}"
334
+ },
335
+ "neutralText": {
336
+ "value": "{colors.neutral.100}",
337
+ "metadata": {}
338
+ },
339
+ "infoBg": {
340
+ "value": "{colors.info.800}",
341
+ "metadata": {
342
+ "pair": "modes.dark.component.badge.infoText"
343
+ }
344
+ },
345
+ "infoBgHover": {
346
+ "value": "{colors.info.700}"
347
+ },
348
+ "infoText": {
349
+ "value": "{colors.info.100}",
350
+ "metadata": {}
351
+ },
352
+ "successBg": {
353
+ "value": "{colors.success.800}",
354
+ "metadata": {
355
+ "pair": "modes.dark.component.badge.successText"
356
+ }
357
+ },
358
+ "successBgHover": {
359
+ "value": "{colors.success.700}"
360
+ },
361
+ "successText": {
362
+ "value": "{colors.success.100}",
363
+ "metadata": {}
364
+ },
365
+ "warningBg": {
366
+ "value": "{colors.warning.800}",
367
+ "metadata": {
368
+ "pair": "modes.dark.component.badge.warningText"
369
+ }
370
+ },
371
+ "warningBgHover": {
372
+ "value": "{colors.warning.700}"
373
+ },
374
+ "warningText": {
375
+ "value": "{colors.warning.100}",
376
+ "metadata": {}
377
+ },
378
+ "dangerBg": {
379
+ "value": "{colors.error.800}",
380
+ "metadata": {
381
+ "pair": "modes.dark.component.badge.dangerText"
382
+ }
383
+ },
384
+ "dangerBgHover": {
385
+ "value": "{colors.error.700}"
386
+ },
387
+ "dangerText": {
388
+ "value": "{colors.error.100}",
389
+ "metadata": {}
390
+ }
391
+ },
392
+ "iconBox": {
393
+ "bg": {
394
+ "value": "{colors.neutral.800}",
395
+ "metadata": {}
396
+ },
397
+ "border": {
398
+ "value": "{colors.neutral.700}",
399
+ "metadata": {}
400
+ },
401
+ "iconDefault": {
402
+ "value": "{colors.info.300}",
403
+ "metadata": {}
404
+ },
405
+ "iconSuccess": {
406
+ "value": "{colors.success.400}",
407
+ "metadata": {}
408
+ },
409
+ "iconWarning": {
410
+ "value": "{colors.warning.400}",
411
+ "metadata": {}
412
+ },
413
+ "iconDanger": {
414
+ "value": "{colors.error.400}",
415
+ "metadata": {}
416
+ }
417
+ },
418
+ "testimonial": {
419
+ "bg": {
420
+ "value": "{colors.neutral.800}",
421
+ "metadata": {}
422
+ },
423
+ "border": {
424
+ "value": "{colors.neutral.700}",
425
+ "metadata": {}
426
+ },
427
+ "text": {
428
+ "value": "{colors.neutral.300}",
429
+ "metadata": {}
430
+ },
431
+ "authorName": {
432
+ "value": "{colors.neutral.100}",
433
+ "metadata": {}
434
+ },
435
+ "authorTitle": {
436
+ "value": "{colors.neutral.400}",
437
+ "metadata": {}
438
+ },
439
+ "quoteMark": {
440
+ "value": "{colors.neutral.600}",
441
+ "metadata": {}
442
+ }
443
+ },
444
+ "pricingCard": {
445
+ "bg": {
446
+ "value": "{colors.neutral.800}",
447
+ "metadata": {}
448
+ },
449
+ "border": {
450
+ "value": "{colors.neutral.700}",
451
+ "metadata": {}
452
+ },
453
+ "featuredBg": {
454
+ "value": "{colors.info.600}",
455
+ "metadata": {
456
+ "pair": "modes.dark.component.pricingCard.featuredText"
457
+ }
458
+ },
459
+ "featuredText": {
460
+ "value": "{colors.white}",
461
+ "metadata": {}
462
+ },
463
+ "featuredBadgeBg": {
464
+ "value": "{colors.warning.500}",
465
+ "metadata": {
466
+ "pair": "modes.dark.component.pricingCard.featuredBadgeText"
467
+ }
468
+ },
469
+ "featuredBadgeText": {
470
+ "value": "{colors.neutral.900}",
471
+ "metadata": {}
472
+ },
473
+ "price": {
474
+ "value": "{colors.neutral.100}",
475
+ "metadata": {}
476
+ },
477
+ "priceDescription": {
478
+ "value": "{colors.neutral.400}",
479
+ "metadata": {}
480
+ }
481
+ },
482
+ "rating": {
483
+ "starFilled": {
484
+ "value": "{colors.warning.400}",
485
+ "metadata": {}
486
+ },
487
+ "starEmpty": {
488
+ "value": "{colors.neutral.700}",
489
+ "metadata": {}
490
+ },
491
+ "text": {
492
+ "value": "{colors.neutral.400}",
493
+ "metadata": {}
494
+ }
495
+ }
496
+ }
497
+ }
498
+ }
499
+ }
@@ -0,0 +1,102 @@
1
+ {
2
+ "colors": {
3
+ "brand": {
4
+ "50": "#eff6ff",
5
+ "100": "#dbeafe",
6
+ "200": "#bfdbfe",
7
+ "300": "#93c5fd",
8
+ "400": "#60a5fa",
9
+ "500": "#3b82f6",
10
+ "600": "#2563eb",
11
+ "700": "#1d4ed8",
12
+ "800": "#1e40af",
13
+ "900": "#1e3a8a"
14
+ },
15
+ "neutral": {
16
+ "50": "#f8fafc",
17
+ "100": "#f1f5f9",
18
+ "200": "#e2e8f0",
19
+ "300": "#cbd5e1",
20
+ "400": "#94a3b8",
21
+ "500": "#64748b",
22
+ "600": "#475569",
23
+ "700": "#334155",
24
+ "800": "#1e293b",
25
+ "900": "#0f172a"
26
+ },
27
+ "accent": {
28
+ "50": "#f5f3ff",
29
+ "100": "#ede9fe",
30
+ "200": "#ddd6fe",
31
+ "300": "#c4b5fd",
32
+ "400": "#a78bfa",
33
+ "500": "#8b5cf6",
34
+ "600": "#7c3aed",
35
+ "700": "#6d28d9",
36
+ "800": "#5b21b6",
37
+ "900": "#4c1d95"
38
+ },
39
+ "success": {
40
+ "50": "#f0fdf4",
41
+ "100": "#dcfce7",
42
+ "200": "#bbf7d0",
43
+ "300": "#86efac",
44
+ "400": "#4ade80",
45
+ "500": "#22c55e",
46
+ "600": "#16a34a",
47
+ "700": "#15803d",
48
+ "800": "#166534",
49
+ "900": "#14532d"
50
+ },
51
+ "warning": {
52
+ "50": "#fffbeb",
53
+ "100": "#fef3c7",
54
+ "200": "#fde68a",
55
+ "300": "#fcd34d",
56
+ "400": "#fbbf24",
57
+ "500": "#f59e0b",
58
+ "600": "#d97706",
59
+ "700": "#b45309",
60
+ "800": "#92400e",
61
+ "900": "#78350f"
62
+ },
63
+ "error": {
64
+ "50": "#fef2f2",
65
+ "100": "#fee2e2",
66
+ "200": "#fecaca",
67
+ "300": "#fca5a5",
68
+ "400": "#f87171",
69
+ "500": "#ef4444",
70
+ "600": "#dc2626",
71
+ "700": "#b91c1c",
72
+ "800": "#991b1b",
73
+ "900": "#7f1d1d"
74
+ },
75
+ "info": {
76
+ "50": "#eff6ff",
77
+ "100": "#dbeafe",
78
+ "200": "#bfdbfe",
79
+ "300": "#93c5fd",
80
+ "400": "#60a5fa",
81
+ "500": "#3b82f6",
82
+ "600": "#2563eb",
83
+ "700": "#1d4ed8",
84
+ "800": "#1e40af",
85
+ "900": "#1e3a8a"
86
+ },
87
+ "indigo": {
88
+ "500": "#667eea",
89
+ "600": "#5c67f2"
90
+ },
91
+ "violet": {
92
+ "600": "#764ba2"
93
+ },
94
+ "focus": {
95
+ "primary": "#3b82f6",
96
+ "error": "#ef4444",
97
+ "info": "#3b82f6"
98
+ },
99
+ "white": "#ffffff",
100
+ "black": "#000000"
101
+ }
102
+ }