@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.
- package/AGENTS.md +4 -2
- package/API.md +17 -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` —
|
|
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 —
|
|
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
|
-
|
|
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`, `
|
|
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
|
+
```
|