@syncupsuite/themes 0.1.0 → 0.2.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 (10) hide show
  1. package/README.md +91 -0
  2. package/dist/index.cjs +184 -8
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +184 -8
  5. package/dist/index.js.map +1 -1
  6. package/package.json +6 -5
  7. package/src/nihon-traditional/meta.json +1 -1
  8. package/src/nihon-traditional/tailwind.css +96 -3
  9. package/src/swiss-international/meta.json +1 -1
  10. package/src/swiss-international/tailwind.css +86 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncupsuite/themes",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Pre-built, culturally-grounded design themes — ready to use",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -23,6 +23,7 @@
23
23
  "publishConfig": {
24
24
  "access": "public"
25
25
  },
26
+ "sideEffects": false,
26
27
  "type": "module",
27
28
  "main": "./dist/index.cjs",
28
29
  "module": "./dist/index.js",
@@ -44,14 +45,14 @@
44
45
  "src/*/meta.json"
45
46
  ],
46
47
  "dependencies": {
47
- "@syncupsuite/transformers": "0.1.0",
48
- "@syncupsuite/foundations": "0.1.0",
49
- "@syncupsuite/tokens": "0.1.0"
48
+ "@syncupsuite/tokens": "0.2.0"
50
49
  },
51
50
  "devDependencies": {
52
51
  "tsup": "^8.3.0",
53
52
  "typescript": "^5.7.0",
54
- "vitest": "^4.0.18"
53
+ "vitest": "^4.0.18",
54
+ "@syncupsuite/foundations": "0.2.0",
55
+ "@syncupsuite/transformers": "0.2.0"
55
56
  },
56
57
  "scripts": {
57
58
  "build": "tsup",
package/src/nihon-traditional/meta.json CHANGED
@@ -56,7 +56,7 @@
56
56
  ],
57
57
  "validation": {
58
58
  "schema": true,
59
- "contrast": true,
59
+ "contrast": null,
60
60
  "completeness": true
61
61
  }
62
62
  }
package/src/nihon-traditional/tailwind.css CHANGED
@@ -209,9 +209,9 @@
209
209
  /* Spacing 20 (80px) */
210
210
  --spacing-20: 80px;
211
211
  /* Spacing 0.5 (2px) */
212
- --spacing-0.5: 2px;
212
+ --spacing-0-5: 2px;
213
213
  /* Spacing 1.5 (6px) */
214
- --spacing-1.5: 6px;
214
+ --spacing-1-5: 6px;
215
215
 
216
216
  /* --- Font Families --- */
217
217
  /* Heading font family */
@@ -255,8 +255,101 @@
255
255
 
256
256
  }
257
257
 
