@syncupsuite/themes 0.2.2 → 0.3.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.
Files changed (39) hide show
  1. package/dist/index.cjs +11527 -1399
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +13 -1
  4. package/dist/index.d.ts +13 -1
  5. package/dist/index.js +11520 -1398
  6. package/dist/index.js.map +1 -1
  7. package/package.json +2 -2
  8. package/src/art-deco/meta.json +50 -0
  9. package/src/art-deco/tailwind.css +391 -0
  10. package/src/art-deco/tokens.css +319 -0
  11. package/src/art-deco/tokens.json +840 -0
  12. package/src/nihon-minimal/meta.json +44 -0
  13. package/src/nihon-minimal/tailwind.css +361 -0
  14. package/src/nihon-minimal/tokens.css +299 -0
  15. package/src/nihon-minimal/tokens.json +780 -0
  16. package/src/nihon-traditional/meta.json +1 -1
  17. package/src/nihon-traditional/tailwind.css +111 -89
  18. package/src/nihon-traditional/tokens.css +105 -91
  19. package/src/nihon-traditional/tokens.json +89 -89
  20. package/src/nordic-modern/meta.json +56 -0
  21. package/src/nordic-modern/tailwind.css +421 -0
  22. package/src/nordic-modern/tokens.css +339 -0
  23. package/src/nordic-modern/tokens.json +900 -0
  24. package/src/renaissance/meta.json +56 -0
  25. package/src/renaissance/tailwind.css +421 -0
  26. package/src/renaissance/tokens.css +339 -0
  27. package/src/renaissance/tokens.json +900 -0
  28. package/src/shuimo-modern/meta.json +56 -0
  29. package/src/shuimo-modern/tailwind.css +421 -0
  30. package/src/shuimo-modern/tokens.css +339 -0
  31. package/src/shuimo-modern/tokens.json +900 -0
  32. package/src/swiss-international/meta.json +1 -1
  33. package/src/swiss-international/tailwind.css +107 -85
  34. package/src/swiss-international/tokens.css +101 -87
  35. package/src/swiss-international/tokens.json +85 -85
  36. package/src/tang-imperial/meta.json +56 -0
  37. package/src/tang-imperial/tailwind.css +421 -0
  38. package/src/tang-imperial/tokens.css +339 -0
  39. package/src/tang-imperial/tokens.json +900 -0
