@puzzle-ui/theme 0.0.0-stage → 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/dist/LICENSE +21 -0
- package/dist/breakpoints.cjs +10 -0
- package/dist/breakpoints.cjs.map +1 -0
- package/dist/breakpoints.d.cts +7 -0
- package/dist/breakpoints.d.ts +7 -0
- package/dist/breakpoints.js +10 -0
- package/dist/breakpoints.js.map +1 -0
- package/dist/components-context.cjs +19 -0
- package/dist/components-context.cjs.map +1 -0
- package/dist/components-context.d.cts +8 -0
- package/dist/components-context.d.ts +8 -0
- package/dist/components-context.js +17 -0
- package/dist/components-context.js.map +1 -0
- package/dist/components.types.d.cts +46 -0
- package/dist/components.types.d.ts +46 -0
- package/dist/constants.cjs +567 -0
- package/dist/constants.cjs.map +1 -0
- package/dist/constants.d.cts +363 -0
- package/dist/constants.d.ts +363 -0
- package/dist/constants.js +565 -0
- package/dist/constants.js.map +1 -0
- package/dist/create-theme-css.cjs +7 -0
- package/dist/create-theme-css.cjs.map +1 -0
- package/dist/create-theme-css.js +7 -0
- package/dist/create-theme-css.js.map +1 -0
- package/dist/create-theme-variables.cjs +135 -0
- package/dist/create-theme-variables.cjs.map +1 -0
- package/dist/create-theme-variables.js +134 -0
- package/dist/create-theme-variables.js.map +1 -0
- package/dist/fonts/constants.cjs +9 -0
- package/dist/fonts/constants.cjs.map +1 -0
- package/dist/fonts/constants.js +9 -0
- package/dist/fonts/constants.js.map +1 -0
- package/dist/fonts/create-google-font-url.cjs +27 -0
- package/dist/fonts/create-google-font-url.cjs.map +1 -0
- package/dist/fonts/create-google-font-url.d.cts +2 -0
- package/dist/fonts/create-google-font-url.d.ts +2 -0
- package/dist/fonts/create-google-font-url.js +27 -0
- package/dist/fonts/create-google-font-url.js.map +1 -0
- package/dist/fonts/google-font-familiy.d.cts +1 -0
- package/dist/fonts/google-font-familiy.d.ts +1 -0
- package/dist/fonts/google-font.cjs +42 -0
- package/dist/fonts/google-font.cjs.map +1 -0
- package/dist/fonts/google-font.d.cts +4 -0
- package/dist/fonts/google-font.d.ts +4 -0
- package/dist/fonts/google-font.js +42 -0
- package/dist/fonts/google-font.js.map +1 -0
- package/dist/fonts/index.d.cts +4 -0
- package/dist/fonts/resolve-font-config.cjs +28 -0
- package/dist/fonts/resolve-font-config.cjs.map +1 -0
- package/dist/fonts/resolve-font-config.js +28 -0
- package/dist/fonts/resolve-font-config.js.map +1 -0
- package/dist/fonts/resolve-font-stylesheets.cjs +47 -0
- package/dist/fonts/resolve-font-stylesheets.cjs.map +1 -0
- package/dist/fonts/resolve-font-stylesheets.js +47 -0
- package/dist/fonts/resolve-font-stylesheets.js.map +1 -0
- package/dist/fonts/types.d.cts +28 -0
- package/dist/fonts/types.d.ts +28 -0
- package/dist/fonts/typography.cjs +172 -0
- package/dist/fonts/typography.cjs.map +1 -0
- package/dist/fonts/typography.d.cts +2 -0
- package/dist/fonts/typography.d.ts +2 -0
- package/dist/fonts/typography.js +170 -0
- package/dist/fonts/typography.js.map +1 -0
- package/dist/global.css +135 -0
- package/dist/index.cjs +9 -0
- package/dist/index.d.cts +10 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +5 -0
- package/dist/scope-context.cjs +58 -0
- package/dist/scope-context.cjs.map +1 -0
- package/dist/scope-context.d.cts +14 -0
- package/dist/scope-context.d.ts +14 -0
- package/dist/scope-context.js +56 -0
- package/dist/scope-context.js.map +1 -0
- package/dist/theme-scopes.css +90 -0
- package/dist/theme.cjs +56 -0
- package/dist/theme.cjs.map +1 -0
- package/dist/theme.css +194 -0
- package/dist/theme.d.cts +18 -0
- package/dist/theme.d.ts +17 -0
- package/dist/theme.js +56 -0
- package/dist/theme.js.map +1 -0
- package/dist/types.d.cts +185 -0
- package/dist/types.d.ts +185 -0
- package/package.json +73 -4
- package/README.md +0 -3
|
@@ -0,0 +1,565 @@
|
|
|
1
|
+
// src/constants.ts
|
|
2
|
+
const GENERIC_FAMILIES = /* @__PURE__ */ new Set([
|
|
3
|
+
"serif",
|
|
4
|
+
"sans-serif",
|
|
5
|
+
"monospace",
|
|
6
|
+
"cursive",
|
|
7
|
+
"fantasy",
|
|
8
|
+
"system-ui",
|
|
9
|
+
"ui-serif",
|
|
10
|
+
"ui-sans-serif",
|
|
11
|
+
"ui-monospace",
|
|
12
|
+
"ui-rounded",
|
|
13
|
+
"math",
|
|
14
|
+
"fangsong",
|
|
15
|
+
"emoji"
|
|
16
|
+
]);
|
|
17
|
+
const DEFAULT_TOKENS = {
|
|
18
|
+
colorSchemes: {
|
|
19
|
+
light: {
|
|
20
|
+
background: "#FCFCFC",
|
|
21
|
+
surface: "#FFFFFF",
|
|
22
|
+
surfaceElevated: "#FFFFFF",
|
|
23
|
+
surfaceSunken: "#F7F7F7",
|
|
24
|
+
text: "#171A35",
|
|
25
|
+
textMuted: "#5F6485",
|
|
26
|
+
textSubtle: "#8B91B3",
|
|
27
|
+
border: "#E0E5F5",
|
|
28
|
+
borderStrong: "#C4CBE6",
|
|
29
|
+
primary: "#0284C7",
|
|
30
|
+
primaryForeground: "#FFFFFF",
|
|
31
|
+
secondary: "#075985",
|
|
32
|
+
secondaryForeground: "#FFFFFF",
|
|
33
|
+
accent: "#06B6D4",
|
|
34
|
+
accentForeground: "#FFFFFF",
|
|
35
|
+
ring: "#A5B4FC",
|
|
36
|
+
success: "#15803D",
|
|
37
|
+
successForeground: "#FFFFFF",
|
|
38
|
+
warning: "#A16207",
|
|
39
|
+
warningForeground: "#FFFFFF",
|
|
40
|
+
danger: "#B91C1C",
|
|
41
|
+
dangerForeground: "#FFFFFF",
|
|
42
|
+
info: "#0369A1",
|
|
43
|
+
infoForeground: "#FFFFFF"
|
|
44
|
+
},
|
|
45
|
+
dark: {
|
|
46
|
+
background: "#111518",
|
|
47
|
+
surface: "#1c2226",
|
|
48
|
+
surfaceElevated: "#242c31",
|
|
49
|
+
surfaceSunken: "#0d1113",
|
|
50
|
+
text: "#f5f5f5",
|
|
51
|
+
textMuted: "#a4adb3",
|
|
52
|
+
textSubtle: "#8c969d",
|
|
53
|
+
border: "#343c42",
|
|
54
|
+
borderStrong: "#4a555d",
|
|
55
|
+
primary: "#38BDF8",
|
|
56
|
+
primaryForeground: "#082F49",
|
|
57
|
+
secondary: "#7DD3FC",
|
|
58
|
+
secondaryForeground: "#082F49",
|
|
59
|
+
accent: "#22D3EE",
|
|
60
|
+
accentForeground: "#083344",
|
|
61
|
+
ring: "#93c5fd",
|
|
62
|
+
success: "#4ade80",
|
|
63
|
+
successForeground: "#052e16",
|
|
64
|
+
warning: "#fbbf24",
|
|
65
|
+
warningForeground: "#422006",
|
|
66
|
+
danger: "#f87171",
|
|
67
|
+
dangerForeground: "#450a0a",
|
|
68
|
+
info: "#38bdf8",
|
|
69
|
+
infoForeground: "#082f49"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
typography: {
|
|
73
|
+
fontSize: {
|
|
74
|
+
xs: "0.75rem",
|
|
75
|
+
sm: "0.875rem",
|
|
76
|
+
base: "1rem",
|
|
77
|
+
lg: "1.125rem",
|
|
78
|
+
xl: "1.25rem",
|
|
79
|
+
"2xl": "1.5rem",
|
|
80
|
+
"3xl": "1.875rem",
|
|
81
|
+
"4xl": "2.25rem",
|
|
82
|
+
"5xl": "3rem",
|
|
83
|
+
"6xl": "3.75rem"
|
|
84
|
+
},
|
|
85
|
+
fontWeight: {
|
|
86
|
+
normal: "400",
|
|
87
|
+
medium: "500",
|
|
88
|
+
semibold: "600",
|
|
89
|
+
bold: "700",
|
|
90
|
+
extrabold: "800"
|
|
91
|
+
},
|
|
92
|
+
lineHeight: {
|
|
93
|
+
none: "1",
|
|
94
|
+
tight: "1.15",
|
|
95
|
+
snug: "1.3",
|
|
96
|
+
normal: "1.5",
|
|
97
|
+
relaxed: "1.625",
|
|
98
|
+
loose: "2"
|
|
99
|
+
},
|
|
100
|
+
letterSpacing: {
|
|
101
|
+
tighter: "-0.05em",
|
|
102
|
+
tight: "-0.025em",
|
|
103
|
+
normal: "0em",
|
|
104
|
+
wide: "0.025em",
|
|
105
|
+
wider: "0.05em",
|
|
106
|
+
widest: "0.1em"
|
|
107
|
+
},
|
|
108
|
+
fontGap: {
|
|
109
|
+
headingStackGap: "0.3em",
|
|
110
|
+
headingParagraphGap: "0.65em",
|
|
111
|
+
paragraphGap: "1em",
|
|
112
|
+
sectionGap: "1.5em"
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
spacing: {
|
|
116
|
+
0: "0",
|
|
117
|
+
px: "1px",
|
|
118
|
+
"0.5": "0.125rem",
|
|
119
|
+
1: "0.25rem",
|
|
120
|
+
"1.5": "0.375rem",
|
|
121
|
+
2: "0.5rem",
|
|
122
|
+
3: "0.75rem",
|
|
123
|
+
4: "1rem",
|
|
124
|
+
5: "1.25rem",
|
|
125
|
+
6: "1.5rem",
|
|
126
|
+
8: "2rem",
|
|
127
|
+
10: "2.5rem",
|
|
128
|
+
12: "3rem",
|
|
129
|
+
16: "4rem",
|
|
130
|
+
20: "5rem",
|
|
131
|
+
24: "6rem"
|
|
132
|
+
},
|
|
133
|
+
radius: {
|
|
134
|
+
none: "0",
|
|
135
|
+
sm: "0.125rem",
|
|
136
|
+
md: "0.375rem",
|
|
137
|
+
lg: "0.5rem",
|
|
138
|
+
xl: "0.75rem",
|
|
139
|
+
"2xl": "1rem",
|
|
140
|
+
"3xl": "1.5rem",
|
|
141
|
+
full: "9999px"
|
|
142
|
+
},
|
|
143
|
+
shadows: {
|
|
144
|
+
none: "none",
|
|
145
|
+
xs: "0 1px 2px 0 rgb(15 23 42 / 0.05)",
|
|
146
|
+
sm: "0 1px 3px 0 rgb(15 23 42 / 0.1), 0 1px 2px -1px rgb(15 23 42 / 0.1)",
|
|
147
|
+
md: "0 4px 6px -1px rgb(15 23 42 / 0.1), 0 2px 4px -2px rgb(15 23 42 / 0.1)",
|
|
148
|
+
lg: "0 10px 15px -3px rgb(15 23 42 / 0.1), 0 4px 6px -4px rgb(15 23 42 / 0.1)",
|
|
149
|
+
xl: "0 20px 25px -5px rgb(15 23 42 / 0.1), 0 8px 10px -6px rgb(15 23 42 / 0.1)"
|
|
150
|
+
},
|
|
151
|
+
borders: {
|
|
152
|
+
width: "1px",
|
|
153
|
+
widthStrong: "2px",
|
|
154
|
+
style: "solid"
|
|
155
|
+
},
|
|
156
|
+
breakpoints: {
|
|
157
|
+
tablet: "768px",
|
|
158
|
+
desktop: "1024px",
|
|
159
|
+
hd: "1440px"
|
|
160
|
+
},
|
|
161
|
+
layout: {
|
|
162
|
+
container: "80rem",
|
|
163
|
+
content: "64rem",
|
|
164
|
+
prose: "65ch"
|
|
165
|
+
},
|
|
166
|
+
overlays: {
|
|
167
|
+
backdrop: "rgb(0 0 0 / 0.35)",
|
|
168
|
+
backdropBlur: "2px"
|
|
169
|
+
},
|
|
170
|
+
elevation: {
|
|
171
|
+
1: "0 1px 2px rgb(0 0 0 / 0.05)",
|
|
172
|
+
2: "0 1px 3px rgb(0 0 0 / 0.10), 0 1px 2px rgb(0 0 0 / 0.06)",
|
|
173
|
+
3: "0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10)",
|
|
174
|
+
4: "0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10)",
|
|
175
|
+
6: "0 20px 25px -5px rgb(0 0 0 / 0.12), 0 8px 10px -6px rgb(0 0 0 / 0.10)",
|
|
176
|
+
8: "0 25px 50px -12px rgb(0 0 0 / 0.20)",
|
|
177
|
+
12: "0 35px 60px -15px rgb(0 0 0 / 0.22)",
|
|
178
|
+
16: "0 45px 80px -20px rgb(0 0 0 / 0.25)",
|
|
179
|
+
24: "0 60px 100px -25px rgb(0 0 0 / 0.30)"
|
|
180
|
+
},
|
|
181
|
+
motion: {
|
|
182
|
+
fast: "120ms",
|
|
183
|
+
normal: "200ms",
|
|
184
|
+
slow: "320ms",
|
|
185
|
+
easingStandard: "cubic-bezier(0.2, 0, 0, 1)",
|
|
186
|
+
easingIn: "cubic-bezier(0.4, 0, 1, 1)",
|
|
187
|
+
easingOut: "cubic-bezier(0, 0, 0.2, 1)"
|
|
188
|
+
},
|
|
189
|
+
zIndex: {
|
|
190
|
+
base: "0",
|
|
191
|
+
dropdown: "100",
|
|
192
|
+
sticky: "200",
|
|
193
|
+
navigation: "250",
|
|
194
|
+
overlay: "300",
|
|
195
|
+
modal: "400",
|
|
196
|
+
popover: "500",
|
|
197
|
+
toast: "600",
|
|
198
|
+
tooltip: "700"
|
|
199
|
+
}
|
|
200
|
+
};
|
|
201
|
+
const COLOR_THEMES = {
|
|
202
|
+
"cobalt-sky": {
|
|
203
|
+
light: {
|
|
204
|
+
background: "#F8FAFC",
|
|
205
|
+
surface: "#FFFFFF",
|
|
206
|
+
surfaceElevated: "#FFFFFF",
|
|
207
|
+
surfaceSunken: "#F1F5F9",
|
|
208
|
+
text: "#0F172A",
|
|
209
|
+
textMuted: "#64748B",
|
|
210
|
+
textSubtle: "#94A3B8",
|
|
211
|
+
border: "#E2E8F0",
|
|
212
|
+
borderStrong: "#CBD5E1",
|
|
213
|
+
primary: "#2563EB",
|
|
214
|
+
primaryForeground: "#FFFFFF",
|
|
215
|
+
secondary: "#1E3A8A",
|
|
216
|
+
secondaryForeground: "#FFFFFF",
|
|
217
|
+
accent: "#0EA5E9",
|
|
218
|
+
accentForeground: "#FFFFFF",
|
|
219
|
+
ring: "#93C5FD",
|
|
220
|
+
success: "#15803D",
|
|
221
|
+
successForeground: "#FFFFFF",
|
|
222
|
+
warning: "#B45309",
|
|
223
|
+
warningForeground: "#FFFFFF",
|
|
224
|
+
danger: "#DC2626",
|
|
225
|
+
dangerForeground: "#FFFFFF",
|
|
226
|
+
info: "#0369A1",
|
|
227
|
+
infoForeground: "#FFFFFF"
|
|
228
|
+
},
|
|
229
|
+
dark: {
|
|
230
|
+
primary: "#60A5FA",
|
|
231
|
+
primaryForeground: "#0F172A",
|
|
232
|
+
secondary: "#93C5FD",
|
|
233
|
+
secondaryForeground: "#0F172A",
|
|
234
|
+
accent: "#38BDF8",
|
|
235
|
+
accentForeground: "#082F49"
|
|
236
|
+
}
|
|
237
|
+
},
|
|
238
|
+
"violet-dream": {
|
|
239
|
+
light: {
|
|
240
|
+
background: "#FAF9FF",
|
|
241
|
+
surface: "#FFFFFF",
|
|
242
|
+
surfaceElevated: "#FFFFFF",
|
|
243
|
+
surfaceSunken: "#F3EEFF",
|
|
244
|
+
text: "#1E1B4B",
|
|
245
|
+
textMuted: "#6D688A",
|
|
246
|
+
textSubtle: "#9691B5",
|
|
247
|
+
border: "#E7E2F5",
|
|
248
|
+
borderStrong: "#C9C0E8",
|
|
249
|
+
primary: "#6D28D9",
|
|
250
|
+
primaryForeground: "#FFFFFF",
|
|
251
|
+
secondary: "#5B21B6",
|
|
252
|
+
secondaryForeground: "#FFFFFF",
|
|
253
|
+
accent: "#A855F7",
|
|
254
|
+
accentForeground: "#FFFFFF",
|
|
255
|
+
ring: "#C4B5FD",
|
|
256
|
+
success: "#15803D",
|
|
257
|
+
successForeground: "#FFFFFF",
|
|
258
|
+
warning: "#A16207",
|
|
259
|
+
warningForeground: "#FFFFFF",
|
|
260
|
+
danger: "#BE123C",
|
|
261
|
+
dangerForeground: "#FFFFFF",
|
|
262
|
+
info: "#2563EB",
|
|
263
|
+
infoForeground: "#FFFFFF"
|
|
264
|
+
},
|
|
265
|
+
dark: {
|
|
266
|
+
primary: "#A78BFA",
|
|
267
|
+
primaryForeground: "#1E1B4B",
|
|
268
|
+
secondary: "#C4B5FD",
|
|
269
|
+
secondaryForeground: "#1E1B4B",
|
|
270
|
+
accent: "#D8B4FE",
|
|
271
|
+
accentForeground: "#2E1065"
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
"emerald-forest": {
|
|
275
|
+
light: {
|
|
276
|
+
background: "#F7FCF9",
|
|
277
|
+
surface: "#FFFFFF",
|
|
278
|
+
surfaceElevated: "#FFFFFF",
|
|
279
|
+
surfaceSunken: "#EAF7F0",
|
|
280
|
+
text: "#102A22",
|
|
281
|
+
textMuted: "#527568",
|
|
282
|
+
textSubtle: "#829F93",
|
|
283
|
+
border: "#D7EDE2",
|
|
284
|
+
borderStrong: "#A8D8C1",
|
|
285
|
+
primary: "#047857",
|
|
286
|
+
primaryForeground: "#FFFFFF",
|
|
287
|
+
secondary: "#065F46",
|
|
288
|
+
secondaryForeground: "#FFFFFF",
|
|
289
|
+
accent: "#10B981",
|
|
290
|
+
accentForeground: "#FFFFFF",
|
|
291
|
+
ring: "#6EE7B7",
|
|
292
|
+
success: "#15803D",
|
|
293
|
+
successForeground: "#FFFFFF",
|
|
294
|
+
warning: "#A16207",
|
|
295
|
+
warningForeground: "#FFFFFF",
|
|
296
|
+
danger: "#B91C1C",
|
|
297
|
+
dangerForeground: "#FFFFFF",
|
|
298
|
+
info: "#0369A1",
|
|
299
|
+
infoForeground: "#FFFFFF"
|
|
300
|
+
},
|
|
301
|
+
dark: {
|
|
302
|
+
primary: "#34D399",
|
|
303
|
+
primaryForeground: "#052E22",
|
|
304
|
+
secondary: "#6EE7B7",
|
|
305
|
+
secondaryForeground: "#064E3B",
|
|
306
|
+
accent: "#6EE7B7",
|
|
307
|
+
accentForeground: "#064E3B"
|
|
308
|
+
}
|
|
309
|
+
},
|
|
310
|
+
"coral-navy": {
|
|
311
|
+
light: {
|
|
312
|
+
background: "#FAFAFC",
|
|
313
|
+
surface: "#FFFFFF",
|
|
314
|
+
surfaceElevated: "#FFFFFF",
|
|
315
|
+
surfaceSunken: "#F3F1F5",
|
|
316
|
+
text: "#1C2333",
|
|
317
|
+
textMuted: "#667085",
|
|
318
|
+
textSubtle: "#9299A8",
|
|
319
|
+
border: "#E5E7EB",
|
|
320
|
+
borderStrong: "#C7CDD6",
|
|
321
|
+
primary: "#F97316",
|
|
322
|
+
primaryForeground: "#FFFFFF",
|
|
323
|
+
secondary: "#334155",
|
|
324
|
+
secondaryForeground: "#FFFFFF",
|
|
325
|
+
accent: "#E11D48",
|
|
326
|
+
accentForeground: "#FFFFFF",
|
|
327
|
+
ring: "#FDBA74",
|
|
328
|
+
success: "#15803D",
|
|
329
|
+
successForeground: "#FFFFFF",
|
|
330
|
+
warning: "#A16207",
|
|
331
|
+
warningForeground: "#FFFFFF",
|
|
332
|
+
danger: "#B91C1C",
|
|
333
|
+
dangerForeground: "#FFFFFF",
|
|
334
|
+
info: "#0369A1",
|
|
335
|
+
infoForeground: "#FFFFFF"
|
|
336
|
+
},
|
|
337
|
+
dark: {
|
|
338
|
+
primary: "#FB923C",
|
|
339
|
+
primaryForeground: "#431407",
|
|
340
|
+
secondary: "#94A3B8",
|
|
341
|
+
secondaryForeground: "#0F172A",
|
|
342
|
+
accent: "#FB7185",
|
|
343
|
+
accentForeground: "#4C0519"
|
|
344
|
+
}
|
|
345
|
+
},
|
|
346
|
+
"ocean-blue": {
|
|
347
|
+
light: {
|
|
348
|
+
background: "#F6FAFF",
|
|
349
|
+
surface: "#FFFFFF",
|
|
350
|
+
surfaceElevated: "#FFFFFF",
|
|
351
|
+
surfaceSunken: "#EAF3FC",
|
|
352
|
+
text: "#102A43",
|
|
353
|
+
textMuted: "#526D82",
|
|
354
|
+
textSubtle: "#8299AC",
|
|
355
|
+
border: "#D8E7F4",
|
|
356
|
+
borderStrong: "#B7D1E7",
|
|
357
|
+
primary: "#0284C7",
|
|
358
|
+
primaryForeground: "#FFFFFF",
|
|
359
|
+
secondary: "#075985",
|
|
360
|
+
secondaryForeground: "#FFFFFF",
|
|
361
|
+
accent: "#06B6D4",
|
|
362
|
+
accentForeground: "#FFFFFF",
|
|
363
|
+
ring: "#7DD3FC",
|
|
364
|
+
success: "#0F9D75",
|
|
365
|
+
successForeground: "#FFFFFF",
|
|
366
|
+
warning: "#B45309",
|
|
367
|
+
warningForeground: "#FFFFFF",
|
|
368
|
+
danger: "#DC2626",
|
|
369
|
+
dangerForeground: "#FFFFFF",
|
|
370
|
+
info: "#0369A1",
|
|
371
|
+
infoForeground: "#FFFFFF"
|
|
372
|
+
},
|
|
373
|
+
dark: {
|
|
374
|
+
primary: "#38BDF8",
|
|
375
|
+
primaryForeground: "#082F49",
|
|
376
|
+
secondary: "#7DD3FC",
|
|
377
|
+
secondaryForeground: "#082F49",
|
|
378
|
+
accent: "#22D3EE",
|
|
379
|
+
accentForeground: "#083344"
|
|
380
|
+
}
|
|
381
|
+
},
|
|
382
|
+
"mint-graphite": {
|
|
383
|
+
light: {
|
|
384
|
+
background: "#F8FBFA",
|
|
385
|
+
surface: "#FFFFFF",
|
|
386
|
+
surfaceElevated: "#FFFFFF",
|
|
387
|
+
surfaceSunken: "#EEF5F3",
|
|
388
|
+
text: "#172321",
|
|
389
|
+
textMuted: "#5D716D",
|
|
390
|
+
textSubtle: "#8A9D99",
|
|
391
|
+
border: "#DCE8E5",
|
|
392
|
+
borderStrong: "#B9D0CA",
|
|
393
|
+
primary: "#0D9488",
|
|
394
|
+
primaryForeground: "#FFFFFF",
|
|
395
|
+
secondary: "#334155",
|
|
396
|
+
secondaryForeground: "#FFFFFF",
|
|
397
|
+
accent: "#84CC16",
|
|
398
|
+
accentForeground: "#1A2E05",
|
|
399
|
+
ring: "#5EEAD4",
|
|
400
|
+
success: "#15803D",
|
|
401
|
+
successForeground: "#FFFFFF",
|
|
402
|
+
warning: "#A16207",
|
|
403
|
+
warningForeground: "#FFFFFF",
|
|
404
|
+
danger: "#B91C1C",
|
|
405
|
+
dangerForeground: "#FFFFFF",
|
|
406
|
+
info: "#0369A1",
|
|
407
|
+
infoForeground: "#FFFFFF"
|
|
408
|
+
},
|
|
409
|
+
dark: {
|
|
410
|
+
primary: "#2DD4BF",
|
|
411
|
+
primaryForeground: "#042F2E",
|
|
412
|
+
secondary: "#94A3B8",
|
|
413
|
+
secondaryForeground: "#0F172A",
|
|
414
|
+
accent: "#A3E635",
|
|
415
|
+
accentForeground: "#1A2E05"
|
|
416
|
+
}
|
|
417
|
+
},
|
|
418
|
+
"plum-rose": {
|
|
419
|
+
light: {
|
|
420
|
+
background: "#FFFAFC",
|
|
421
|
+
surface: "#FFFFFF",
|
|
422
|
+
surfaceElevated: "#FFFFFF",
|
|
423
|
+
surfaceSunken: "#F9EEF4",
|
|
424
|
+
text: "#2B1D2A",
|
|
425
|
+
textMuted: "#795F73",
|
|
426
|
+
textSubtle: "#A18A9B",
|
|
427
|
+
border: "#EEDDE7",
|
|
428
|
+
borderStrong: "#D8BCCD",
|
|
429
|
+
primary: "#9333EA",
|
|
430
|
+
primaryForeground: "#FFFFFF",
|
|
431
|
+
secondary: "#6B214F",
|
|
432
|
+
secondaryForeground: "#FFFFFF",
|
|
433
|
+
accent: "#E11D48",
|
|
434
|
+
accentForeground: "#FFFFFF",
|
|
435
|
+
ring: "#D8B4FE",
|
|
436
|
+
success: "#15803D",
|
|
437
|
+
successForeground: "#FFFFFF",
|
|
438
|
+
warning: "#A16207",
|
|
439
|
+
warningForeground: "#FFFFFF",
|
|
440
|
+
danger: "#B91C1C",
|
|
441
|
+
dangerForeground: "#FFFFFF",
|
|
442
|
+
info: "#0369A1",
|
|
443
|
+
infoForeground: "#FFFFFF"
|
|
444
|
+
},
|
|
445
|
+
dark: {
|
|
446
|
+
primary: "#C084FC",
|
|
447
|
+
primaryForeground: "#3B0764",
|
|
448
|
+
secondary: "#E9A8D4",
|
|
449
|
+
secondaryForeground: "#500724",
|
|
450
|
+
accent: "#FB7185",
|
|
451
|
+
accentForeground: "#4C0519"
|
|
452
|
+
}
|
|
453
|
+
},
|
|
454
|
+
"graphite-cyan": {
|
|
455
|
+
light: {
|
|
456
|
+
background: "#F7FAFC",
|
|
457
|
+
surface: "#FFFFFF",
|
|
458
|
+
surfaceElevated: "#FFFFFF",
|
|
459
|
+
surfaceSunken: "#EDF2F7",
|
|
460
|
+
text: "#1A202C",
|
|
461
|
+
textMuted: "#4A5568",
|
|
462
|
+
textSubtle: "#718096",
|
|
463
|
+
border: "#E2E8F0",
|
|
464
|
+
borderStrong: "#CBD5E0",
|
|
465
|
+
primary: "#0F766E",
|
|
466
|
+
primaryForeground: "#FFFFFF",
|
|
467
|
+
secondary: "#334155",
|
|
468
|
+
secondaryForeground: "#FFFFFF",
|
|
469
|
+
accent: "#0891B2",
|
|
470
|
+
accentForeground: "#FFFFFF",
|
|
471
|
+
ring: "#67E8F9",
|
|
472
|
+
success: "#15803D",
|
|
473
|
+
successForeground: "#FFFFFF",
|
|
474
|
+
warning: "#A16207",
|
|
475
|
+
warningForeground: "#FFFFFF",
|
|
476
|
+
danger: "#B91C1C",
|
|
477
|
+
dangerForeground: "#FFFFFF",
|
|
478
|
+
info: "#0369A1",
|
|
479
|
+
infoForeground: "#FFFFFF"
|
|
480
|
+
},
|
|
481
|
+
dark: {
|
|
482
|
+
primary: "#2DD4BF",
|
|
483
|
+
primaryForeground: "#042F2E",
|
|
484
|
+
secondary: "#94A3B8",
|
|
485
|
+
secondaryForeground: "#0F172A",
|
|
486
|
+
accent: "#22D3EE",
|
|
487
|
+
accentForeground: "#083344"
|
|
488
|
+
}
|
|
489
|
+
},
|
|
490
|
+
"soft-white-terracotta": {
|
|
491
|
+
light: {
|
|
492
|
+
background: "#FCFCFB",
|
|
493
|
+
surface: "#FFFFFF",
|
|
494
|
+
surfaceElevated: "#FFFFFF",
|
|
495
|
+
surfaceSunken: "#F4F3F1",
|
|
496
|
+
text: "#242321",
|
|
497
|
+
textMuted: "#686662",
|
|
498
|
+
textSubtle: "#92908A",
|
|
499
|
+
border: "#E7E5E1",
|
|
500
|
+
borderStrong: "#D0CCC5",
|
|
501
|
+
primary: "#C2410C",
|
|
502
|
+
primaryForeground: "#FFFFFF",
|
|
503
|
+
secondary: "#44403C",
|
|
504
|
+
secondaryForeground: "#FFFFFF",
|
|
505
|
+
accent: "#0F766E",
|
|
506
|
+
accentForeground: "#FFFFFF",
|
|
507
|
+
ring: "#FDBA74",
|
|
508
|
+
success: "#15803D",
|
|
509
|
+
successForeground: "#FFFFFF",
|
|
510
|
+
warning: "#A16207",
|
|
511
|
+
warningForeground: "#FFFFFF",
|
|
512
|
+
danger: "#B91C1C",
|
|
513
|
+
dangerForeground: "#FFFFFF",
|
|
514
|
+
info: "#0369A1",
|
|
515
|
+
infoForeground: "#FFFFFF"
|
|
516
|
+
},
|
|
517
|
+
dark: {
|
|
518
|
+
primary: "#FB923C",
|
|
519
|
+
primaryForeground: "#431407",
|
|
520
|
+
secondary: "#A8A29E",
|
|
521
|
+
secondaryForeground: "#1C1917",
|
|
522
|
+
accent: "#2DD4BF",
|
|
523
|
+
accentForeground: "#042F2E"
|
|
524
|
+
}
|
|
525
|
+
},
|
|
526
|
+
"electric-indigo": {
|
|
527
|
+
light: {
|
|
528
|
+
background: "#F8FAFF",
|
|
529
|
+
surface: "#FFFFFF",
|
|
530
|
+
surfaceElevated: "#FFFFFF",
|
|
531
|
+
surfaceSunken: "#EEF2FF",
|
|
532
|
+
text: "#171A35",
|
|
533
|
+
textMuted: "#5F6485",
|
|
534
|
+
textSubtle: "#8B91B3",
|
|
535
|
+
border: "#E0E5F5",
|
|
536
|
+
borderStrong: "#C4CBE6",
|
|
537
|
+
primary: "#4F46E5",
|
|
538
|
+
primaryForeground: "#FFFFFF",
|
|
539
|
+
secondary: "#3730A3",
|
|
540
|
+
secondaryForeground: "#FFFFFF",
|
|
541
|
+
accent: "#DB2777",
|
|
542
|
+
accentForeground: "#FFFFFF",
|
|
543
|
+
ring: "#A5B4FC",
|
|
544
|
+
success: "#15803D",
|
|
545
|
+
successForeground: "#FFFFFF",
|
|
546
|
+
warning: "#A16207",
|
|
547
|
+
warningForeground: "#FFFFFF",
|
|
548
|
+
danger: "#B91C1C",
|
|
549
|
+
dangerForeground: "#FFFFFF",
|
|
550
|
+
info: "#0369A1",
|
|
551
|
+
infoForeground: "#FFFFFF"
|
|
552
|
+
},
|
|
553
|
+
dark: {
|
|
554
|
+
primary: "#818CF8",
|
|
555
|
+
primaryForeground: "#1E1B4B",
|
|
556
|
+
secondary: "#A5B4FC",
|
|
557
|
+
secondaryForeground: "#1E1B4B",
|
|
558
|
+
accent: "#F472B6",
|
|
559
|
+
accentForeground: "#500724"
|
|
560
|
+
}
|
|
561
|
+
}
|
|
562
|
+
};
|
|
563
|
+
export { COLOR_THEMES, DEFAULT_TOKENS, GENERIC_FAMILIES };
|
|
564
|
+
|
|
565
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","names":[],"sources":["../src/constants.ts"],"sourcesContent":["import type { ColorTheme, ThemeTokens } from \"./types\";\n\nexport const GENERIC_FAMILIES = new Set([\n \"serif\",\n \"sans-serif\",\n \"monospace\",\n \"cursive\",\n \"fantasy\",\n \"system-ui\",\n \"ui-serif\",\n \"ui-sans-serif\",\n \"ui-monospace\",\n \"ui-rounded\",\n \"math\",\n \"fangsong\",\n \"emoji\",\n]);\n\nexport const DEFAULT_TOKENS: ThemeTokens = {\n colorSchemes: {\n light: {\n background: \"#FCFCFC\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#F7F7F7\",\n text: \"#171A35\",\n textMuted: \"#5F6485\",\n textSubtle: \"#8B91B3\",\n border: \"#E0E5F5\",\n borderStrong: \"#C4CBE6\",\n primary: \"#0284C7\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#075985\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#06B6D4\",\n accentForeground: \"#FFFFFF\",\n ring: \"#A5B4FC\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#B91C1C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n\n dark: {\n background: \"#111518\",\n surface: \"#1c2226\",\n surfaceElevated: \"#242c31\",\n surfaceSunken: \"#0d1113\",\n text: \"#f5f5f5\",\n textMuted: \"#a4adb3\",\n textSubtle: \"#8c969d\",\n border: \"#343c42\",\n borderStrong: \"#4a555d\",\n primary: \"#38BDF8\",\n primaryForeground: \"#082F49\",\n secondary: \"#7DD3FC\",\n secondaryForeground: \"#082F49\",\n accent: \"#22D3EE\",\n accentForeground: \"#083344\",\n ring: \"#93c5fd\",\n success: \"#4ade80\",\n successForeground: \"#052e16\",\n warning: \"#fbbf24\",\n warningForeground: \"#422006\",\n danger: \"#f87171\",\n dangerForeground: \"#450a0a\",\n info: \"#38bdf8\",\n infoForeground: \"#082f49\",\n },\n },\n typography: {\n fontSize: {\n xs: \"0.75rem\",\n sm: \"0.875rem\",\n base: \"1rem\",\n lg: \"1.125rem\",\n xl: \"1.25rem\",\n \"2xl\": \"1.5rem\",\n \"3xl\": \"1.875rem\",\n \"4xl\": \"2.25rem\",\n \"5xl\": \"3rem\",\n \"6xl\": \"3.75rem\",\n },\n fontWeight: {\n normal: \"400\",\n medium: \"500\",\n semibold: \"600\",\n bold: \"700\",\n extrabold: \"800\",\n },\n lineHeight: {\n none: \"1\",\n tight: \"1.15\",\n snug: \"1.3\",\n normal: \"1.5\",\n relaxed: \"1.625\",\n loose: \"2\",\n },\n letterSpacing: {\n tighter: \"-0.05em\",\n tight: \"-0.025em\",\n normal: \"0em\",\n wide: \"0.025em\",\n wider: \"0.05em\",\n widest: \"0.1em\",\n },\n fontGap: {\n headingStackGap: \"0.3em\",\n headingParagraphGap: \"0.65em\",\n paragraphGap: \"1em\",\n sectionGap: \"1.5em\",\n },\n },\n spacing: {\n 0: \"0\",\n px: \"1px\",\n \"0.5\": \"0.125rem\",\n 1: \"0.25rem\",\n \"1.5\": \"0.375rem\",\n 2: \"0.5rem\",\n 3: \"0.75rem\",\n 4: \"1rem\",\n 5: \"1.25rem\",\n 6: \"1.5rem\",\n 8: \"2rem\",\n 10: \"2.5rem\",\n 12: \"3rem\",\n 16: \"4rem\",\n 20: \"5rem\",\n 24: \"6rem\",\n },\n radius: {\n none: \"0\",\n sm: \"0.125rem\",\n md: \"0.375rem\",\n lg: \"0.5rem\",\n xl: \"0.75rem\",\n \"2xl\": \"1rem\",\n \"3xl\": \"1.5rem\",\n full: \"9999px\",\n },\n shadows: {\n none: \"none\",\n xs: \"0 1px 2px 0 rgb(15 23 42 / 0.05)\",\n sm: \"0 1px 3px 0 rgb(15 23 42 / 0.1), 0 1px 2px -1px rgb(15 23 42 / 0.1)\",\n md: \"0 4px 6px -1px rgb(15 23 42 / 0.1), 0 2px 4px -2px rgb(15 23 42 / 0.1)\",\n lg: \"0 10px 15px -3px rgb(15 23 42 / 0.1), 0 4px 6px -4px rgb(15 23 42 / 0.1)\",\n xl: \"0 20px 25px -5px rgb(15 23 42 / 0.1), 0 8px 10px -6px rgb(15 23 42 / 0.1)\",\n },\n borders: {\n width: \"1px\",\n widthStrong: \"2px\",\n style: \"solid\",\n },\n breakpoints: {\n tablet: \"768px\",\n desktop: \"1024px\",\n hd: \"1440px\",\n },\n layout: {\n container: \"80rem\",\n content: \"64rem\",\n prose: \"65ch\",\n },\n overlays: {\n backdrop: \"rgb(0 0 0 / 0.35)\",\n backdropBlur: \"2px\",\n },\n elevation: {\n 1: \"0 1px 2px rgb(0 0 0 / 0.05)\",\n 2: \"0 1px 3px rgb(0 0 0 / 0.10), 0 1px 2px rgb(0 0 0 / 0.06)\",\n 3: \"0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10)\",\n 4: \"0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10)\",\n 6: \"0 20px 25px -5px rgb(0 0 0 / 0.12), 0 8px 10px -6px rgb(0 0 0 / 0.10)\",\n 8: \"0 25px 50px -12px rgb(0 0 0 / 0.20)\",\n 12: \"0 35px 60px -15px rgb(0 0 0 / 0.22)\",\n 16: \"0 45px 80px -20px rgb(0 0 0 / 0.25)\",\n 24: \"0 60px 100px -25px rgb(0 0 0 / 0.30)\",\n },\n motion: {\n fast: \"120ms\",\n normal: \"200ms\",\n slow: \"320ms\",\n easingStandard: \"cubic-bezier(0.2, 0, 0, 1)\",\n easingIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n easingOut: \"cubic-bezier(0, 0, 0.2, 1)\",\n },\n zIndex: {\n base: \"0\",\n dropdown: \"100\",\n sticky: \"200\",\n navigation: \"250\",\n overlay: \"300\",\n modal: \"400\",\n popover: \"500\",\n toast: \"600\",\n tooltip: \"700\",\n },\n};\n\nexport const COLOR_THEMES = {\n \"cobalt-sky\": {\n light: {\n background: \"#F8FAFC\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#F1F5F9\",\n text: \"#0F172A\",\n textMuted: \"#64748B\",\n textSubtle: \"#94A3B8\",\n border: \"#E2E8F0\",\n borderStrong: \"#CBD5E1\",\n primary: \"#2563EB\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#1E3A8A\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#0EA5E9\",\n accentForeground: \"#FFFFFF\",\n ring: \"#93C5FD\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#B45309\",\n warningForeground: \"#FFFFFF\",\n danger: \"#DC2626\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#60A5FA\",\n primaryForeground: \"#0F172A\",\n secondary: \"#93C5FD\",\n secondaryForeground: \"#0F172A\",\n accent: \"#38BDF8\",\n accentForeground: \"#082F49\",\n },\n },\n \"violet-dream\": {\n light: {\n background: \"#FAF9FF\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#F3EEFF\",\n text: \"#1E1B4B\",\n textMuted: \"#6D688A\",\n textSubtle: \"#9691B5\",\n border: \"#E7E2F5\",\n borderStrong: \"#C9C0E8\",\n primary: \"#6D28D9\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#5B21B6\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#A855F7\",\n accentForeground: \"#FFFFFF\",\n ring: \"#C4B5FD\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#BE123C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#2563EB\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#A78BFA\",\n primaryForeground: \"#1E1B4B\",\n secondary: \"#C4B5FD\",\n secondaryForeground: \"#1E1B4B\",\n accent: \"#D8B4FE\",\n accentForeground: \"#2E1065\",\n },\n },\n \"emerald-forest\": {\n light: {\n background: \"#F7FCF9\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#EAF7F0\",\n text: \"#102A22\",\n textMuted: \"#527568\",\n textSubtle: \"#829F93\",\n border: \"#D7EDE2\",\n borderStrong: \"#A8D8C1\",\n primary: \"#047857\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#065F46\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#10B981\",\n accentForeground: \"#FFFFFF\",\n ring: \"#6EE7B7\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#B91C1C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#34D399\",\n primaryForeground: \"#052E22\",\n secondary: \"#6EE7B7\",\n secondaryForeground: \"#064E3B\",\n accent: \"#6EE7B7\",\n accentForeground: \"#064E3B\",\n },\n },\n \"coral-navy\": {\n light: {\n background: \"#FAFAFC\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#F3F1F5\",\n text: \"#1C2333\",\n textMuted: \"#667085\",\n textSubtle: \"#9299A8\",\n border: \"#E5E7EB\",\n borderStrong: \"#C7CDD6\",\n primary: \"#F97316\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#334155\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#E11D48\",\n accentForeground: \"#FFFFFF\",\n ring: \"#FDBA74\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#B91C1C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#FB923C\",\n primaryForeground: \"#431407\",\n secondary: \"#94A3B8\",\n secondaryForeground: \"#0F172A\",\n accent: \"#FB7185\",\n accentForeground: \"#4C0519\",\n },\n },\n \"ocean-blue\": {\n light: {\n background: \"#F6FAFF\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#EAF3FC\",\n text: \"#102A43\",\n textMuted: \"#526D82\",\n textSubtle: \"#8299AC\",\n border: \"#D8E7F4\",\n borderStrong: \"#B7D1E7\",\n primary: \"#0284C7\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#075985\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#06B6D4\",\n accentForeground: \"#FFFFFF\",\n ring: \"#7DD3FC\",\n success: \"#0F9D75\",\n successForeground: \"#FFFFFF\",\n warning: \"#B45309\",\n warningForeground: \"#FFFFFF\",\n danger: \"#DC2626\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#38BDF8\",\n primaryForeground: \"#082F49\",\n secondary: \"#7DD3FC\",\n secondaryForeground: \"#082F49\",\n accent: \"#22D3EE\",\n accentForeground: \"#083344\",\n },\n },\n \"mint-graphite\": {\n light: {\n background: \"#F8FBFA\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#EEF5F3\",\n text: \"#172321\",\n textMuted: \"#5D716D\",\n textSubtle: \"#8A9D99\",\n border: \"#DCE8E5\",\n borderStrong: \"#B9D0CA\",\n primary: \"#0D9488\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#334155\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#84CC16\",\n accentForeground: \"#1A2E05\",\n ring: \"#5EEAD4\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#B91C1C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#2DD4BF\",\n primaryForeground: \"#042F2E\",\n secondary: \"#94A3B8\",\n secondaryForeground: \"#0F172A\",\n accent: \"#A3E635\",\n accentForeground: \"#1A2E05\",\n },\n },\n \"plum-rose\": {\n light: {\n background: \"#FFFAFC\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#F9EEF4\",\n text: \"#2B1D2A\",\n textMuted: \"#795F73\",\n textSubtle: \"#A18A9B\",\n border: \"#EEDDE7\",\n borderStrong: \"#D8BCCD\",\n primary: \"#9333EA\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#6B214F\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#E11D48\",\n accentForeground: \"#FFFFFF\",\n ring: \"#D8B4FE\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#B91C1C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#C084FC\",\n primaryForeground: \"#3B0764\",\n secondary: \"#E9A8D4\",\n secondaryForeground: \"#500724\",\n accent: \"#FB7185\",\n accentForeground: \"#4C0519\",\n },\n },\n \"graphite-cyan\": {\n light: {\n background: \"#F7FAFC\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#EDF2F7\",\n text: \"#1A202C\",\n textMuted: \"#4A5568\",\n textSubtle: \"#718096\",\n border: \"#E2E8F0\",\n borderStrong: \"#CBD5E0\",\n primary: \"#0F766E\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#334155\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#0891B2\",\n accentForeground: \"#FFFFFF\",\n ring: \"#67E8F9\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#B91C1C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#2DD4BF\",\n primaryForeground: \"#042F2E\",\n secondary: \"#94A3B8\",\n secondaryForeground: \"#0F172A\",\n accent: \"#22D3EE\",\n accentForeground: \"#083344\",\n },\n },\n \"soft-white-terracotta\": {\n light: {\n background: \"#FCFCFB\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#F4F3F1\",\n text: \"#242321\",\n textMuted: \"#686662\",\n textSubtle: \"#92908A\",\n border: \"#E7E5E1\",\n borderStrong: \"#D0CCC5\",\n primary: \"#C2410C\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#44403C\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#0F766E\",\n accentForeground: \"#FFFFFF\",\n ring: \"#FDBA74\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#B91C1C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#FB923C\",\n primaryForeground: \"#431407\",\n secondary: \"#A8A29E\",\n secondaryForeground: \"#1C1917\",\n accent: \"#2DD4BF\",\n accentForeground: \"#042F2E\",\n },\n },\n \"electric-indigo\": {\n light: {\n background: \"#F8FAFF\",\n surface: \"#FFFFFF\",\n surfaceElevated: \"#FFFFFF\",\n surfaceSunken: \"#EEF2FF\",\n text: \"#171A35\",\n textMuted: \"#5F6485\",\n textSubtle: \"#8B91B3\",\n border: \"#E0E5F5\",\n borderStrong: \"#C4CBE6\",\n primary: \"#4F46E5\",\n primaryForeground: \"#FFFFFF\",\n secondary: \"#3730A3\",\n secondaryForeground: \"#FFFFFF\",\n accent: \"#DB2777\",\n accentForeground: \"#FFFFFF\",\n ring: \"#A5B4FC\",\n success: \"#15803D\",\n successForeground: \"#FFFFFF\",\n warning: \"#A16207\",\n warningForeground: \"#FFFFFF\",\n danger: \"#B91C1C\",\n dangerForeground: \"#FFFFFF\",\n info: \"#0369A1\",\n infoForeground: \"#FFFFFF\",\n },\n dark: {\n primary: \"#818CF8\",\n primaryForeground: \"#1E1B4B\",\n secondary: \"#A5B4FC\",\n secondaryForeground: \"#1E1B4B\",\n accent: \"#F472B6\",\n accentForeground: \"#500724\",\n },\n },\n} as const satisfies Record<string, ColorTheme>;\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-theme-css.cjs","names":[],"sources":["../src/create-theme-css.ts"],"sourcesContent":["export const createThemeCss = (variables: Record<string, string>) => {\n const declarations = Object.entries(variables)\n .map(([name, value]) => ` ${name}: ${value};`)\n .join(\"\\n\");\n\n return `${declarations}\\n`;\n};\n"],"mappings":";AAAA,MAAa,kBAAkB,cAAsC;CAKnE,OAAO,GAJc,OAAO,QAAQ,SAAS,CAAC,CAC3C,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,EAAE,CAAC,CAC9C,KAAK,IAEa,EAAE;AACzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-theme-css.js","names":[],"sources":["../src/create-theme-css.ts"],"sourcesContent":["export const createThemeCss = (variables: Record<string, string>) => {\n const declarations = Object.entries(variables)\n .map(([name, value]) => ` ${name}: ${value};`)\n .join(\"\\n\");\n\n return `${declarations}\\n`;\n};\n"],"mappings":";AAAA,MAAa,kBAAkB,cAAsC;CAKnE,OAAO,GAJc,OAAO,QAAQ,SAAS,CAAC,CAC3C,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,EAAE,CAAC,CAC9C,KAAK,IAEa,EAAE;AACzB"}
|