258
- /* Light mode semantic tokens (default) */
258
+ /* Primitive aliases + light mode semantic tokens */
259
259
  :root {
260
+ /* --primitive-color-* aliases → @theme --color-* (for semantic var() resolution) */
261
+ --primitive-color-hanada-50: var(--color-hanada-50);
262
+ --primitive-color-hanada-100: var(--color-hanada-100);
263
+ --primitive-color-hanada-200: var(--color-hanada-200);
264
+ --primitive-color-hanada-300: var(--color-hanada-300);
265
+ --primitive-color-hanada-400: var(--color-hanada-400);
266
+ --primitive-color-hanada-500: var(--color-hanada-500);
267
+ --primitive-color-hanada-600: var(--color-hanada-600);
268
+ --primitive-color-hanada-700: var(--color-hanada-700);
269
+ --primitive-color-hanada-800: var(--color-hanada-800);
270
+ --primitive-color-hanada-900: var(--color-hanada-900);
271
+ --primitive-color-sakura-nezumi-50: var(--color-sakura-nezumi-50);
272
+ --primitive-color-sakura-nezumi-100: var(--color-sakura-nezumi-100);
273
+ --primitive-color-sakura-nezumi-200: var(--color-sakura-nezumi-200);
274
+ --primitive-color-sakura-nezumi-300: var(--color-sakura-nezumi-300);
275
+ --primitive-color-sakura-nezumi-400: var(--color-sakura-nezumi-400);
276
+ --primitive-color-sakura-nezumi-500: var(--color-sakura-nezumi-500);
277
+ --primitive-color-sakura-nezumi-600: var(--color-sakura-nezumi-600);
278
+ --primitive-color-sakura-nezumi-700: var(--color-sakura-nezumi-700);
279
+ --primitive-color-sakura-nezumi-800: var(--color-sakura-nezumi-800);
280
+ --primitive-color-sakura-nezumi-900: var(--color-sakura-nezumi-900);
281
+ --primitive-color-wasurenagusa-iro-50: var(--color-wasurenagusa-iro-50);
282
+ --primitive-color-wasurenagusa-iro-100: var(--color-wasurenagusa-iro-100);
283
+ --primitive-color-wasurenagusa-iro-200: var(--color-wasurenagusa-iro-200);
284
+ --primitive-color-wasurenagusa-iro-300: var(--color-wasurenagusa-iro-300);
285
+ --primitive-color-wasurenagusa-iro-400: var(--color-wasurenagusa-iro-400);
286
+ --primitive-color-wasurenagusa-iro-500: var(--color-wasurenagusa-iro-500);
287
+ --primitive-color-wasurenagusa-iro-600: var(--color-wasurenagusa-iro-600);
288
+ --primitive-color-wasurenagusa-iro-700: var(--color-wasurenagusa-iro-700);
289
+ --primitive-color-wasurenagusa-iro-800: var(--color-wasurenagusa-iro-800);
290
+ --primitive-color-wasurenagusa-iro-900: var(--color-wasurenagusa-iro-900);
291
+ --primitive-color-kitsune-iro-50: var(--color-kitsune-iro-50);
292
+ --primitive-color-kitsune-iro-100: var(--color-kitsune-iro-100);
293
+ --primitive-color-kitsune-iro-200: var(--color-kitsune-iro-200);
294
+ --primitive-color-kitsune-iro-300: var(--color-kitsune-iro-300);
295
+ --primitive-color-kitsune-iro-400: var(--color-kitsune-iro-400);
296
+ --primitive-color-kitsune-iro-500: var(--color-kitsune-iro-500);
297
+ --primitive-color-kitsune-iro-600: var(--color-kitsune-iro-600);
298
+ --primitive-color-kitsune-iro-700: var(--color-kitsune-iro-700);
299
+ --primitive-color-kitsune-iro-800: var(--color-kitsune-iro-800);
300
+ --primitive-color-kitsune-iro-900: var(--color-kitsune-iro-900);
301
+ --primitive-color-enji-50: var(--color-enji-50);
302
+ --primitive-color-enji-100: var(--color-enji-100);
303
+ --primitive-color-enji-200: var(--color-enji-200);
304
+ --primitive-color-enji-300: var(--color-enji-300);
305
+ --primitive-color-enji-400: var(--color-enji-400);
306
+ --primitive-color-enji-500: var(--color-enji-500);
307
+ --primitive-color-enji-600: var(--color-enji-600);
308
+ --primitive-color-enji-700: var(--color-enji-700);
309
+ --primitive-color-enji-800: var(--color-enji-800);
310
+ --primitive-color-enji-900: var(--color-enji-900);
311
+ --primitive-color-rikyuu-nezumi-50: var(--color-rikyuu-nezumi-50);
312
+ --primitive-color-rikyuu-nezumi-100: var(--color-rikyuu-nezumi-100);
313
+ --primitive-color-rikyuu-nezumi-200: var(--color-rikyuu-nezumi-200);
314
+ --primitive-color-rikyuu-nezumi-300: var(--color-rikyuu-nezumi-300);
315
+ --primitive-color-rikyuu-nezumi-400: var(--color-rikyuu-nezumi-400);
316
+ --primitive-color-rikyuu-nezumi-500: var(--color-rikyuu-nezumi-500);
317
+ --primitive-color-rikyuu-nezumi-600: var(--color-rikyuu-nezumi-600);
318
+ --primitive-color-rikyuu-nezumi-700: var(--color-rikyuu-nezumi-700);
319
+ --primitive-color-rikyuu-nezumi-800: var(--color-rikyuu-nezumi-800);
320
+ --primitive-color-rikyuu-nezumi-900: var(--color-rikyuu-nezumi-900);
321
+ --primitive-color-shironeri-50: var(--color-shironeri-50);
322
+ --primitive-color-shironeri-100: var(--color-shironeri-100);
323
+ --primitive-color-shironeri-200: var(--color-shironeri-200);
324
+ --primitive-color-shironeri-300: var(--color-shironeri-300);
325
+ --primitive-color-shironeri-400: var(--color-shironeri-400);
326
+ --primitive-color-shironeri-500: var(--color-shironeri-500);
327
+ --primitive-color-shironeri-600: var(--color-shironeri-600);
328
+ --primitive-color-shironeri-700: var(--color-shironeri-700);
329
+ --primitive-color-shironeri-800: var(--color-shironeri-800);
330
+ --primitive-color-shironeri-900: var(--color-shironeri-900);
331
+ --primitive-color-neutral-50: var(--color-neutral-50);
332
+ --primitive-color-neutral-100: var(--color-neutral-100);
333
+ --primitive-color-neutral-200: var(--color-neutral-200);
334
+ --primitive-color-neutral-300: var(--color-neutral-300);
335
+ --primitive-color-neutral-400: var(--color-neutral-400);
336
+ --primitive-color-neutral-500: var(--color-neutral-500);
337
+ --primitive-color-neutral-600: var(--color-neutral-600);
338
+ --primitive-color-neutral-700: var(--color-neutral-700);
339
+ --primitive-color-neutral-800: var(--color-neutral-800);
340
+ --primitive-color-neutral-900: var(--color-neutral-900);
341
+ --primitive-color-accent-50: var(--color-accent-50);
342
+ --primitive-color-accent-100: var(--color-accent-100);
343
+ --primitive-color-accent-200: var(--color-accent-200);
344
+ --primitive-color-accent-300: var(--color-accent-300);
345
+ --primitive-color-accent-400: var(--color-accent-400);
346
+ --primitive-color-accent-500: var(--color-accent-500);
347
+ --primitive-color-accent-600: var(--color-accent-600);
348
+ --primitive-color-accent-700: var(--color-accent-700);
349
+ --primitive-color-accent-800: var(--color-accent-800);
350
+ --primitive-color-accent-900: var(--color-accent-900);
351
+
352
+ /* Semantic tokens */
260
353
  /* Page background */
261
354
  --background-canvas: var(--primitive-color-neutral-50);
262
355
  /* Card/surface background */
package/src/swiss-international/meta.json CHANGED
@@ -50,7 +50,7 @@
50
50
  ],
