@marianmeres/design-tokens 1.3.0 → 1.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 (3) hide show
  1. package/AGENTS.md +4 -2
  2. package/API.md +17 -3
  3. package/package.json +1 -1
package/AGENTS.md CHANGED
@@ -18,7 +18,7 @@ declarations with automatic hover/active state derivation via `color-mix()`.
18
18
  Entry points:
19
19
  - `.` — core generation functions, types, color palette
20
20
  - `./reboot` — Bootstrap Reboot `--bs-*` variable bridge
21
- - `./themes` — 42 pre-built theme definitions
21
+ - `./themes` — 43 pre-built theme definitions + `themeNames` constant
22
22
  - `./css/*.css` — pre-built CSS files with `stuic-` prefix (npm only, not on JSR)
23
23
 
24
24
  ## Project Structure
@@ -32,13 +32,14 @@ Entry points:
32
32
  colors.ts — Tailwind color palette (v3 + v4.2 additions: taupe, mauve, mist, olive)
33
33
  reboot-bridge.ts — Bootstrap Reboot --bs-* variable mapping
34
34
  /themes
35
- mod.ts — re-exports all theme definitions
35
+ mod.ts — auto-generated barrel (via scripts/build-themes-mod.ts)
36
36
  *.ts — individual theme files (default export: ThemeSchema)
37
37
  /css — pre-built CSS files (generated by scripts/build-css.ts)
38
38
  /tests — test files (deno test --allow-read)
39
39
  /scripts
40
40
  build-npm.ts — npm package build (also copies css/ into dist)
41
41
  build-css.ts — generates css/*.css from all themes with "stuic-" prefix
42
+ build-themes-mod.ts — auto-generates src/themes/mod.ts from discovered theme files
42
43
  /theme-preview-builder — HTML preview tool
43
44
  ```
44
45
 
@@ -73,6 +74,7 @@ Entry points:
73
74
  | Export | Purpose |
74
75
  |--------|---------|
75
76
  | `colors` | Tailwind hex palette including v4.2 additions (`colors.blue[600]`, `colors.mauve[500]`) |
77
+ | `themeNames` | Kebab-case theme name strings matching CSS filenames (from `./themes`) |
76
78
 
77
79
  ## Critical Conventions
78
80
 
package/API.md CHANGED
@@ -273,9 +273,9 @@ colors.white // → "#ffffff"
273
273
 
274
274
  *Import from `@marianmeres/design-tokens/themes`*
275
275
 
276
- 42 pre-built `ThemeSchema` definitions, each with light + dark mode:
276
+ 43 pre-built `ThemeSchema` definitions, each with light + dark mode:
277
277
 
278
- `blueOrange`, `cyanRed`, `cyanSlate`, `emeraldAmberForest`, `emeraldPink`, `fuchsiaEmerald`, `gray`, `indigoAmber`, `limeFuchsiaNeon`, `mauve`, `mauveLimeElectric`, `mauveTeal`, `mist`, `mistIndigoFjord`, `mistVioletAurora`, `monokaiCyan`, `monokaiGreen`, `monokaiPink`, `olive`, `oliveAmberSafari`, `orangePinkSunset`, `pinkEmerald`, `pinkTeal`, `purpleYellow`, `rainbow`, `redBlue`, `redCyan`, `redSky`, `redSkySlate`, `roseTeal`, `skyAmber`, `slateCyan`, `slateTealOcean`, `stone`, `taupe`, `taupeOliveClay`, `taupeRoseBlush`, `stoneOrangeEarth`, `tealRose`, `violetLime`, `violetRoseDusk`, `zinc`
278
+ `amberOliveSafari`, `blueOrange`, `cyanRed`, `cyanSlate`, `emeraldAmberForest`, `emeraldPink`, `fuchsiaEmerald`, `gray`, `indigoAmber`, `limeFuchsiaNeon`, `mauve`, `mauveLimeElectric`, `mauveTeal`, `mist`, `mistIndigoFjord`, `mistVioletAurora`, `monokaiCyan`, `monokaiGreen`, `monokaiPink`, `olive`, `oliveAmberSafari`, `orangePinkSunset`, `pinkEmerald`, `pinkTeal`, `purpleYellow`, `rainbow`, `redBlue`, `redCyan`, `redSky`, `redSkySlate`, `roseTeal`, `skyAmber`, `slateCyan`, `slateTealOcean`, `stone`, `stoneOrangeEarth`, `taupe`, `taupeOliveClay`, `taupeRoseBlush`, `tealRose`, `violetLime`, `violetRoseDusk`, `zinc`
279
279
 
280
280
  ---
281
281
 
@@ -289,4 +289,18 @@ All bundled themes are also distributed as pre-built CSS files using the `stuic-
289
289
  import "@marianmeres/design-tokens/css/mauve-teal.css";
290
290
  ```
291
291
 
292
- Available files: `blue-orange.css`, `cyan-red.css`, `mauve-teal.css`, `mist-indigo-fjord.css`, `taupe-rose-blush.css`, etc. (one per bundled theme)
292
+ Available files: `amber-olive-safari.css`, `blue-orange.css`, `cyan-red.css`, `mauve-teal.css`, `mist-indigo-fjord.css`, `taupe-rose-blush.css`, etc. (one per bundled theme)
293
+
294
+ ---
295
+
296
+ ### `themeNames`
297
+
298
+ *Import from `@marianmeres/design-tokens/themes`*
299
+
300
+ Kebab-case theme name strings matching the generated CSS filenames (without extension). Typed as `readonly` tuple.
301
+
302
+ ```typescript
303
+ import { themeNames } from "@marianmeres/design-tokens/themes";
304
+
305
+ themeNames; // → ["amber-olive-safari", "blue-orange", ..., "zinc"]
306
+ ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marianmeres/design-tokens",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "type": "module",
5
5
  "main": "dist/mod.js",
6
6
  "types": "dist/mod.d.ts",