@@ -0,0 +1,900 @@
1
+ {
2
+ "$name": "tang-imperial",
3
+ "$description": "Tang Imperial (大唐) — the cosmopolitan grandeur of China's golden age, where Silk Road luxury met Confucian order",
4
+ "$extensions": {
5
+ "syncupsuite.foundation": {
6
+ "story": "The Tang Dynasty (618–907 CE) represents the apex of Chinese civilization — a cosmopolitan empire where Persian merchants, Buddhist monks, and Japanese scholars mingled in Chang'an, the world's largest city. Its palette comes from sancai (three-color) glazes, imperial silks dyed with mineral pigments, and the gilded bronzes of court ritual.",
7
+ "philosophy": "大同 (Dàtóng) — Great Harmony through cosmopolitan confidence and ritual order",
8
+ "era": "Tang Dynasty (618–907 CE)",
9
+ "harmonyMode": "complementary",
10
+ "radiusTendency": "subtle",
11
+ "typographyCategory": "transitional-serif"
12
+ }
13
+ },
14
+ "primitive": {
15
+ "color": {
16
+ "zh-sh-h-ng": {
17
+ "50": {
18
+ "$type": "color",
19
+ "$value": "#FFEBE5",
20
+ "$description": "Zhūshā Hóng (朱砂红) 50"
21
+ },
22
+ "100": {
23
+ "$type": "color",
24
+ "$value": "#FFC7BF",
25
+ "$description": "Zhūshā Hóng (朱砂红) 100"
26
+ },
27
+ "200": {
28
+ "$type": "color",
29
+ "$value": "#F0A399",
30
+ "$description": "Zhūshā Hóng (朱砂红) 200"
31
+ },
32
+ "300": {
33
+ "$type": "color",
34
+ "$value": "#DE7F74",
35
+ "$description": "Zhūshā Hóng (朱砂红) 300"
36
+ },
37
+ "400": {
38
+ "$type": "color",
39
+ "$value": "#CA5B50",
40
+ "$description": "Zhūshā Hóng (朱砂红) 400"
41
+ },
42
+ "500": {
43
+ "$type": "color",
44
+ "$value": "#B5312A",
45
+ "$description": "Zhūshā Hóng (朱砂红) 500",
46
+ "$extensions": {
47
+ "syncupsuite.provenance": {
48
+ "name": "Zhūshā Hóng (朱砂红)",
49
+ "tradition": "Cinnabar vermilion — the color of imperial seals, lacquerware, and temple gates. Ground from mercury sulfide ore, it was the most valued pigment in East Asia.",
50
+ "source": "Chinese Pigments: A Technical Study, Rutherford J. Gettens",
51
+ "isSeed": true
52
+ }
53
+ }
54
+ },
55
+ "600": {
56
+ "$type": "color",
57
+ "$value": "#8D1715",
58
+ "$description": "Zhūshā Hóng (朱砂红) 600"
59
+ },
60
+ "700": {
61
+ "$type": "color",
62
+ "$value": "#670000",
63
+ "$description": "Zhūshā Hóng (朱砂红) 700"
64
+ },
65
+ "800": {
66
+ "$type": "color",
67
+ "$value": "#420000",
68
+ "$description": "Zhūshā Hóng (朱砂红) 800"
69
+ },
70
+ "900": {
71
+ "$type": "color",
72
+ "$value": "#200000",
73
+ "$description": "Zhūshā Hóng (朱砂红) 900"
74
+ }
75
+ },
76
+ "j-n-s": {
77
+ "50": {
78
+ "$type": "color",
79
+ "$value": "#FEF4DF",
80
+ "$description": "Jīn Sè (金色) 50"
81
+ },
82
+ "100": {
83
+ "$type": "color",
84
+ "$value": "#F2E3C1",
85
+ "$description": "Jīn Sè (金色) 100"
86
+ },
87
+ "200": {
88
+ "$type": "color",
89
+ "$value": "#E7D3A2",
90
+ "$description": "Jīn Sè (金色) 200"
91
+ },
92
+ "300": {
93
+ "$type": "color",
94
+ "$value": "#DCC284",
95
+ "$description": "Jīn Sè (金色) 300"
96
+ },
97
+ "400": {
98
+ "$type": "color",
99
+ "$value": "#D0B164",
100
+ "$description": "Jīn Sè (金色) 400"
101
+ },
102
+ "500": {
103
+ "$type": "color",
104
+ "$value": "#C5A03F",
105
+ "$description": "Jīn Sè (金色) 500",
106
+ "$extensions": {
107
+ "syncupsuite.provenance": {
108
+ "name": "Jīn Sè (金色)",
109
+ "tradition": "Imperial gold — from gilt bronze ritual vessels (鎏金) and the golden reliquaries of Famen Temple. Symbolizes prosperity and the mandate of heaven.",
110
+ "source": "The Golden Age of Chinese Art: The Lively Tang Dynasty, Maxwell Hearn",
111
+ "isSeed": true
112
+ }
113
+ }
114
+ },
115
+ "600": {
116
+ "$type": "color",
117
+ "$value": "#937317",
118
+ "$description": "Jīn Sè (金色) 600"
119
+ },
120
+ "700": {
121
+ "$type": "color",
122
+ "$value": "#634900",
123
+ "$description": "Jīn Sè (金色) 700"
124
+ },
125
+ "800": {
126
+ "$type": "color",
127
+ "$value": "#382200",
128
+ "$description": "Jīn Sè (金色) 800"
129
+ },
130
+ "900": {
131
+ "$type": "color",
132
+ "$value": "#110200",
133
+ "$description": "Jīn Sè (金色) 900"
134
+ }
135
+ },
136
+ "cu-l": {
137
+ "50": {
138
+ "$type": "color",
139
+ "$value": "#EAFAEF",
140
+ "$description": "Cuì Lǜ (翠绿) 50"
141
+ },
142
+ "100": {
143
+ "$type": "color",
144
+ "$value": "#C6DFCF",
145
+ "$description": "Cuì Lǜ (翠绿) 100"
146
+ },
147
+ "200": {
148
+ "$type": "color",
149
+ "$value": "#A3C5B0",
150
+ "$description": "Cuì Lǜ (翠绿) 200"
151
+ },
152
+ "300": {
153
+ "$type": "color",
154
+ "$value": "#81AC91",
155
+ "$description": "Cuì Lǜ (翠绿) 300"
156
+ },
157
+ "400": {
158
+ "$type": "color",
159
+ "$value": "#5E9373",
160
+ "$description": "Cuì Lǜ (翠绿) 400"
161
+ },
162
+ "500": {
163
+ "$type": "color",
164
+ "$value": "#3B7A57",
165
+ "$description": "Cuì Lǜ (翠绿) 500",
166
+ "$extensions": {
167
+ "syncupsuite.provenance": {
168
+ "name": "Cuì Lǜ (翠绿)",
169
+ "tradition": "Jade green — the color of nephrite and jadeite prized above gold. Tang celadon glazes approached this color through iron-reduction firing.",
170
+ "source": "Chinese Jade: From the Neolithic to the Qing, Jessica Rawson",
171
+ "isSeed": true
172
+ }
173
+ }
174
+ },
175
+ "600": {
176
+ "$type": "color",
177
+ "$value": "#235B3D",
178
+ "$description": "Cuì Lǜ (翠绿) 600"
179
+ },
180
+ "700": {
181
+ "$type": "color",
182
+ "$value": "#0B3E25",
183
+ "$description": "Cuì Lǜ (翠绿) 700"
184
+ },
185
+ "800": {
186
+ "$type": "color",
187
+ "$value": "#00230F",
188
+ "$description": "Cuì Lǜ (翠绿) 800"
189
+ },
190
+ "900": {
191
+ "$type": "color",
192
+ "$value": "#000A01",
193
+ "$description": "Cuì Lǜ (翠绿) 900"
194
+ }
195
+ },
196
+ "m-h-i": {
197
+ "50": {
198
+ "$type": "color",
199
+ "$value": "#F5F5F5",
200
+ "$description": "Mò Hēi (墨黑) 50"
201
+ },
202
+ "100": {
203
+ "$type": "color",
204
+ "$value": "#C4C4C4",
205
+ "$description": "Mò Hēi (墨黑) 100"
206
+ },
207
+ "200": {
208
+ "$type": "color",
209
+ "$value": "#959595",
210
+ "$description": "Mò Hēi (墨黑) 200"
211
+ },
212
+ "300": {
213
+ "$type": "color",
214
+ "$value": "#686868",
215
+ "$description": "Mò Hēi (墨黑) 300"
216
+ },
217
+ "400": {
218
+ "$type": "color",
219
+ "$value": "#3F3F3F",
220
+ "$description": "Mò Hēi (墨黑) 400"
221
+ },
222
+ "500": {
223
+ "$type": "color",
224
+ "$value": "#1A1A1A",
225
+ "$description": "Mò Hēi (墨黑) 500",
226
+ "$extensions": {
227
+ "syncupsuite.provenance": {
228
+ "name": "Mò Hēi (墨黑)",
229
+ "tradition": "Ink black — from pine soot ink sticks used in Tang calligraphy. The foundation of Chinese writing from Yan Zhenqing's regular script.",
230
+ "source": "A History of Chinese Calligraphy, Yuho Tseng",
231
+ "isSeed": true
232
+ }
233
+ }
234
+ },
235
+ "600": {
236
+ "$type": "color",
237
+ "$value": "#141414",
238
+ "$description": "Mò Hēi (墨黑) 600"
239
+ },
240
+ "700": {
241
+ "$type": "color",
242
+ "$value": "#0F0F0F",
243
+ "$description": "Mò Hēi (墨黑) 700"
244
+ },
245
+ "800": {
246
+ "$type": "color",
247
+ "$value": "#0A0A0A",
248
+ "$description": "Mò Hēi (墨黑) 800"
249
+ },
250
+ "900": {
251
+ "$type": "color",
252
+ "$value": "#060606",
253
+ "$description": "Mò Hēi (墨黑) 900"
254
+ }
255
+ },
256
+ "xu-n-zh": {
257
+ "50": {
258
+ "$type": "color",
259
+ "$value": "#F6F5F2",
260
+ "$description": "Xuān Zhǐ (宣紙) 50"
261
+ },
262
+ "100": {
263
+ "$type": "color",
264
+ "$value": "#F6F3EE",
265
+ "$description": "Xuān Zhǐ (宣紙) 100"
266
+ },
267
+ "200": {
268
+ "$type": "color",
269
+ "$value": "#F5F2EB",
270
+ "$description": "Xuān Zhǐ (宣紙) 200"
271
+ },
272
+ "300": {
273
+ "$type": "color",
274
+ "$value": "#F4F0E7",
275
+ "$description": "Xuān Zhǐ (宣紙) 300"
276
+ },
277
+ "400": {
278
+ "$type": "color",
279
+ "$value": "#F4EFE4",
280
+ "$description": "Xuān Zhǐ (宣紙) 400"
281
+ },
282
+ "500": {
283
+ "$type": "color",
284
+ "$value": "#F3EDE0",
285
+ "$description": "Xuān Zhǐ (宣紙) 500",
286
+ "$extensions": {
287
+ "syncupsuite.provenance": {
288
+ "name": "Xuān Zhǐ (宣紙)",
289
+ "tradition": "Xuan paper — the absorbent mulberry-bark paper from Anhui province, unchanged since the Tang. Its warm tone defines Chinese painting ground.",
290
+ "source": "Paper and Printing (Science and Civilisation in China), Tsien Tsuen-Hsuin",
291
+ "isSeed": true
292
+ }
293
+ }
294
+ },
295
+ "600": {
296
+ "$type": "color",
297
+ "$value": "#B0AA9F",
298
+ "$description": "Xuān Zhǐ (宣紙) 600"
299
+ },
300
+ "700": {
301
+ "$type": "color",
302
+ "$value": "#716C63",
303
+ "$description": "Xuān Zhǐ (宣紙) 700"
304
+ },
305
+ "800": {
306
+ "$type": "color",
307
+ "$value": "#37342D",
308
+ "$description": "Xuān Zhǐ (宣紙) 800"
309
+ },
310
+ "900": {
311
+ "$type": "color",
312
+ "$value": "#070603",
313
+ "$description": "Xuān Zhǐ (宣紙) 900"
314
+ }
315
+ },
316
+ "z-t-n": {
317
+ "50": {
318
+ "$type": "color",
319
+ "$value": "#FFF0F5",
320
+ "$description": "Zǐ Tán (紫檀) 50"
321
+ },
322
+ "100": {
323
+ "$type": "color",
324
+ "$value": "#DEC6CE",
325
+ "$description": "Zǐ Tán (紫檀) 100"
326
+ },
327
+ "200": {
328
+ "$type": "color",
329
+ "$value": "#BC9DA8",
330
+ "$description": "Zǐ Tán (紫檀) 200"
331
+ },
332
+ "300": {
333
+ "$type": "color",
334
+ "$value": "#9B7583",
335
+ "$description": "Zǐ Tán (紫檀) 300"
336
+ },
337
+ "400": {
338
+ "$type": "color",
339
+ "$value": "#7B5060",
340
+ "$description": "Zǐ Tán (紫檀) 400"
341
+ },
342
+ "500": {
343
+ "$type": "color",
344
+ "$value": "#5B2C3F",
345
+ "$description": "Zǐ Tán (紫檀) 500",
346
+ "$extensions": {
347
+ "syncupsuite.provenance": {
348
+ "name": "Zǐ Tán (紫檀)",
349
+ "tradition": "Rosewood purple — from the prized zitan hardwood of imperial furniture. The deepest, most restrained luxury of the Tang court.",
350
+ "source": "Chinese Furniture: A Guide to Collecting Antiques, Karen Mazurkewich",
351
+ "isSeed": true
352
+ }
353
+ }
354
+ },
355
+ "600": {
356
+ "$type": "color",
357
+ "$value": "#471F2F",
358
+ "$description": "Zǐ Tán (紫檀) 600"
359
+ },
360
+ "700": {
361
+ "$type": "color",
362
+ "$value": "#341220",
363
+ "$description": "Zǐ Tán (紫檀) 700"
364
+ },
365
+ "800": {
366
+ "$type": "color",
367
+ "$value": "#220612",
368
+ "$description": "Zǐ Tán (紫檀) 800"
369
+ },
370
+ "900": {
371
+ "$type": "color",
372
+ "$value": "#110106",
373
+ "$description": "Zǐ Tán (紫檀) 900"
374
+ }
375
+ },
376
+ "neutral": {
377
+ "50": {
378
+ "$type": "color",
379
+ "$value": "#FFF5F3",
380
+ "$description": "Neutral 50"
381
+ },
382
+ "100": {
383
+ "$type": "color",
384
+ "$value": "#F8EBE9",
385
+ "$description": "Neutral 100"
386
+ },
387
+ "200": {
388
+ "$type": "color",
389
+ "$value": "#E7DBD9",
390
+ "$description": "Neutral 200"
391
+ },
392
+ "300": {
393
+ "$type": "color",
394
+ "$value": "#CDC1BF",
395
+ "$description": "Neutral 300"
396
+ },
397
+ "400": {
398
+ "$type": "color",
399
+ "$value": "#A19594",
400
+ "$description": "Neutral 400"
401
+ },
402
+ "500": {
403
+ "$type": "color",
404
+ "$value": "#766C6A",
405
+ "$description": "Neutral 500"
406
+ },
407
+ "600": {
408
+ "$type": "color",
409
+ "$value": "#544A49",
410
+ "$description": "Neutral 600"
411
+ },
412
+ "700": {
413
+ "$type": "color",
414
+ "$value": "#3A302F",
415
+ "$description": "Neutral 700"
416
+ },
417
+ "800": {
418
+ "$type": "color",
419
+ "$value": "#211817",
420
+ "$description": "Neutral 800"
421
+ },
422
+ "900": {
423
+ "$type": "color",
424
+ "$value": "#0C0605",
425
+ "$description": "Neutral 900"
426
+ }
427
+ },
428
+ "accent": {
429
+ "50": {
430
+ "$type": "color",
431
+ "$value": "#E1FBFC",
432
+ "$description": "Accent 50"
433
+ },
434
+ "100": {
435
+ "$type": "color",
436
+ "$value": "#C2ECEE",
437
+ "$description": "Accent 100"
438
+ },
439
+ "200": {
440
+ "$type": "color",
441
+ "$value": "#A2DDE0",
442
+ "$description": "Accent 200"
443
+ },
444
+ "300": {
445
+ "$type": "color",
446
+ "$value": "#81CDD2",
447
+ "$description": "Accent 300"
448
+ },
449
+ "400": {
450
+ "$type": "color",
451
+ "$value": "#5DBEC4",
452
+ "$description": "Accent 400"
453
+ },
454
+ "500": {
455
+ "$type": "color",
456
+ "$value": "#2BAFB6",
457
+ "$description": "Accent 500"
458
+ },
459
+ "600": {
460
+ "$type": "color",
461
+ "$value": "#008187",
462
+ "$description": "Accent 600"
463
+ },
464
+ "700": {
465
+ "$type": "color",
466
+ "$value": "#00565C",
467
+ "$description": "Accent 700"
468
+ },
469
+ "800": {
470
+ "$type": "color",
471
+ "$value": "#002E33",
472
+ "$description": "Accent 800"
473
+ },
474
+ "900": {
475
+ "$type": "color",
476
+ "$value": "#000B0F",
477
+ "$description": "Accent 900"
478
+ }
479
+ }
480
+ },
481
+ "typography": {
482
+ "family": {
483
+ "heading": {
484
+ "$type": "fontFamily",
485
+ "$value": "\"Source Serif 4\", \"Times New Roman\", serif",
486
+ "$description": "Heading font family"
487
+ },
488
+ "body": {
489
+ "$type": "fontFamily",
490
+ "$value": "\"Source Serif 4\", \"Times New Roman\", serif",
491
+ "$description": "Body font family"
492
+ },
493
+ "mono": {
494
+ "$type": "fontFamily",
495
+ "$value": "\"JetBrains Mono\", \"Fira Code\", monospace",
496
+ "$description": "Monospace font family"
497
+ }
498
+ },
499
+ "size": {
500
+ "xs": {
501
+ "$type": "dimension",
502
+ "$value": "0.75rem",
503
+ "$description": "Font size xs"
504
+ },
505
+ "sm": {
506
+ "$type": "dimension",
507
+ "$value": "0.875rem",
508
+ "$description": "Font size sm"
509
+ },
510
+ "base": {
511
+ "$type": "dimension",
512
+ "$value": "1rem",
513
+ "$description": "Font size base"
514
+ },
515
+ "lg": {
516
+ "$type": "dimension",
517
+ "$value": "1.125rem",
518
+ "$description": "Font size lg"
519
+ },
520
+ "xl": {
521
+ "$type": "dimension",
522
+ "$value": "1.25rem",
523
+ "$description": "Font size xl"
524
+ },
525
+ "2xl": {
526
+ "$type": "dimension",
527
+ "$value": "1.5rem",
528
+ "$description": "Font size 2xl"
529
+ },
530
+ "3xl": {
531
+ "$type": "dimension",
532
+ "$value": "1.875rem",
533
+ "$description": "Font size 3xl"
534
+ },
535
+ "4xl": {
536
+ "$type": "dimension",
537
+ "$value": "2.25rem",
538
+ "$description": "Font size 4xl"
539
+ }
540
+ },
541
+ "weight": {
542
+ "normal": {
543
+ "$type": "fontWeight",
544
+ "$value": "400",
545
+ "$description": "Font weight normal"
546
+ },
547
+ "medium": {
548
+ "$type": "fontWeight",
549
+ "$value": "500",
550
+ "$description": "Font weight medium"
551
+ },
552
+ "semibold": {
553
+ "$type": "fontWeight",
554
+ "$value": "600",
555
+ "$description": "Font weight semibold"
556
+ },
557
+ "bold": {
558
+ "$type": "fontWeight",
559
+ "$value": "700",
560
+ "$description": "Font weight bold"
561
+ }
562
+ },
563
+ "lineHeight": {
564
+ "tight": {
565
+ "$type": "number",
566
+ "$value": "1.25",
567
+ "$description": "Line height tight"
568
+ },
569
+ "normal": {
570
+ "$type": "number",
571
+ "$value": "1.5",
572
+ "$description": "Line height normal"
573
+ },
574
+ "relaxed": {
575
+ "$type": "number",
576
+ "$value": "1.75",
577
+ "$description": "Line height relaxed"
578
+ }
579
+ }
580
+ },
581
+ "spacing": {
582
+ "0": {
583
+ "$type": "dimension",
584
+ "$value": "0px",
585
+ "$description": "Spacing 0 (0px)"
586
+ },
587
+ "1": {
588
+ "$type": "dimension",
589
+ "$value": "4px",
590
+ "$description": "Spacing 1 (4px)"
591
+ },
592
+ "2": {
593
+ "$type": "dimension",
594
+ "$value": "8px",
595
+ "$description": "Spacing 2 (8px)"
596
+ },
597
+ "3": {
598
+ "$type": "dimension",
599
+ "$value": "12px",
600
+ "$description": "Spacing 3 (12px)"
601
+ },
602
+ "4": {
603
+ "$type": "dimension",
604
+ "$value": "16px",
605
+ "$description": "Spacing 4 (16px)"
606
+ },
607
+ "5": {
608
+ "$type": "dimension",
609
+ "$value": "20px",
610
+ "$description": "Spacing 5 (20px)"
611
+ },
612
+ "6": {
613
+ "$type": "dimension",
614
+ "$value": "24px",
615
+ "$description": "Spacing 6 (24px)"
616
+ },
617
+ "8": {
618
+ "$type": "dimension",
619
+ "$value": "32px",
620
+ "$description": "Spacing 8 (32px)"
621
+ },
622
+ "10": {
623
+ "$type": "dimension",
624
+ "$value": "40px",
625
+ "$description": "Spacing 10 (40px)"
626
+ },
627
+ "12": {
628
+ "$type": "dimension",
629
+ "$value": "48px",
630
+ "$description": "Spacing 12 (48px)"
631
+ },
632
+ "16": {
633
+ "$type": "dimension",
634
+ "$value": "64px",
635
+ "$description": "Spacing 16 (64px)"
636
+ },
637
+ "20": {
638
+ "$type": "dimension",
639
+ "$value": "80px",
640
+ "$description": "Spacing 20 (80px)"
641
+ },
642
+ "0.5": {
643
+ "$type": "dimension",
644
+ "$value": "2px",
645
+ "$description": "Spacing 0.5 (2px)"
646
+ },
647
+ "1.5": {
648
+ "$type": "dimension",
649
+ "$value": "6px",
650
+ "$description": "Spacing 1.5 (6px)"
651
+ }
652
+ },
653
+ "radius": {
654
+ "none": {
655
+ "$type": "dimension",
656
+ "$value": "0px",
657
+ "$description": "Border radius none"
658
+ },
659
+ "sm": {
660
+ "$type": "dimension",
661
+ "$value": "2px",
662
+ "$description": "Border radius sm"
663
+ },
664
+ "md": {
665
+ "$type": "dimension",
666
+ "$value": "4px",
667
+ "$description": "Border radius md"
668
+ },
669
+ "lg": {
670
+ "$type": "dimension",
671
+ "$value": "6px",
672
+ "$description": "Border radius lg"
673
+ },
674
+ "xl": {
675
+ "$type": "dimension",
676
+ "$value": "8px",
677
+ "$description": "Border radius xl"
678
+ },
679
+ "full": {
680
+ "$type": "dimension",
681
+ "$value": "9999px",
682
+ "$description": "Border radius full"
683
+ }
684
+ }
685
+ },
686
+ "semantic": {
687
+ "light": {
688
+ "background": {
689
+ "canvas": {
690
+ "$type": "color",
691
+ "$value": "{primitive.color.neutral.50}",
692
+ "$description": "Page background"
693
+ },
694
+ "surface": {
695
+ "$type": "color",
696
+ "$value": "#FFFFFF",
697
+ "$description": "Card/surface background"
698
+ },
699
+ "muted": {
700
+ "$type": "color",
701
+ "$value": "{primitive.color.neutral.100}",
702
+ "$description": "Muted background"
703
+ }
704
+ },
705
+ "text": {
706
+ "primary": {
707
+ "$type": "color",
708
+ "$value": "{primitive.color.neutral.900}",
709
+ "$description": "Primary text"
710
+ },
711
+ "secondary": {
712
+ "$type": "color",
713
+ "$value": "{primitive.color.neutral.600}",
714
+ "$description": "Secondary text"
715
+ },
716
+ "muted": {
717
+ "$type": "color",
718
+ "$value": "{primitive.color.neutral.500}",
719
+ "$description": "Muted/disabled text"
720
+ },
721
+ "inverse": {
722
+ "$type": "color",
723
+ "$value": "{primitive.color.neutral.50}",
724
+ "$description": "Text on dark backgrounds"
725
+ }
726
+ },
727
+ "interactive": {
728
+ "primary": {
729
+ "$type": "color",
730
+ "$value": "{primitive.color.zh-sh-h-ng.500}",
731
+ "$description": "Primary interactive (buttons, links)"
732
+ },
733
+ "primary-hover": {
734
+ "$type": "color",
735
+ "$value": "{primitive.color.zh-sh-h-ng.600}",
736
+ "$description": "Primary interactive hover"
737
+ },
738
+ "primary-active": {
739
+ "$type": "color",
740
+ "$value": "{primitive.color.zh-sh-h-ng.700}",
741
+ "$description": "Primary interactive active"
742
+ }
743
+ },
744
+ "border": {
745
+ "default": {
746
+ "$type": "color",
747
+ "$value": "{primitive.color.neutral.200}",
748
+ "$description": "Default border"
749
+ },
750
+ "strong": {
751
+ "$type": "color",
752
+ "$value": "{primitive.color.neutral.400}",
753
+ "$description": "Strong border"
754
+ }
755
+ },
756
+ "status": {
757
+ "error": {
758
+ "$type": "color",
759
+ "$value": "#DC2626",
760
+ "$description": "Error — WCAG-compliant red"
761
+ },
762
+ "success": {
763
+ "$type": "color",
764
+ "$value": "#16A34A",
765
+ "$description": "Success — WCAG-compliant green"
766
+ },
767
+ "warning": {
768
+ "$type": "color",
769
+ "$value": "#A16207",
770
+ "$description": "Warning — WCAG AA amber (4.5:1+ on white)"
771
+ },
772
+ "info": {
773
+ "$type": "color",
774
+ "$value": "{primitive.color.zh-sh-h-ng.500}",
775
+ "$description": "Info status"
776
+ }
777
+ },
778
+ "focus": {
779
+ "ring": {
780
+ "$type": "color",
781
+ "$value": "{primitive.color.zh-sh-h-ng.500}",
782
+ "$description": "Focus ring color"
783
+ }
784
+ },
785
+ "accessibility": {
786
+ "focus-visible": {
787
+ "$type": "color",
788
+ "$value": "{primitive.color.zh-sh-h-ng.500}",
789
+ "$description": "Keyboard focus indicator"
790
+ }
791
+ }
792
+ },
793
+ "dark": {
794
+ "background": {
795
+ "canvas": {
796
+ "$type": "color",
797
+ "$value": "{primitive.color.neutral.900}",
798
+ "$description": "Page background — dark"
799
+ },
800
+ "surface": {
801
+ "$type": "color",
802
+ "$value": "{primitive.color.neutral.800}",
803
+ "$description": "Card/surface — dark"
804
+ },
805
+ "muted": {
806
+ "$type": "color",
807
+ "$value": "{primitive.color.neutral.700}",
808
+ "$description": "Muted background — dark"
809
+ }
810
+ },
811
+ "text": {
812
+ "primary": {
813
+ "$type": "color",
814
+ "$value": "{primitive.color.neutral.50}",
815
+ "$description": "Primary text — dark"
816
+ },
817
+ "secondary": {
818
+ "$type": "color",
819
+ "$value": "{primitive.color.neutral.300}",
820
+ "$description": "Secondary text — dark"
821
+ },
822
+ "muted": {
823
+ "$type": "color",
824
+ "$value": "{primitive.color.neutral.500}",
825
+ "$description": "Muted text — dark"
826
+ },
827
+ "inverse": {
828
+ "$type": "color",
829
+ "$value": "{primitive.color.neutral.900}",
830
+ "$description": "Text on light backgrounds — dark"
831
+ }
832
+ },
833
+ "interactive": {
834
+ "primary": {
835
+ "$type": "color",
836
+ "$value": "{primitive.color.zh-sh-h-ng.400}",
837
+ "$description": "Primary interactive — dark"
838
+ },
839
+ "primary-hover": {
840
+ "$type": "color",
841
+ "$value": "{primitive.color.zh-sh-h-ng.300}",
842
+ "$description": "Primary hover — dark"
843
+ },
844
+ "primary-active": {
845
+ "$type": "color",
846
+ "$value": "{primitive.color.zh-sh-h-ng.200}",
847
+ "$description": "Primary active — dark"
848
+ }
849
+ },
850
+ "border": {
851
+ "default": {
852
+ "$type": "color",
853
+ "$value": "{primitive.color.neutral.700}",
854
+ "$description": "Default border — dark"
855
+ },
856
+ "strong": {
857
+ "$type": "color",
858
+ "$value": "{primitive.color.neutral.500}",
859
+ "$description": "Strong border — dark"
860
+ }
861
+ },
862
+ "status": {
863
+ "error": {
864
+ "$type": "color",
865
+ "$value": "#EF4444",
866
+ "$description": "Error — WCAG-compliant red (dark)"
867
+ },
868
+ "success": {
869
+ "$type": "color",
870
+ "$value": "#22C55E",
871
+ "$description": "Success — WCAG-compliant green (dark)"
872
+ },
873
+ "warning": {
874
+ "$type": "color",
875
+ "$value": "#EAB308",
876
+ "$description": "Warning — WCAG-compliant amber (dark)"
877
+ },
878
+ "info": {
879
+ "$type": "color",
880
+ "$value": "{primitive.color.zh-sh-h-ng.400}",
881
+ "$description": "Info — dark"
882
+ }
883
+ },
884
+ "focus": {
885
+ "ring": {
886
+ "$type": "color",
887
+ "$value": "{primitive.color.zh-sh-h-ng.400}",
888
+ "$description": "Focus ring — dark"
889
+ }
890
+ },
891
+ "accessibility": {
892
+ "focus-visible": {
893
+ "$type": "color",
894
+ "$value": "{primitive.color.zh-sh-h-ng.400}",
895
+ "$description": "Keyboard focus — dark"
896
+ }
897
+ }
898
+ }
899
+ }
900
+ }