@syncupsuite/themes 0.2.2 → 0.3.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.
Files changed (39) hide show
  1. package/dist/index.cjs +11235 -1395
  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 +11228 -1394
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/art-deco/meta.json +50 -0
  9. package/src/art-deco/tailwind.css +369 -0
  10. package/src/art-deco/tokens.css +305 -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 +339 -0
  14. package/src/nihon-minimal/tokens.css +285 -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 +89 -89
  18. package/src/nihon-traditional/tokens.css +89 -89
  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 +399 -0
  22. package/src/nordic-modern/tokens.css +325 -0
  23. package/src/nordic-modern/tokens.json +900 -0
  24. package/src/renaissance/meta.json +56 -0
  25. package/src/renaissance/tailwind.css +399 -0
  26. package/src/renaissance/tokens.css +325 -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 +399 -0
  30. package/src/shuimo-modern/tokens.css +325 -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 +85 -85
  34. package/src/swiss-international/tokens.css +85 -85
  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 +399 -0
  38. package/src/tang-imperial/tokens.css +325 -0
  39. package/src/tang-imperial/tokens.json +900 -0
@@ -16,32 +16,32 @@
16
16
  "schwarz": {
17
17
  "50": {
18
18
  "$type": "color",
19
- "$value": "#F2F2F2",
19
+ "$value": "#F5F5F5",
20
20
  "$description": "Schwarz 50"
21
21
  },
22
22
  "100": {
23
23
  "$type": "color",
24
- "$value": "#E6E6E6",
24
+ "$value": "#C1C1C1",
25
25
  "$description": "Schwarz 100"
26
26
  },
27
27
  "200": {
28
28
  "$type": "color",
29
- "$value": "#CCCCCC",
29
+ "$value": "#909090",
30
30
  "$description": "Schwarz 200"
31
31
  },
32
32
  "300": {
33
33
  "$type": "color",
34
- "$value": "#B3B3B3",
34
+ "$value": "#626262",
35
35
  "$description": "Schwarz 300"
36
36
  },
37
37
  "400": {
38
38
  "$type": "color",
39
- "$value": "#999999",
39
+ "$value": "#373737",
40
40
  "$description": "Schwarz 400"
41
41
  },
42
42
  "500": {
43
43
  "$type": "color",
44
- "$value": "#121212",
44
+ "$value": "#111111",
45
45
  "$description": "Schwarz 500",
46
46
  "$extensions": {
47
47
  "syncupsuite.provenance": {
@@ -54,49 +54,49 @@
54
54
  },
55
55
  "600": {
56
56
  "$type": "color",
57
- "$value": "#262626",
57
+ "$value": "#0E0E0E",
58
58
  "$description": "Schwarz 600"
59
59
  },
60
60
  "700": {
61
61
  "$type": "color",
62
- "$value": "#1A1A1A",
62
+ "$value": "#0B0B0B",
63
63
  "$description": "Schwarz 700"
64
64
  },
65
65
  "800": {
66
66
  "$type": "color",
67
- "$value": "#121212",
67
+ "$value": "#080808",
68
68
  "$description": "Schwarz 800"
69
69
  },
70
70
  "900": {
71
71
  "$type": "color",
72
- "$value": "#0A0A0A",
72
+ "$value": "#060606",
73
73
  "$description": "Schwarz 900"
74
74
  }
75
75
  },
76
76
  "weiss": {
77
77
  "50": {
78
78
  "$type": "color",
79
- "$value": "#F2F2F2",
79
+ "$value": "#F5F5F5",
80
80
  "$description": "Weiss 50"
81
81
  },
82
82
  "100": {
83
83
  "$type": "color",
84
- "$value": "#E6E6E6",
84
+ "$value": "#F6F6F6",
85
85
  "$description": "Weiss 100"
86
86
  },
87
87
  "200": {
88
88
  "$type": "color",
89
- "$value": "#CCCCCC",
89
+ "$value": "#F7F7F7",
90
90
  "$description": "Weiss 200"
91
91
  },
92
92
  "300": {
93
93
  "$type": "color",
94
- "$value": "#B3B3B3",
94
+ "$value": "#F8F8F8",
95
95
  "$description": "Weiss 300"
96
96
  },
97
97
  "400": {
98
98
  "$type": "color",
99
- "$value": "#999999",
99
+ "$value": "#F9F9F9",
100
100
  "$description": "Weiss 400"
101
101
  },
102
102
  "500": {
@@ -114,54 +114,54 @@
114
114
  },
115
115
  "600": {
116
116
  "$type": "color",
117
- "$value": "#E6E6E6",
117
+ "$value": "#B4B4B4",
118
118
  "$description": "Weiss 600"
119
119
  },
120
120
  "700": {
121
121
  "$type": "color",
122
- "$value": "#CCCCCC",
122
+ "$value": "#727272",
123
123
  "$description": "Weiss 700"
124
124
  },
125
125
  "800": {
126
126
  "$type": "color",
127
- "$value": "#B3B3B3",
127
+ "$value": "#373737",
128
128
  "$description": "Weiss 800"
129
129
  },
130
130
  "900": {
131
131
  "$type": "color",
132
- "$value": "#999999",
132
+ "$value": "#060606",
133
133
  "$description": "Weiss 900"
134
134
  }
135
135
  },
136
136
  "rot-signal-red": {
137
137
  "50": {
138
138
  "$type": "color",
139
- "$value": "#F5EFEF",
139
+ "$value": "#FFE8E1",
140
140
  "$description": "Rot (Signal Red) 50"
141
141
  },
142
142
  "100": {
143
143
  "$type": "color",
144
- "$value": "#ECE0DF",
144
+ "$value": "#FFC8BE",
145
145
  "$description": "Rot (Signal Red) 100"
146
146
  },
147
147
  "200": {
148
148
  "$type": "color",
149
- "$value": "#F5A5A3",
149
+ "$value": "#FFA79B",
150
150
  "$description": "Rot (Signal Red) 200"
151
151
  },
152
152
  "300": {
153
153
  "$type": "color",
154
- "$value": "#F07775",
154
+ "$value": "#FF8578",
155
155
  "$description": "Rot (Signal Red) 300"
156
156
  },
157
157
  "400": {
158
158
  "$type": "color",
159
- "$value": "#EB4A47",
159
+ "$value": "#F56055",
160
160
  "$description": "Rot (Signal Red) 400"
161
161
  },
162
162
  "500": {
163
163
  "$type": "color",
164
- "$value": "#E83430",
164
+ "$value": "#E8322E",
165
165
  "$description": "Rot (Signal Red) 500",
166
166
  "$extensions": {
167
167
  "syncupsuite.provenance": {
@@ -174,49 +174,49 @@
174
174
  },
175
175
  "600": {
176
176
  "$type": "color",
177
- "$value": "#D81B18",
177
+ "$value": "#B40510",
178
178
  "$description": "Rot (Signal Red) 600"
179
179
  },
180
180
  "700": {
181
181
  "$type": "color",
182
- "$value": "#AA1513",
182
+ "$value": "#820000",
183
183
  "$description": "Rot (Signal Red) 700"
184
184
  },
185
185
  "800": {
186
186
  "$type": "color",
187
- "$value": "#7C100E",
187
+ "$value": "#530000",
188
188
  "$description": "Rot (Signal Red) 800"
189
189
  },
190
190
  "900": {
191
191
  "$type": "color",
192
- "$value": "#4E0A09",
192
+ "$value": "#260000",
193
193
  "$description": "Rot (Signal Red) 900"
194
194
  }
195
195
  },
196
196
  "mittelgrau": {
197
197
  "50": {
198
198
  "$type": "color",
199
- "$value": "#F2F2F2",
199
+ "$value": "#F5F5F5",
200
200
  "$description": "Mittelgrau 50"
201
201
  },
202
202
  "100": {
203
203
  "$type": "color",
204
- "$value": "#E6E6E6",
204
+ "$value": "#D8D8D8",
205
205
  "$description": "Mittelgrau 100"
206
206
  },
207
207
  "200": {
208
208
  "$type": "color",
209
- "$value": "#CCCCCC",
209
+ "$value": "#BDBDBD",
210
210
  "$description": "Mittelgrau 200"
211
211
  },
212
212
  "300": {
213
213
  "$type": "color",
214
- "$value": "#B3B3B3",
214
+ "$value": "#A2A2A2",
215
215
  "$description": "Mittelgrau 300"
216
216
  },
217
217
  "400": {
218
218
  "$type": "color",
219
- "$value": "#999999",
219
+ "$value": "#878787",
220
220
  "$description": "Mittelgrau 400"
221
221
  },
222
222
  "500": {
@@ -234,49 +234,49 @@
234
234
  },
235
235
  "600": {
236
236
  "$type": "color",
237
- "$value": "#595959",
237
+ "$value": "#515151",
238
238
  "$description": "Mittelgrau 600"
239
239
  },
240
240
  "700": {
241
241
  "$type": "color",
242
- "$value": "#404040",
242
+ "$value": "#353535",
243
243
  "$description": "Mittelgrau 700"
244
244
  },
245
245
  "800": {
246
246
  "$type": "color",
247
- "$value": "#262626",
247
+ "$value": "#1C1C1C",
248
248
  "$description": "Mittelgrau 800"
249
249
  },
250
250
  "900": {
251
251
  "$type": "color",
252
- "$value": "#0D0D0D",
252
+ "$value": "#060606",
253
253
  "$description": "Mittelgrau 900"
254
254
  }
255
255
  },
256
256
  "hellgrau": {
257
257
  "50": {
258
258
  "$type": "color",
259
- "$value": "#F2F2F2",
259
+ "$value": "#F5F5F5",
260
260
  "$description": "Hellgrau 50"
261
261
  },
262
262
  "100": {
263
263
  "$type": "color",
264
- "$value": "#E6E6E6",
264
+ "$value": "#EEEEEE",
265
265
  "$description": "Hellgrau 100"
266
266
  },
267
267
  "200": {
268
268
  "$type": "color",
269
- "$value": "#CCCCCC",
269
+ "$value": "#E8E8E8",
270
270
  "$description": "Hellgrau 200"
271
271
  },
272
272
  "300": {
273
273
  "$type": "color",
274
- "$value": "#B3B3B3",
274
+ "$value": "#E1E1E1",
275
275
  "$description": "Hellgrau 300"
276
276
  },
277
277
  "400": {
278
278
  "$type": "color",
279
- "$value": "#999999",
279
+ "$value": "#DBDBDB",
280
280
  "$description": "Hellgrau 400"
281
281
  },
282
282
  "500": {
@@ -294,54 +294,54 @@
294
294
  },
295
295
  "600": {
296
296
  "$type": "color",
297
- "$value": "#BFBFBF",
297
+ "$value": "#999999",
298
298
  "$description": "Hellgrau 600"
299
299
  },
300
300
  "700": {
301
301
  "$type": "color",
302
- "$value": "#A6A6A6",
302
+ "$value": "#626262",
303
303
  "$description": "Hellgrau 700"
304
304
  },
305
305
  "800": {
306
306
  "$type": "color",
307
- "$value": "#8C8C8C",
307
+ "$value": "#303030",
308
308
  "$description": "Hellgrau 800"
309
309
  },
310
310
  "900": {
311
311
  "$type": "color",
312
- "$value": "#737373",
312
+ "$value": "#060606",
313
313
  "$description": "Hellgrau 900"
314
314
  }
315
315
  },
316
316
  "dunkelblau": {
317
317
  "50": {
318
318
  "$type": "color",
319
- "$value": "#F0F2F4",
319
+ "$value": "#EDF6FF",
320
320
  "$description": "Dunkelblau 50"
321
321
  },
322
322
  "100": {
323
323
  "$type": "color",
324
- "$value": "#E1E5EA",
324
+ "$value": "#BFCEDE",
325
325
  "$description": "Dunkelblau 100"
326
326
  },
327
327
  "200": {
328
328
  "$type": "color",
329
- "$value": "#AFCBE9",
329
+ "$value": "#93A6BD",
330
330
  "$description": "Dunkelblau 200"
331
331
  },
332
332
  "300": {
333
333
  "$type": "color",
334
- "$value": "#88B1DD",
334
+ "$value": "#69819C",
335
335
  "$description": "Dunkelblau 300"
336
336
  },
337
337
  "400": {
338
338
  "$type": "color",
339
- "$value": "#6097D2",
339
+ "$value": "#415C7B",
340
340
  "$description": "Dunkelblau 400"
341
341
  },
342
342
  "500": {
343
343
  "$type": "color",
344
- "$value": "#1A3A5B",
344
+ "$value": "#1A3A5C",
345
345
  "$description": "Dunkelblau 500",
346
346
  "$extensions": {
347
347
  "syncupsuite.provenance": {
@@ -354,126 +354,126 @@
354
354
  },
355
355
  "600": {
356
356
  "$type": "color",
357
- "$value": "#11263C",
357
+ "$value": "#0F2C49",
358
358
  "$description": "Dunkelblau 600"
359
359
  },
360
360
  "700": {
361
361
  "$type": "color",
362
- "$value": "#111922",
362
+ "$value": "#061E37",
363
363
  "$description": "Dunkelblau 700"
364
364
  },
365
365
  "800": {
366
366
  "$type": "color",
367
- "$value": "#0C1218",
367
+ "$value": "#011125",
368
368
  "$description": "Dunkelblau 800"
369
369
  },
370
370
  "900": {
371
371
  "$type": "color",
372
- "$value": "#070A0E",
372
+ "$value": "#000615",
373
373
  "$description": "Dunkelblau 900"
374
374
  }
375
375
  },
376
376
  "neutral": {
377
377
  "50": {
378
378
  "$type": "color",
379
- "$value": "#F8F7F7",
379
+ "$value": "#FBF8F1",
380
380
  "$description": "Neutral 50"
381
381
  },
382
382
  "100": {
383
383
  "$type": "color",
384
- "$value": "#F0EFEF",
384
+ "$value": "#F1EEE7",
385
385
  "$description": "Neutral 100"
386
386
  },
387
387
  "200": {
388
388
  "$type": "color",
389
- "$value": "#E1DFDF",
389
+ "$value": "#E0DED7",
390
390
  "$description": "Neutral 200"
391
391
  },
392
392
  "300": {
393
393
  "$type": "color",
394
- "$value": "#C9C5C5",
394
+ "$value": "#C6C4BD",
395
395
  "$description": "Neutral 300"
396
396
  },
397
397
  "400": {
398
398
  "$type": "color",
399
- "$value": "#A19B9B",
399
+ "$value": "#9B9891",
400
400
  "$description": "Neutral 400"
401
401
  },
402
402
  "500": {
403
403
  "$type": "color",
404
- "$value": "#797272",
404
+ "$value": "#716E68",
405
405
  "$description": "Neutral 500"
406
406
  },
407
407
  "600": {
408
408
  "$type": "color",
409
- "$value": "#5F5959",
409
+ "$value": "#4F4D47",
410
410
  "$description": "Neutral 600"
411
411
  },
412
412
  "700": {
413
413
  "$type": "color",
414
- "$value": "#444040",
414
+ "$value": "#35332D",
415
415
  "$description": "Neutral 700"
416
416
  },
417
417
  "800": {
418
418
  "$type": "color",
419
- "$value": "#2A2828",
419
+ "$value": "#1C1A15",
420
420
  "$description": "Neutral 800"
421
421
  },
422
422
  "900": {
423
423
  "$type": "color",
424
- "$value": "#151414",
424
+ "$value": "#090704",
425
425
  "$description": "Neutral 900"
426
426
  }
427
427
  },
428
428
  "accent": {
429
429
  "50": {
430
430
  "$type": "color",
431
- "$value": "#F3F2F2",
431
+ "$value": "#FAF3F3",
432
432
  "$description": "Accent 50"
433
433
  },
434
434
  "100": {
435
435
  "$type": "color",
436
- "$value": "#E7E4E4",
436
+ "$value": "#D5CBCB",
437
437
  "$description": "Accent 100"
438
438
  },
439
439
  "200": {
440
440
  "$type": "color",
441
- "$value": "#D4C4C4",
441
+ "$value": "#B1A4A4",
442
442
  "$description": "Accent 200"
443
443
  },
444
444
  "300": {
445
445
  "$type": "color",
446
- "$value": "#BEA7A7",
446
+ "$value": "#8F7F7F",
447
447
  "$description": "Accent 300"
448
448
  },
449
449
  "400": {
450
450
  "$type": "color",
451
- "$value": "#A88A8A",
451
+ "$value": "#6E5B5B",
452
452
  "$description": "Accent 400"
453
453
  },
454
454
  "500": {
455
455
  "$type": "color",
456
- "$value": "#4F3B3B",
456
+ "$value": "#4E3A3A",
457
457
  "$description": "Accent 500"
458
458
  },
459
459
  "600": {
460
460
  "$type": "color",
461
- "$value": "#382929",
461
+ "$value": "#3C2B2B",
462
462
  "$description": "Accent 600"
463
463
  },
464
464
  "700": {
465
465
  "$type": "color",
466
- "$value": "#1C1717",
466
+ "$value": "#2B1C1C",
467
467
  "$description": "Accent 700"
468
468
  },
469
469
  "800": {
470
470
  "$type": "color",
471
- "$value": "#131010",
471
+ "$value": "#1A0F0F",
472
472
  "$description": "Accent 800"
473
473
  },
474
474
  "900": {
475
475
  "$type": "color",
476
- "$value": "#0B0909",
476
+ "$value": "#0B0404",
477
477
  "$description": "Accent 900"
478
478
  }
479
479
  }
@@ -766,8 +766,8 @@
766
766
  },
767
767
  "warning": {
768
768
  "$type": "color",
769
- "$value": "#CA8A04",
770
- "$description": "Warning — WCAG-compliant amber"
769
+ "$value": "#A16207",
770
+ "$description": "Warning — WCAG AA amber (4.5:1+ on white)"
771
771
  },
772
772
  "info": {
773
773
  "$type": "color",
@@ -833,17 +833,17 @@
833
833
  "interactive": {
834
834
  "primary": {
835
835
  "$type": "color",
836
- "$value": "{primitive.color.schwarz.400}",
836
+ "$value": "{primitive.color.rot-signal-red.400}",
837
837
  "$description": "Primary interactive — dark"
838
838
  },
839
839
  "primary-hover": {
840
840
  "$type": "color",
841
- "$value": "{primitive.color.schwarz.300}",
841
+ "$value": "{primitive.color.rot-signal-red.300}",
842
842
  "$description": "Primary hover — dark"
843
843
  },
844
844
  "primary-active": {
845
845
  "$type": "color",
846
- "$value": "{primitive.color.schwarz.200}",
846
+ "$value": "{primitive.color.rot-signal-red.200}",
847
847
  "$description": "Primary active — dark"
848
848
  }
849
849
  },
@@ -877,21 +877,21 @@
877
877
  },
878
878
  "info": {
879
879
  "$type": "color",
880
- "$value": "{primitive.color.schwarz.400}",
880
+ "$value": "{primitive.color.rot-signal-red.400}",
881
881
  "$description": "Info — dark"
882
882
  }
883
883
  },
884
884
  "focus": {
885
885
  "ring": {
886
886
  "$type": "color",
887
- "$value": "{primitive.color.schwarz.400}",
887
+ "$value": "{primitive.color.rot-signal-red.400}",
888
888
  "$description": "Focus ring — dark"
889
889
  }
890
890
  },
891
891
  "accessibility": {
892
892
  "focus-visible": {
893
893
  "$type": "color",
894
- "$value": "{primitive.color.schwarz.400}",
894
+ "$value": "{primitive.color.rot-signal-red.400}",
895
895
  "$description": "Keyboard focus — dark"
896
896
  }
897
897
  }
@@ -0,0 +1,56 @@
1
+ {
2
+ "id": "tang-imperial",
3
+ "name": "Tang Imperial (大唐)",
4
+ "description": "Tang Imperial (大唐) — the cosmopolitan grandeur of China's golden age, where Silk Road luxury met Confucian order",
5
+ "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
+ "seedColors": [
14
+ {
15
+ "hex": "#B5312A",
16
+ "name": "Zhūshā Hóng (朱砂红)",
17
+ "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.",
18
+ "source": "Chinese Pigments: A Technical Study, Rutherford J. Gettens"
19
+ },
20
+ {
21
+ "hex": "#C5A03F",
22
+ "name": "Jīn Sè (金色)",
23
+ "tradition": "Imperial gold — from gilt bronze ritual vessels (鎏金) and the golden reliquaries of Famen Temple. Symbolizes prosperity and the mandate of heaven.",
24
+ "source": "The Golden Age of Chinese Art: The Lively Tang Dynasty, Maxwell Hearn"
25
+ },
26
+ {
27
+ "hex": "#3B7A57",
28
+ "name": "Cuì Lǜ (翠绿)",
29
+ "tradition": "Jade green — the color of nephrite and jadeite prized above gold. Tang celadon glazes approached this color through iron-reduction firing.",
30
+ "source": "Chinese Jade: From the Neolithic to the Qing, Jessica Rawson"
31
+ },
32
+ {
33
+ "hex": "#1A1A1A",
34
+ "name": "Mò Hēi (墨黑)",
35
+ "tradition": "Ink black — from pine soot ink sticks used in Tang calligraphy. The foundation of Chinese writing from Yan Zhenqing's regular script.",
36
+ "source": "A History of Chinese Calligraphy, Yuho Tseng"
37
+ },
38
+ {
39
+ "hex": "#F3EDE0",
40
+ "name": "Xuān Zhǐ (宣紙)",
41
+ "tradition": "Xuan paper — the absorbent mulberry-bark paper from Anhui province, unchanged since the Tang. Its warm tone defines Chinese painting ground.",
42
+ "source": "Paper and Printing (Science and Civilisation in China), Tsien Tsuen-Hsuin"
43
+ },
44
+ {
45
+ "hex": "#5B2C3F",
46
+ "name": "Zǐ Tán (紫檀)",
47
+ "tradition": "Rosewood purple — from the prized zitan hardwood of imperial furniture. The deepest, most restrained luxury of the Tang court.",
48
+ "source": "Chinese Furniture: A Guide to Collecting Antiques, Karen Mazurkewich"
49
+ }
50
+ ],
51
+ "validation": {
52
+ "schema": true,
53
+ "contrast": true,
54
+ "completeness": true
55
+ }
56
+ }