51
51
  "validation": {
52
52
  "schema": true,
53
- "contrast": true,
53
+ "contrast": null,
54
54
  "completeness": true
55
55
  }
56
56
  }
package/src/swiss-international/tailwind.css CHANGED
@@ -189,9 +189,9 @@
189
189
  /* Spacing 20 (80px) */
190
190
  --spacing-20: 80px;
191
191
  /* Spacing 0.5 (2px) */
192
- --spacing-0.5: 2px;
192
+ --spacing-0-5: 2px;
193
193
  /* Spacing 1.5 (6px) */
194
- --spacing-1.5: 6px;
194
+ --spacing-1-5: 6px;
195
195
 
196
196
  /* --- Font Families --- */
197
197
  /* Heading font family */
@@ -235,8 +235,91 @@
235
235
 
236
236
  }
237
237
 
238
- /* Light mode semantic tokens (default) */
238
+ /* Primitive aliases + light mode semantic tokens */
239
239
  :root {
240
+ /* --primitive-color-* aliases → @theme --color-* (for semantic var() resolution) */
241
+ --primitive-color-schwarz-50: var(--color-schwarz-50);
242
+ --primitive-color-schwarz-100: var(--color-schwarz-100);
243
+ --primitive-color-schwarz-200: var(--color-schwarz-200);
244
+ --primitive-color-schwarz-300: var(--color-schwarz-300);
245
+ --primitive-color-schwarz-400: var(--color-schwarz-400);
246
+ --primitive-color-schwarz-500: var(--color-schwarz-500);
247
+ --primitive-color-schwarz-600: var(--color-schwarz-600);
248
+ --primitive-color-schwarz-700: var(--color-schwarz-700);
249
+ --primitive-color-schwarz-800: var(--color-schwarz-800);
250
+ --primitive-color-schwarz-900: var(--color-schwarz-900);
251
+ --primitive-color-weiss-50: var(--color-weiss-50);
252
+ --primitive-color-weiss-100: var(--color-weiss-100);
253
+ --primitive-color-weiss-200: var(--color-weiss-200);
254
+ --primitive-color-weiss-300: var(--color-weiss-300);
255
+ --primitive-color-weiss-400: var(--color-weiss-400);
256
+ --primitive-color-weiss-500: var(--color-weiss-500);
257
+ --primitive-color-weiss-600: var(--color-weiss-600);
258
+ --primitive-color-weiss-700: var(--color-weiss-700);
259
+ --primitive-color-weiss-800: var(--color-weiss-800);
260
+ --primitive-color-weiss-900: var(--color-weiss-900);
261
+ --primitive-color-rot-signal-red-50: var(--color-rot-signal-red-50);
262
+ --primitive-color-rot-signal-red-100: var(--color-rot-signal-red-100);
263
+ --primitive-color-rot-signal-red-200: var(--color-rot-signal-red-200);
264
+ --primitive-color-rot-signal-red-300: var(--color-rot-signal-red-300);
265
+ --primitive-color-rot-signal-red-400: var(--color-rot-signal-red-400);
266
+ --primitive-color-rot-signal-red-500: var(--color-rot-signal-red-500);
267
+ --primitive-color-rot-signal-red-600: var(--color-rot-signal-red-600);
268
+ --primitive-color-rot-signal-red-700: var(--color-rot-signal-red-700);
269
+ --primitive-color-rot-signal-red-800: var(--color-rot-signal-red-800);
270
+ --primitive-color-rot-signal-red-900: var(--color-rot-signal-red-900);
271
+ --primitive-color-mittelgrau-50: var(--color-mittelgrau-50);
272
+ --primitive-color-mittelgrau-100: var(--color-mittelgrau-100);
273
+ --primitive-color-mittelgrau-200: var(--color-mittelgrau-200);
274
+ --primitive-color-mittelgrau-300: var(--color-mittelgrau-300);
275
+ --primitive-color-mittelgrau-400: var(--color-mittelgrau-400);
276
+ --primitive-color-mittelgrau-500: var(--color-mittelgrau-500);
277
+ --primitive-color-mittelgrau-600: var(--color-mittelgrau-600);
278
+ --primitive-color-mittelgrau-700: var(--color-mittelgrau-700);
279
+ --primitive-color-mittelgrau-800: var(--color-mittelgrau-800);
280
+ --primitive-color-mittelgrau-900: var(--color-mittelgrau-900);
281
+ --primitive-color-hellgrau-50: var(--color-hellgrau-50);
282
+ --primitive-color-hellgrau-100: var(--color-hellgrau-100);
283
+ --primitive-color-hellgrau-200: var(--color-hellgrau-200);
284
+ --primitive-color-hellgrau-300: var(--color-hellgrau-300);
285
+ --primitive-color-hellgrau-400: var(--color-hellgrau-400);
286
+ --primitive-color-hellgrau-500: var(--color-hellgrau-500);
287
+ --primitive-color-hellgrau-600: var(--color-hellgrau-600);
288
+ --primitive-color-hellgrau-700: var(--color-hellgrau-700);
289
+ --primitive-color-hellgrau-800: var(--color-hellgrau-800);
290
+ --primitive-color-hellgrau-900: var(--color-hellgrau-900);
291
+ --primitive-color-dunkelblau-50: var(--color-dunkelblau-50);
292
+ --primitive-color-dunkelblau-100: var(--color-dunkelblau-100);
293
+ --primitive-color-dunkelblau-200: var(--color-dunkelblau-200);
294
+ --primitive-color-dunkelblau-300: var(--color-dunkelblau-300);
295
+ --primitive-color-dunkelblau-400: var(--color-dunkelblau-400);
296
+ --primitive-color-dunkelblau-500: var(--color-dunkelblau-500);
297
+ --primitive-color-dunkelblau-600: var(--color-dunkelblau-600);
298
+ --primitive-color-dunkelblau-700: var(--color-dunkelblau-700);
299
+ --primitive-color-dunkelblau-800: var(--color-dunkelblau-800);
300
+ --primitive-color-dunkelblau-900: var(--color-dunkelblau-900);
301
+ --primitive-color-neutral-50: var(--color-neutral-50);
302
+ --primitive-color-neutral-100: var(--color-neutral-100);
303
+ --primitive-color-neutral-200: var(--color-neutral-200);
304
+ --primitive-color-neutral-300: var(--color-neutral-300);
305
+ --primitive-color-neutral-400: var(--color-neutral-400);
306
+ --primitive-color-neutral-500: var(--color-neutral-500);
307
+ --primitive-color-neutral-600: var(--color-neutral-600);
308
+ --primitive-color-neutral-700: var(--color-neutral-700);
309
+ --primitive-color-neutral-800: var(--color-neutral-800);
310
+ --primitive-color-neutral-900: var(--color-neutral-900);
311
+ --primitive-color-accent-50: var(--color-accent-50);
312
+ --primitive-color-accent-100: var(--color-accent-100);
313
+ --primitive-color-accent-200: var(--color-accent-200);
314
+ --primitive-color-accent-300: var(--color-accent-300);
315
+ --primitive-color-accent-400: var(--color-accent-400);
316
+ --primitive-color-accent-500: var(--color-accent-500);
317
+ --primitive-color-accent-600: var(--color-accent-600);
318
+ --primitive-color-accent-700: var(--color-accent-700);
319
+ --primitive-color-accent-800: var(--color-accent-800);
320
+ --primitive-color-accent-900: var(--color-accent-900);
321
+
322
+ /* Semantic tokens */
240
323
  /* Page background */
241
324
  --background-canvas: var(--primitive-color-neutral-50);
242
325
  /* Card/surface background */