@hex-core/tokens 0.1.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.
- package/LICENSE +21 -0
- package/README.md +31 -0
- package/dist/index.d.ts +53 -0
- package/dist/index.js +259 -0
- package/dist/index.js.map +1 -0
- package/package.json +53 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Hex UI
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
# @hex-core/tokens
|
|
2
|
+
|
|
3
|
+
Design token engine for Hex UI — HSL color tokens + typography scale + shadow/radius tokens shared between components and themes.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
pnpm add @hex-core/tokens
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Or, more commonly, copy the CSS block from the [Theming guide](https://hex-core.dev/docs/theming) directly into your app's `globals.css`.
|
|
12
|
+
|
|
13
|
+
## Contents
|
|
14
|
+
|
|
15
|
+
- Light + dark HSL palette (zinc neutral base, WCAG-safe pairs)
|
|
16
|
+
- Typography scale (`--text-2xs` → `--text-5xl`)
|
|
17
|
+
- Radii (`--radius-sm/md/lg`)
|
|
18
|
+
- Shadows (`--shadow-glow`)
|
|
19
|
+
- Container widths
|
|
20
|
+
|
|
21
|
+
## Overriding
|
|
22
|
+
|
|
23
|
+
Every token is a CSS custom property. Override on `:root` or inside `.dark` for per-theme overrides. See the [Theming guide](https://hex-core.dev/docs/theming) for examples (accent hue swap, custom palette, typography scale).
|
|
24
|
+
|
|
25
|
+
## Docs
|
|
26
|
+
|
|
27
|
+
[hex-core.dev/docs/theming](https://hex-core.dev/docs/theming)
|
|
28
|
+
|
|
29
|
+
## License
|
|
30
|
+
|
|
31
|
+
MIT
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Theme } from '@hex-core/registry';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Transforms a theme's token set into CSS custom properties.
|
|
5
|
+
* @param theme - The theme to transform
|
|
6
|
+
* @returns A CSS string with `:root` and `.dark` custom property declarations inside a `@layer base` block
|
|
7
|
+
*/
|
|
8
|
+
declare function themeToCss(theme: Theme): string;
|
|
9
|
+
/**
|
|
10
|
+
* Transforms a theme into a flat JSON map for AI consumption.
|
|
11
|
+
* This is the most token-efficient format for LLMs.
|
|
12
|
+
* @param theme - The theme to transform
|
|
13
|
+
* @param mode - Color mode to extract tokens for (defaults to "light")
|
|
14
|
+
* @returns A flat record mapping CSS variable names to their values
|
|
15
|
+
*/
|
|
16
|
+
declare function themeToFlatJson(theme: Theme, mode?: "light" | "dark"): Record<string, string>;
|
|
17
|
+
/**
|
|
18
|
+
* Transforms a theme into Tailwind CSS config extension.
|
|
19
|
+
* @param theme - The theme to transform
|
|
20
|
+
* @returns An object with `colors` and `borderRadius` maps suitable for Tailwind's `theme.extend`
|
|
21
|
+
*/
|
|
22
|
+
declare function themeToTailwindConfig(theme: Theme): Record<string, Record<string, string>>;
|
|
23
|
+
/**
|
|
24
|
+
* Generates a complete globals.css content with theme tokens and Tailwind directives.
|
|
25
|
+
* @param theme - The theme to generate CSS for
|
|
26
|
+
* @returns A full globals.css string including Tailwind imports, theme tokens, and base layer styles
|
|
27
|
+
*/
|
|
28
|
+
declare function generateGlobalsCss(theme: Theme): string;
|
|
29
|
+
|
|
30
|
+
declare const defaultTheme: Theme;
|
|
31
|
+
|
|
32
|
+
declare const midnightTheme: Theme;
|
|
33
|
+
|
|
34
|
+
declare const emberTheme: Theme;
|
|
35
|
+
|
|
36
|
+
declare const themes: Record<string, Theme>;
|
|
37
|
+
/**
|
|
38
|
+
* Retrieve a theme by name.
|
|
39
|
+
* @param name - The theme identifier (e.g. "default", "midnight", "ember")
|
|
40
|
+
* @returns The matching Theme object, or undefined if not found
|
|
41
|
+
*/
|
|
42
|
+
declare function getTheme(name: string): Theme | undefined;
|
|
43
|
+
/**
|
|
44
|
+
* List all available themes with their display metadata.
|
|
45
|
+
* @returns An array of theme summaries containing name, displayName, and description
|
|
46
|
+
*/
|
|
47
|
+
declare function listThemes(): Array<{
|
|
48
|
+
name: string;
|
|
49
|
+
displayName: string;
|
|
50
|
+
description: string;
|
|
51
|
+
}>;
|
|
52
|
+
|
|
53
|
+
export { defaultTheme, emberTheme, generateGlobalsCss, getTheme, listThemes, midnightTheme, themeToCss, themeToFlatJson, themeToTailwindConfig, themes };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,259 @@
|
|
|
1
|
+
// src/transformer.ts
|
|
2
|
+
function extractValue(token) {
|
|
3
|
+
if (typeof token === "object" && token !== null && "value" in token) {
|
|
4
|
+
return String(token.value);
|
|
5
|
+
}
|
|
6
|
+
return String(token);
|
|
7
|
+
}
|
|
8
|
+
function extractType(token) {
|
|
9
|
+
if (typeof token === "object" && token !== null && "type" in token) {
|
|
10
|
+
return token.type;
|
|
11
|
+
}
|
|
12
|
+
return void 0;
|
|
13
|
+
}
|
|
14
|
+
function themeToCss(theme) {
|
|
15
|
+
const lines = [];
|
|
16
|
+
lines.push("@layer base {");
|
|
17
|
+
lines.push(" :root {");
|
|
18
|
+
for (const [key, token] of Object.entries(theme.tokens.light)) {
|
|
19
|
+
lines.push(` --${key}: ${extractValue(token)};`);
|
|
20
|
+
}
|
|
21
|
+
lines.push(" }");
|
|
22
|
+
lines.push("");
|
|
23
|
+
lines.push(" .dark {");
|
|
24
|
+
for (const [key, token] of Object.entries(theme.tokens.dark)) {
|
|
25
|
+
lines.push(` --${key}: ${extractValue(token)};`);
|
|
26
|
+
}
|
|
27
|
+
lines.push(" }");
|
|
28
|
+
lines.push("}");
|
|
29
|
+
return lines.join("\n");
|
|
30
|
+
}
|
|
31
|
+
function themeToFlatJson(theme, mode = "light") {
|
|
32
|
+
const flat = {};
|
|
33
|
+
const tokens = mode === "light" ? theme.tokens.light : theme.tokens.dark;
|
|
34
|
+
for (const [key, token] of Object.entries(tokens)) {
|
|
35
|
+
flat[`--${key}`] = extractValue(token);
|
|
36
|
+
}
|
|
37
|
+
return flat;
|
|
38
|
+
}
|
|
39
|
+
function themeToTailwindConfig(theme) {
|
|
40
|
+
const colors = {};
|
|
41
|
+
const borderRadius = {};
|
|
42
|
+
for (const [key, token] of Object.entries(theme.tokens.light)) {
|
|
43
|
+
const type = extractType(token);
|
|
44
|
+
if (!type) continue;
|
|
45
|
+
if (type === "color") {
|
|
46
|
+
colors[key] = `hsl(var(--${key}))`;
|
|
47
|
+
} else if (type === "radius") {
|
|
48
|
+
borderRadius[key] = `var(--${key})`;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return { colors, borderRadius };
|
|
52
|
+
}
|
|
53
|
+
function generateGlobalsCss(theme) {
|
|
54
|
+
const lines = [];
|
|
55
|
+
lines.push("@tailwind base;");
|
|
56
|
+
lines.push("@tailwind components;");
|
|
57
|
+
lines.push("@tailwind utilities;");
|
|
58
|
+
lines.push("");
|
|
59
|
+
lines.push(themeToCss(theme));
|
|
60
|
+
lines.push("");
|
|
61
|
+
lines.push("@layer base {");
|
|
62
|
+
lines.push(" * {");
|
|
63
|
+
lines.push(" @apply border-border;");
|
|
64
|
+
lines.push(" }");
|
|
65
|
+
lines.push(" body {");
|
|
66
|
+
lines.push(" @apply bg-background text-foreground;");
|
|
67
|
+
lines.push(" }");
|
|
68
|
+
lines.push("}");
|
|
69
|
+
return lines.join("\n");
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
// src/themes/default.ts
|
|
73
|
+
var defaultTheme = {
|
|
74
|
+
name: "default",
|
|
75
|
+
displayName: "Default",
|
|
76
|
+
description: "A refined, neutral theme with subtle depth. Professional and versatile with clean lines and balanced contrast.",
|
|
77
|
+
tokens: {
|
|
78
|
+
light: {
|
|
79
|
+
background: { value: "0 0% 100%", type: "color" },
|
|
80
|
+
foreground: { value: "240 10% 3.9%", type: "color" },
|
|
81
|
+
card: { value: "0 0% 100%", type: "color" },
|
|
82
|
+
"card-foreground": { value: "240 10% 3.9%", type: "color" },
|
|
83
|
+
popover: { value: "0 0% 100%", type: "color" },
|
|
84
|
+
"popover-foreground": { value: "240 10% 3.9%", type: "color" },
|
|
85
|
+
primary: { value: "240 5.9% 10%", type: "color" },
|
|
86
|
+
"primary-foreground": { value: "0 0% 98%", type: "color" },
|
|
87
|
+
secondary: { value: "240 4.8% 95.9%", type: "color" },
|
|
88
|
+
"secondary-foreground": { value: "240 5.9% 10%", type: "color" },
|
|
89
|
+
muted: { value: "240 4.8% 95.9%", type: "color" },
|
|
90
|
+
"muted-foreground": { value: "240 3.8% 46.1%", type: "color" },
|
|
91
|
+
accent: { value: "240 4.8% 95.9%", type: "color" },
|
|
92
|
+
"accent-foreground": { value: "240 5.9% 10%", type: "color" },
|
|
93
|
+
destructive: { value: "0 84.2% 60.2%", type: "color" },
|
|
94
|
+
"destructive-foreground": { value: "0 0% 98%", type: "color" },
|
|
95
|
+
border: { value: "240 5.9% 90%", type: "color" },
|
|
96
|
+
input: { value: "240 5.9% 90%", type: "color" },
|
|
97
|
+
ring: { value: "240 5.9% 10%", type: "color" },
|
|
98
|
+
radius: { value: "0.625rem", type: "radius" }
|
|
99
|
+
},
|
|
100
|
+
dark: {
|
|
101
|
+
background: { value: "240 10% 3.9%", type: "color" },
|
|
102
|
+
foreground: { value: "0 0% 98%", type: "color" },
|
|
103
|
+
card: { value: "240 10% 3.9%", type: "color" },
|
|
104
|
+
"card-foreground": { value: "0 0% 98%", type: "color" },
|
|
105
|
+
popover: { value: "240 10% 3.9%", type: "color" },
|
|
106
|
+
"popover-foreground": { value: "0 0% 98%", type: "color" },
|
|
107
|
+
primary: { value: "0 0% 98%", type: "color" },
|
|
108
|
+
"primary-foreground": { value: "240 5.9% 10%", type: "color" },
|
|
109
|
+
secondary: { value: "240 3.7% 15.9%", type: "color" },
|
|
110
|
+
"secondary-foreground": { value: "0 0% 98%", type: "color" },
|
|
111
|
+
muted: { value: "240 3.7% 15.9%", type: "color" },
|
|
112
|
+
"muted-foreground": { value: "240 5% 64.9%", type: "color" },
|
|
113
|
+
accent: { value: "240 3.7% 15.9%", type: "color" },
|
|
114
|
+
"accent-foreground": { value: "0 0% 98%", type: "color" },
|
|
115
|
+
destructive: { value: "0 62.8% 30.6%", type: "color" },
|
|
116
|
+
"destructive-foreground": { value: "0 0% 98%", type: "color" },
|
|
117
|
+
border: { value: "240 3.7% 15.9%", type: "color" },
|
|
118
|
+
input: { value: "240 3.7% 15.9%", type: "color" },
|
|
119
|
+
ring: { value: "240 4.9% 83.9%", type: "color" },
|
|
120
|
+
radius: { value: "0.625rem", type: "radius" }
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
// src/themes/midnight.ts
|
|
126
|
+
var midnightTheme = {
|
|
127
|
+
name: "midnight",
|
|
128
|
+
displayName: "Midnight",
|
|
129
|
+
description: "A dark-first theme with deep blues and electric accents. Built for focus-heavy interfaces and developer tools.",
|
|
130
|
+
tokens: {
|
|
131
|
+
light: {
|
|
132
|
+
background: { value: "220 23% 97%", type: "color" },
|
|
133
|
+
foreground: { value: "224 71% 4%", type: "color" },
|
|
134
|
+
card: { value: "220 23% 99%", type: "color" },
|
|
135
|
+
"card-foreground": { value: "224 71% 4%", type: "color" },
|
|
136
|
+
popover: { value: "220 23% 99%", type: "color" },
|
|
137
|
+
"popover-foreground": { value: "224 71% 4%", type: "color" },
|
|
138
|
+
primary: { value: "226 70% 55%", type: "color" },
|
|
139
|
+
"primary-foreground": { value: "0 0% 100%", type: "color" },
|
|
140
|
+
secondary: { value: "220 14% 92%", type: "color" },
|
|
141
|
+
"secondary-foreground": { value: "224 71% 4%", type: "color" },
|
|
142
|
+
muted: { value: "220 14% 94%", type: "color" },
|
|
143
|
+
"muted-foreground": { value: "220 9% 43%", type: "color" },
|
|
144
|
+
accent: { value: "220 14% 92%", type: "color" },
|
|
145
|
+
"accent-foreground": { value: "224 71% 4%", type: "color" },
|
|
146
|
+
destructive: { value: "0 84% 60%", type: "color" },
|
|
147
|
+
"destructive-foreground": { value: "0 0% 100%", type: "color" },
|
|
148
|
+
border: { value: "220 13% 88%", type: "color" },
|
|
149
|
+
input: { value: "220 13% 88%", type: "color" },
|
|
150
|
+
ring: { value: "226 70% 55%", type: "color" },
|
|
151
|
+
radius: { value: "0.5rem", type: "radius" }
|
|
152
|
+
},
|
|
153
|
+
dark: {
|
|
154
|
+
background: { value: "224 71% 4%", type: "color" },
|
|
155
|
+
foreground: { value: "220 23% 95%", type: "color" },
|
|
156
|
+
card: { value: "224 50% 7%", type: "color" },
|
|
157
|
+
"card-foreground": { value: "220 23% 95%", type: "color" },
|
|
158
|
+
popover: { value: "224 50% 7%", type: "color" },
|
|
159
|
+
"popover-foreground": { value: "220 23% 95%", type: "color" },
|
|
160
|
+
primary: { value: "226 70% 55%", type: "color" },
|
|
161
|
+
"primary-foreground": { value: "0 0% 100%", type: "color" },
|
|
162
|
+
secondary: { value: "224 30% 13%", type: "color" },
|
|
163
|
+
"secondary-foreground": { value: "220 23% 95%", type: "color" },
|
|
164
|
+
muted: { value: "224 30% 13%", type: "color" },
|
|
165
|
+
"muted-foreground": { value: "220 9% 55%", type: "color" },
|
|
166
|
+
accent: { value: "224 30% 15%", type: "color" },
|
|
167
|
+
"accent-foreground": { value: "220 23% 95%", type: "color" },
|
|
168
|
+
destructive: { value: "0 62% 30%", type: "color" },
|
|
169
|
+
"destructive-foreground": { value: "0 0% 98%", type: "color" },
|
|
170
|
+
border: { value: "224 20% 14%", type: "color" },
|
|
171
|
+
input: { value: "224 20% 14%", type: "color" },
|
|
172
|
+
ring: { value: "226 70% 55%", type: "color" },
|
|
173
|
+
radius: { value: "0.5rem", type: "radius" }
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
// src/themes/ember.ts
|
|
179
|
+
var emberTheme = {
|
|
180
|
+
name: "ember",
|
|
181
|
+
displayName: "Ember",
|
|
182
|
+
description: "A warm theme with terracotta and amber tones. Inviting and distinctive, ideal for creative and lifestyle applications.",
|
|
183
|
+
tokens: {
|
|
184
|
+
light: {
|
|
185
|
+
background: { value: "30 33% 98%", type: "color" },
|
|
186
|
+
foreground: { value: "20 14% 10%", type: "color" },
|
|
187
|
+
card: { value: "30 33% 99%", type: "color" },
|
|
188
|
+
"card-foreground": { value: "20 14% 10%", type: "color" },
|
|
189
|
+
popover: { value: "30 33% 99%", type: "color" },
|
|
190
|
+
"popover-foreground": { value: "20 14% 10%", type: "color" },
|
|
191
|
+
primary: { value: "16 65% 48%", type: "color" },
|
|
192
|
+
"primary-foreground": { value: "0 0% 100%", type: "color" },
|
|
193
|
+
secondary: { value: "30 20% 92%", type: "color" },
|
|
194
|
+
"secondary-foreground": { value: "20 14% 10%", type: "color" },
|
|
195
|
+
muted: { value: "30 20% 94%", type: "color" },
|
|
196
|
+
"muted-foreground": { value: "20 6% 43%", type: "color" },
|
|
197
|
+
accent: { value: "36 60% 90%", type: "color" },
|
|
198
|
+
"accent-foreground": { value: "20 14% 10%", type: "color" },
|
|
199
|
+
destructive: { value: "0 84% 60%", type: "color" },
|
|
200
|
+
"destructive-foreground": { value: "0 0% 100%", type: "color" },
|
|
201
|
+
border: { value: "30 15% 87%", type: "color" },
|
|
202
|
+
input: { value: "30 15% 87%", type: "color" },
|
|
203
|
+
ring: { value: "16 65% 48%", type: "color" },
|
|
204
|
+
radius: { value: "0.75rem", type: "radius" }
|
|
205
|
+
},
|
|
206
|
+
dark: {
|
|
207
|
+
background: { value: "20 14% 6%", type: "color" },
|
|
208
|
+
foreground: { value: "30 20% 94%", type: "color" },
|
|
209
|
+
card: { value: "20 14% 8%", type: "color" },
|
|
210
|
+
"card-foreground": { value: "30 20% 94%", type: "color" },
|
|
211
|
+
popover: { value: "20 14% 8%", type: "color" },
|
|
212
|
+
"popover-foreground": { value: "30 20% 94%", type: "color" },
|
|
213
|
+
primary: { value: "16 65% 52%", type: "color" },
|
|
214
|
+
"primary-foreground": { value: "0 0% 100%", type: "color" },
|
|
215
|
+
secondary: { value: "20 12% 14%", type: "color" },
|
|
216
|
+
"secondary-foreground": { value: "30 20% 94%", type: "color" },
|
|
217
|
+
muted: { value: "20 12% 14%", type: "color" },
|
|
218
|
+
"muted-foreground": { value: "20 6% 55%", type: "color" },
|
|
219
|
+
accent: { value: "20 20% 16%", type: "color" },
|
|
220
|
+
"accent-foreground": { value: "30 20% 94%", type: "color" },
|
|
221
|
+
destructive: { value: "0 62% 30%", type: "color" },
|
|
222
|
+
"destructive-foreground": { value: "0 0% 98%", type: "color" },
|
|
223
|
+
border: { value: "20 10% 16%", type: "color" },
|
|
224
|
+
input: { value: "20 10% 16%", type: "color" },
|
|
225
|
+
ring: { value: "16 65% 52%", type: "color" },
|
|
226
|
+
radius: { value: "0.75rem", type: "radius" }
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
};
|
|
230
|
+
|
|
231
|
+
// src/index.ts
|
|
232
|
+
var themes = {
|
|
233
|
+
default: defaultTheme,
|
|
234
|
+
midnight: midnightTheme,
|
|
235
|
+
ember: emberTheme
|
|
236
|
+
};
|
|
237
|
+
function getTheme(name) {
|
|
238
|
+
return themes[name];
|
|
239
|
+
}
|
|
240
|
+
function listThemes() {
|
|
241
|
+
return Object.values(themes).map((t) => ({
|
|
242
|
+
name: t.name,
|
|
243
|
+
displayName: t.displayName,
|
|
244
|
+
description: t.description
|
|
245
|
+
}));
|
|
246
|
+
}
|
|
247
|
+
export {
|
|
248
|
+
defaultTheme,
|
|
249
|
+
emberTheme,
|
|
250
|
+
generateGlobalsCss,
|
|
251
|
+
getTheme,
|
|
252
|
+
listThemes,
|
|
253
|
+
midnightTheme,
|
|
254
|
+
themeToCss,
|
|
255
|
+
themeToFlatJson,
|
|
256
|
+
themeToTailwindConfig,
|
|
257
|
+
themes
|
|
258
|
+
};
|
|
259
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/transformer.ts","../src/themes/default.ts","../src/themes/midnight.ts","../src/themes/ember.ts","../src/index.ts"],"sourcesContent":["import type { Theme } from \"@hex-core/registry\";\n\ninterface TokenLike {\n\tvalue: string;\n\ttype?: string;\n}\n\n/**\n * Extract the value string from a token-like object or primitive.\n * @param token - A token object with a `value` property, or a primitive\n * @returns The token's value as a string\n */\nfunction extractValue(token: unknown): string {\n\tif (typeof token === \"object\" && token !== null && \"value\" in token) {\n\t\treturn String((token as TokenLike).value);\n\t}\n\treturn String(token);\n}\n\n/**\n * Extract the type annotation from a token-like object.\n * @param token - A token object potentially containing a `type` property\n * @returns The token type string, or undefined if not present\n */\nfunction extractType(token: unknown): string | undefined {\n\tif (typeof token === \"object\" && token !== null && \"type\" in token) {\n\t\treturn (token as TokenLike).type;\n\t}\n\treturn undefined;\n}\n\n/**\n * Transforms a theme's token set into CSS custom properties.\n * @param theme - The theme to transform\n * @returns A CSS string with `:root` and `.dark` custom property declarations inside a `@layer base` block\n */\nexport function themeToCss(theme: Theme): string {\n\tconst lines: string[] = [];\n\n\tlines.push(\"@layer base {\");\n\tlines.push(\" :root {\");\n\tfor (const [key, token] of Object.entries(theme.tokens.light)) {\n\t\tlines.push(` --${key}: ${extractValue(token)};`);\n\t}\n\tlines.push(\" }\");\n\tlines.push(\"\");\n\tlines.push(\" .dark {\");\n\tfor (const [key, token] of Object.entries(theme.tokens.dark)) {\n\t\tlines.push(` --${key}: ${extractValue(token)};`);\n\t}\n\tlines.push(\" }\");\n\tlines.push(\"}\");\n\n\treturn lines.join(\"\\n\");\n}\n\n/**\n * Transforms a theme into a flat JSON map for AI consumption.\n * This is the most token-efficient format for LLMs.\n * @param theme - The theme to transform\n * @param mode - Color mode to extract tokens for (defaults to \"light\")\n * @returns A flat record mapping CSS variable names to their values\n */\nexport function themeToFlatJson(\n\ttheme: Theme,\n\tmode: \"light\" | \"dark\" = \"light\",\n): Record<string, string> {\n\tconst flat: Record<string, string> = {};\n\tconst tokens = mode === \"light\" ? theme.tokens.light : theme.tokens.dark;\n\n\tfor (const [key, token] of Object.entries(tokens)) {\n\t\tflat[`--${key}`] = extractValue(token);\n\t}\n\n\treturn flat;\n}\n\n/**\n * Transforms a theme into Tailwind CSS config extension.\n * @param theme - The theme to transform\n * @returns An object with `colors` and `borderRadius` maps suitable for Tailwind's `theme.extend`\n */\nexport function themeToTailwindConfig(theme: Theme): Record<string, Record<string, string>> {\n\tconst colors: Record<string, string> = {};\n\tconst borderRadius: Record<string, string> = {};\n\n\tfor (const [key, token] of Object.entries(theme.tokens.light)) {\n\t\tconst type = extractType(token);\n\t\tif (!type) continue;\n\n\t\tif (type === \"color\") {\n\t\t\tcolors[key] = `hsl(var(--${key}))`;\n\t\t} else if (type === \"radius\") {\n\t\t\tborderRadius[key] = `var(--${key})`;\n\t\t}\n\t}\n\n\treturn { colors, borderRadius };\n}\n\n/**\n * Generates a complete globals.css content with theme tokens and Tailwind directives.\n * @param theme - The theme to generate CSS for\n * @returns A full globals.css string including Tailwind imports, theme tokens, and base layer styles\n */\nexport function generateGlobalsCss(theme: Theme): string {\n\tconst lines: string[] = [];\n\n\tlines.push(\"@tailwind base;\");\n\tlines.push(\"@tailwind components;\");\n\tlines.push(\"@tailwind utilities;\");\n\tlines.push(\"\");\n\tlines.push(themeToCss(theme));\n\tlines.push(\"\");\n\tlines.push(\"@layer base {\");\n\tlines.push(\" * {\");\n\tlines.push(\" @apply border-border;\");\n\tlines.push(\" }\");\n\tlines.push(\" body {\");\n\tlines.push(\" @apply bg-background text-foreground;\");\n\tlines.push(\" }\");\n\tlines.push(\"}\");\n\n\treturn lines.join(\"\\n\");\n}\n","import type { Theme } from \"@hex-core/registry\";\n\nexport const defaultTheme: Theme = {\n\tname: \"default\",\n\tdisplayName: \"Default\",\n\tdescription:\n\t\t\"A refined, neutral theme with subtle depth. Professional and versatile with clean lines and balanced contrast.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tforeground: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tcard: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tpopover: { value: \"0 0% 100%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tprimary: { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tsecondary: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tmuted: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"240 3.8% 46.1%\", type: \"color\" },\n\t\t\taccent: { value: \"240 4.8% 95.9%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 84.2% 60.2%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tborder: { value: \"240 5.9% 90%\", type: \"color\" },\n\t\t\tinput: { value: \"240 5.9% 90%\", type: \"color\" },\n\t\t\tring: { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tradius: { value: \"0.625rem\", type: \"radius\" },\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\tforeground: { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tcard: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tpopover: { value: \"240 10% 3.9%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tprimary: { value: \"0 0% 98%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"240 5.9% 10%\", type: \"color\" },\n\t\t\tsecondary: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tmuted: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"240 5% 64.9%\", type: \"color\" },\n\t\t\taccent: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 62.8% 30.6%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tborder: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\tinput: { value: \"240 3.7% 15.9%\", type: \"color\" },\n\t\t\tring: { value: \"240 4.9% 83.9%\", type: \"color\" },\n\t\t\tradius: { value: \"0.625rem\", type: \"radius\" },\n\t\t},\n\t},\n};\n","import type { Theme } from \"@hex-core/registry\";\n\nexport const midnightTheme: Theme = {\n\tname: \"midnight\",\n\tdisplayName: \"Midnight\",\n\tdescription:\n\t\t\"A dark-first theme with deep blues and electric accents. Built for focus-heavy interfaces and developer tools.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"220 23% 97%\", type: \"color\" },\n\t\t\tforeground: { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tcard: { value: \"220 23% 99%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tpopover: { value: \"220 23% 99%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tprimary: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"220 14% 92%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tmuted: { value: \"220 14% 94%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"220 9% 43%\", type: \"color\" },\n\t\t\taccent: { value: \"220 14% 92%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 84% 60%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tborder: { value: \"220 13% 88%\", type: \"color\" },\n\t\t\tinput: { value: \"220 13% 88%\", type: \"color\" },\n\t\t\tring: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\tradius: { value: \"0.5rem\", type: \"radius\" },\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"224 71% 4%\", type: \"color\" },\n\t\t\tforeground: { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tcard: { value: \"224 50% 7%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tpopover: { value: \"224 50% 7%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tprimary: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"224 30% 13%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tmuted: { value: \"224 30% 13%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"220 9% 55%\", type: \"color\" },\n\t\t\taccent: { value: \"224 30% 15%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"220 23% 95%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 62% 30%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tborder: { value: \"224 20% 14%\", type: \"color\" },\n\t\t\tinput: { value: \"224 20% 14%\", type: \"color\" },\n\t\t\tring: { value: \"226 70% 55%\", type: \"color\" },\n\t\t\tradius: { value: \"0.5rem\", type: \"radius\" },\n\t\t},\n\t},\n};\n","import type { Theme } from \"@hex-core/registry\";\n\nexport const emberTheme: Theme = {\n\tname: \"ember\",\n\tdisplayName: \"Ember\",\n\tdescription:\n\t\t\"A warm theme with terracotta and amber tones. Inviting and distinctive, ideal for creative and lifestyle applications.\",\n\ttokens: {\n\t\tlight: {\n\t\t\tbackground: { value: \"30 33% 98%\", type: \"color\" },\n\t\t\tforeground: { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tcard: { value: \"30 33% 99%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tpopover: { value: \"30 33% 99%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tprimary: { value: \"16 65% 48%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"30 20% 92%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tmuted: { value: \"30 20% 94%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"20 6% 43%\", type: \"color\" },\n\t\t\taccent: { value: \"36 60% 90%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"20 14% 10%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 84% 60%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tborder: { value: \"30 15% 87%\", type: \"color\" },\n\t\t\tinput: { value: \"30 15% 87%\", type: \"color\" },\n\t\t\tring: { value: \"16 65% 48%\", type: \"color\" },\n\t\t\tradius: { value: \"0.75rem\", type: \"radius\" },\n\t\t},\n\t\tdark: {\n\t\t\tbackground: { value: \"20 14% 6%\", type: \"color\" },\n\t\t\tforeground: { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tcard: { value: \"20 14% 8%\", type: \"color\" },\n\t\t\t\"card-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tpopover: { value: \"20 14% 8%\", type: \"color\" },\n\t\t\t\"popover-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tprimary: { value: \"16 65% 52%\", type: \"color\" },\n\t\t\t\"primary-foreground\": { value: \"0 0% 100%\", type: \"color\" },\n\t\t\tsecondary: { value: \"20 12% 14%\", type: \"color\" },\n\t\t\t\"secondary-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tmuted: { value: \"20 12% 14%\", type: \"color\" },\n\t\t\t\"muted-foreground\": { value: \"20 6% 55%\", type: \"color\" },\n\t\t\taccent: { value: \"20 20% 16%\", type: \"color\" },\n\t\t\t\"accent-foreground\": { value: \"30 20% 94%\", type: \"color\" },\n\t\t\tdestructive: { value: \"0 62% 30%\", type: \"color\" },\n\t\t\t\"destructive-foreground\": { value: \"0 0% 98%\", type: \"color\" },\n\t\t\tborder: { value: \"20 10% 16%\", type: \"color\" },\n\t\t\tinput: { value: \"20 10% 16%\", type: \"color\" },\n\t\t\tring: { value: \"16 65% 52%\", type: \"color\" },\n\t\t\tradius: { value: \"0.75rem\", type: \"radius\" },\n\t\t},\n\t},\n};\n","export {\n\tgenerateGlobalsCss,\n\tthemeToCss,\n\tthemeToFlatJson,\n\tthemeToTailwindConfig,\n} from \"./transformer.js\";\nexport { defaultTheme } from \"./themes/default.js\";\nexport { midnightTheme } from \"./themes/midnight.js\";\nexport { emberTheme } from \"./themes/ember.js\";\n\nimport type { Theme } from \"@hex-core/registry\";\nimport { defaultTheme } from \"./themes/default.js\";\nimport { emberTheme } from \"./themes/ember.js\";\nimport { midnightTheme } from \"./themes/midnight.js\";\n\nexport const themes: Record<string, Theme> = {\n\tdefault: defaultTheme,\n\tmidnight: midnightTheme,\n\tember: emberTheme,\n};\n\n/**\n * Retrieve a theme by name.\n * @param name - The theme identifier (e.g. \"default\", \"midnight\", \"ember\")\n * @returns The matching Theme object, or undefined if not found\n */\nexport function getTheme(name: string): Theme | undefined {\n\treturn themes[name];\n}\n\n/**\n * List all available themes with their display metadata.\n * @returns An array of theme summaries containing name, displayName, and description\n */\nexport function listThemes(): Array<{ name: string; displayName: string; description: string }> {\n\treturn Object.values(themes).map((t) => ({\n\t\tname: t.name,\n\t\tdisplayName: t.displayName,\n\t\tdescription: t.description,\n\t}));\n}\n"],"mappings":"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","names":[]}
|
package/package.json
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@hex-core/tokens",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "Design token engine for Hex UI — HSL tokens + typography scale shared between components and themes.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"hex-ui",
|
|
7
|
+
"tokens",
|
|
8
|
+
"design-tokens",
|
|
9
|
+
"tailwind",
|
|
10
|
+
"hsl",
|
|
11
|
+
"theme"
|
|
12
|
+
],
|
|
13
|
+
"license": "MIT",
|
|
14
|
+
"author": "Oscar Corona <oabc4004@gmail.com>",
|
|
15
|
+
"homepage": "https://hex-core.dev",
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "git+https://github.com/oscarabcorona/hex-core.git",
|
|
19
|
+
"directory": "packages/tokens"
|
|
20
|
+
},
|
|
21
|
+
"bugs": {
|
|
22
|
+
"url": "https://github.com/oscarabcorona/hex-core/issues"
|
|
23
|
+
},
|
|
24
|
+
"type": "module",
|
|
25
|
+
"main": "dist/index.js",
|
|
26
|
+
"types": "dist/index.d.ts",
|
|
27
|
+
"exports": {
|
|
28
|
+
".": {
|
|
29
|
+
"import": "./dist/index.js",
|
|
30
|
+
"types": "./dist/index.d.ts"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
"files": [
|
|
34
|
+
"dist",
|
|
35
|
+
"README.md",
|
|
36
|
+
"LICENSE"
|
|
37
|
+
],
|
|
38
|
+
"publishConfig": {
|
|
39
|
+
"access": "public"
|
|
40
|
+
},
|
|
41
|
+
"scripts": {
|
|
42
|
+
"build": "tsup",
|
|
43
|
+
"clean": "rm -rf dist"
|
|
44
|
+
},
|
|
45
|
+
"dependencies": {
|
|
46
|
+
"@hex-core/registry": "workspace:^",
|
|
47
|
+
"zod": "^3.23.0"
|
|
48
|
+
},
|
|
49
|
+
"devDependencies": {
|
|
50
|
+
"tsup": "^8.3.0",
|
|
51
|
+
"typescript": "^5.7.0"
|
|
52
|
+
}
|
|
53
|
+
}
|