@nikala-ui/cli 0.9.10 → 0.9.11
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/README.md +1 -1
- package/dist/commands/init.js +16 -5
- package/dist/commands/theme.js +1 -1
- package/dist/index.js +3 -3
- package/dist/utils/theme.d.ts +0 -3
- package/dist/utils/theme.js +184 -44
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ Command Line Interface (CLI) for **Nikala UI** — a copy-paste component system
|
|
|
4
4
|
|
|
5
5
|
Honoring the iconic Georgian painter **Niko Pirosmani (Nikala)**.
|
|
6
6
|
|
|
7
|
-
Official Documentation & Interactive Demos: [nikala.
|
|
7
|
+
Official Documentation & Interactive Demos: [nikala.dev](https://nikala.dev)
|
|
8
8
|
|
|
9
9
|
---
|
|
10
10
|
|
package/dist/commands/init.js
CHANGED
|
@@ -18,7 +18,7 @@ export async function init(options) {
|
|
|
18
18
|
componentsDir: "src/components/ui",
|
|
19
19
|
utilsDir: "src/lib",
|
|
20
20
|
baseColor: "zinc",
|
|
21
|
-
primaryColor: "
|
|
21
|
+
primaryColor: "amber",
|
|
22
22
|
}
|
|
23
23
|
: await prompts([
|
|
24
24
|
{
|
|
@@ -51,12 +51,23 @@ export async function init(options) {
|
|
|
51
51
|
name: "primaryColor",
|
|
52
52
|
message: "Select primary brand accent color",
|
|
53
53
|
choices: [
|
|
54
|
-
{ title: "
|
|
55
|
-
{ title: "
|
|
56
|
-
{ title: "
|
|
54
|
+
{ title: "Amber (Warm Gold)", value: "amber" },
|
|
55
|
+
{ title: "Red (Crimson)", value: "red" },
|
|
56
|
+
{ title: "Orange (Energetic)", value: "orange" },
|
|
57
|
+
{ title: "Yellow (Bright)", value: "yellow" },
|
|
58
|
+
{ title: "Lime (Citrus)", value: "lime" },
|
|
59
|
+
{ title: "Green (Natural)", value: "green" },
|
|
57
60
|
{ title: "Emerald (Rich Green)", value: "emerald" },
|
|
61
|
+
{ title: "Teal (Deep Ocean)", value: "teal" },
|
|
62
|
+
{ title: "Cyan (Aqua)", value: "cyan" },
|
|
63
|
+
{ title: "Sky (Vibrant Blue)", value: "sky" },
|
|
64
|
+
{ title: "Blue (Classic)", value: "blue" },
|
|
65
|
+
{ title: "Indigo (Royal)", value: "indigo" },
|
|
66
|
+
{ title: "Violet (Deep Purple)", value: "violet" },
|
|
67
|
+
{ title: "Purple (Mystic)", value: "purple" },
|
|
68
|
+
{ title: "Fuchsia (Hot Magenta)", value: "fuchsia" },
|
|
69
|
+
{ title: "Pink (Playful)", value: "pink" },
|
|
58
70
|
{ title: "Rose (Vivid Pink)", value: "rose" },
|
|
59
|
-
{ title: "Amber (Warm Gold)", value: "amber" },
|
|
60
71
|
{ title: "Zinc (Monochrome)", value: "zinc" },
|
|
61
72
|
],
|
|
62
73
|
initial: 0,
|
package/dist/commands/theme.js
CHANGED
|
@@ -15,7 +15,7 @@ export async function themeCommand(primaryArg, baseArg) {
|
|
|
15
15
|
console.log(pc.red("❌ nikala.config.json not found! Run `nikala init` first."));
|
|
16
16
|
process.exit(1);
|
|
17
17
|
}
|
|
18
|
-
let selectedPrimary = primaryArg || config.primaryColor || "
|
|
18
|
+
let selectedPrimary = primaryArg || config.primaryColor || "amber";
|
|
19
19
|
let selectedBase = baseArg || config.baseColor || "zinc";
|
|
20
20
|
// If no arguments provided, launch interactive prompts
|
|
21
21
|
if (!primaryArg) {
|
package/dist/index.js
CHANGED
|
@@ -8,14 +8,14 @@ import { validateCommand } from "./commands/validate.js";
|
|
|
8
8
|
import { diffCommand } from "./commands/diff.js";
|
|
9
9
|
import { upgradeCommand } from "./commands/upgrade.js";
|
|
10
10
|
import { removeCommand } from "./commands/remove.js";
|
|
11
|
-
console.log(`\n🎨 ${pc.bold(pc.red("Nikala UI"))} ${pc.dim("v0.9.
|
|
11
|
+
console.log(`\n🎨 ${pc.bold(pc.red("Nikala UI"))} ${pc.dim("v0.9.11")} — SolidJS + Tailwind v4 components`);
|
|
12
12
|
console.log(` ${pc.italic(pc.dim("Honoring Niko Pirosmani (Nikala)"))}\n`);
|
|
13
|
-
console.log(` ${pc.dim("Docs:")} ${pc.underline(pc.cyan("https://nikala.
|
|
13
|
+
console.log(` ${pc.dim("Docs:")} ${pc.underline(pc.cyan("https://nikala.dev"))}\n`);
|
|
14
14
|
const program = new Command();
|
|
15
15
|
program
|
|
16
16
|
.name("nikala")
|
|
17
17
|
.description("Nikala UI — SolidJS + Tailwind v4 components")
|
|
18
|
-
.version("0.9.
|
|
18
|
+
.version("0.9.11");
|
|
19
19
|
program
|
|
20
20
|
.command("init")
|
|
21
21
|
.description("Initialize Nikala UI in your project")
|
package/dist/utils/theme.d.ts
CHANGED
|
@@ -39,7 +39,4 @@ export interface PrimaryColor {
|
|
|
39
39
|
}
|
|
40
40
|
export declare const BASE_PALETTES: Record<string, BasePalette>;
|
|
41
41
|
export declare const PRIMARY_COLORS: Record<string, PrimaryColor>;
|
|
42
|
-
/**
|
|
43
|
-
* Generates Tailwind CSS v4 theme variables matching tweakcn specification.
|
|
44
|
-
*/
|
|
45
42
|
export declare function generateThemeCss(baseColor?: string, primaryColor?: string): string;
|
package/dist/utils/theme.js
CHANGED
|
@@ -131,43 +131,82 @@ export const BASE_PALETTES = {
|
|
|
131
131
|
},
|
|
132
132
|
};
|
|
133
133
|
export const PRIMARY_COLORS = {
|
|
134
|
-
|
|
135
|
-
light: "oklch(0.
|
|
136
|
-
dark: "oklch(0.
|
|
134
|
+
amber: {
|
|
135
|
+
light: "oklch(0.65 0.18 70)",
|
|
136
|
+
dark: "oklch(0.75 0.16 70)",
|
|
137
137
|
lightFg: "oklch(0.9850 0 0)",
|
|
138
|
-
darkFg: "oklch(0.
|
|
138
|
+
darkFg: "oklch(0.1450 0 0)",
|
|
139
139
|
charts: {
|
|
140
|
-
chart1: "oklch(0.
|
|
141
|
-
chart2: "oklch(0.65 0.
|
|
142
|
-
chart3: "oklch(0.
|
|
143
|
-
chart4: "oklch(0.
|
|
144
|
-
chart5: "oklch(0.
|
|
140
|
+
chart1: "oklch(0.75 0.18 70)",
|
|
141
|
+
chart2: "oklch(0.65 0.16 50)",
|
|
142
|
+
chart3: "oklch(0.55 0.15 85)",
|
|
143
|
+
chart4: "oklch(0.85 0.12 60)",
|
|
144
|
+
chart5: "oklch(0.45 0.14 75)",
|
|
145
145
|
},
|
|
146
146
|
},
|
|
147
|
-
|
|
148
|
-
light: "oklch(0.
|
|
149
|
-
dark: "oklch(0.65 0.
|
|
147
|
+
red: {
|
|
148
|
+
light: "oklch(0.5770 0.2450 27.3250)",
|
|
149
|
+
dark: "oklch(0.65 0.22 25)",
|
|
150
150
|
lightFg: "oklch(0.9850 0 0)",
|
|
151
151
|
darkFg: "oklch(0.9850 0 0)",
|
|
152
152
|
charts: {
|
|
153
|
-
chart1: "oklch(0.65 0.
|
|
154
|
-
chart2: "oklch(0.55 0.
|
|
155
|
-
chart3: "oklch(0.75 0.
|
|
156
|
-
chart4: "oklch(0.45 0.
|
|
157
|
-
chart5: "oklch(0.85 0.
|
|
153
|
+
chart1: "oklch(0.65 0.24 25)",
|
|
154
|
+
chart2: "oklch(0.55 0.20 15)",
|
|
155
|
+
chart3: "oklch(0.75 0.18 35)",
|
|
156
|
+
chart4: "oklch(0.45 0.18 5)",
|
|
157
|
+
chart5: "oklch(0.85 0.12 40)",
|
|
158
158
|
},
|
|
159
159
|
},
|
|
160
|
-
|
|
161
|
-
light: "oklch(0.
|
|
162
|
-
dark: "oklch(0.
|
|
160
|
+
orange: {
|
|
161
|
+
light: "oklch(0.64 0.21 40)",
|
|
162
|
+
dark: "oklch(0.72 0.19 40)",
|
|
163
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
164
|
+
darkFg: "oklch(0.1450 0 0)",
|
|
165
|
+
charts: {
|
|
166
|
+
chart1: "oklch(0.72 0.21 40)",
|
|
167
|
+
chart2: "oklch(0.62 0.18 30)",
|
|
168
|
+
chart3: "oklch(0.52 0.16 50)",
|
|
169
|
+
chart4: "oklch(0.82 0.14 45)",
|
|
170
|
+
chart5: "oklch(0.42 0.15 35)",
|
|
171
|
+
},
|
|
172
|
+
},
|
|
173
|
+
yellow: {
|
|
174
|
+
light: "oklch(0.75 0.18 90)",
|
|
175
|
+
dark: "oklch(0.82 0.16 90)",
|
|
176
|
+
lightFg: "oklch(0.1450 0 0)",
|
|
177
|
+
darkFg: "oklch(0.1450 0 0)",
|
|
178
|
+
charts: {
|
|
179
|
+
chart1: "oklch(0.82 0.18 90)",
|
|
180
|
+
chart2: "oklch(0.72 0.16 80)",
|
|
181
|
+
chart3: "oklch(0.62 0.14 100)",
|
|
182
|
+
chart4: "oklch(0.88 0.12 95)",
|
|
183
|
+
chart5: "oklch(0.52 0.15 85)",
|
|
184
|
+
},
|
|
185
|
+
},
|
|
186
|
+
lime: {
|
|
187
|
+
light: "oklch(0.65 0.20 130)",
|
|
188
|
+
dark: "oklch(0.75 0.18 130)",
|
|
189
|
+
lightFg: "oklch(0.1450 0 0)",
|
|
190
|
+
darkFg: "oklch(0.1450 0 0)",
|
|
191
|
+
charts: {
|
|
192
|
+
chart1: "oklch(0.75 0.20 130)",
|
|
193
|
+
chart2: "oklch(0.65 0.17 120)",
|
|
194
|
+
chart3: "oklch(0.55 0.16 140)",
|
|
195
|
+
chart4: "oklch(0.85 0.14 135)",
|
|
196
|
+
chart5: "oklch(0.45 0.15 125)",
|
|
197
|
+
},
|
|
198
|
+
},
|
|
199
|
+
green: {
|
|
200
|
+
light: "oklch(0.55 0.18 145)",
|
|
201
|
+
dark: "oklch(0.65 0.16 145)",
|
|
163
202
|
lightFg: "oklch(0.9850 0 0)",
|
|
164
203
|
darkFg: "oklch(0.1450 0 0)",
|
|
165
204
|
charts: {
|
|
166
|
-
chart1: "oklch(0.
|
|
167
|
-
chart2: "oklch(0.
|
|
168
|
-
chart3: "oklch(0.
|
|
169
|
-
chart4: "oklch(0.
|
|
170
|
-
chart5: "oklch(0.
|
|
205
|
+
chart1: "oklch(0.65 0.18 145)",
|
|
206
|
+
chart2: "oklch(0.55 0.15 135)",
|
|
207
|
+
chart3: "oklch(0.45 0.16 155)",
|
|
208
|
+
chart4: "oklch(0.75 0.12 140)",
|
|
209
|
+
chart5: "oklch(0.35 0.10 150)",
|
|
171
210
|
},
|
|
172
211
|
},
|
|
173
212
|
emerald: {
|
|
@@ -183,9 +222,126 @@ export const PRIMARY_COLORS = {
|
|
|
183
222
|
chart5: "oklch(0.35 0.10 165)",
|
|
184
223
|
},
|
|
185
224
|
},
|
|
225
|
+
teal: {
|
|
226
|
+
light: "oklch(0.55 0.16 180)",
|
|
227
|
+
dark: "oklch(0.65 0.14 180)",
|
|
228
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
229
|
+
darkFg: "oklch(0.1450 0 0)",
|
|
230
|
+
charts: {
|
|
231
|
+
chart1: "oklch(0.65 0.16 180)",
|
|
232
|
+
chart2: "oklch(0.55 0.14 170)",
|
|
233
|
+
chart3: "oklch(0.45 0.15 190)",
|
|
234
|
+
chart4: "oklch(0.75 0.11 175)",
|
|
235
|
+
chart5: "oklch(0.35 0.10 185)",
|
|
236
|
+
},
|
|
237
|
+
},
|
|
238
|
+
cyan: {
|
|
239
|
+
light: "oklch(0.60 0.16 200)",
|
|
240
|
+
dark: "oklch(0.70 0.14 200)",
|
|
241
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
242
|
+
darkFg: "oklch(0.1450 0 0)",
|
|
243
|
+
charts: {
|
|
244
|
+
chart1: "oklch(0.70 0.16 200)",
|
|
245
|
+
chart2: "oklch(0.60 0.14 190)",
|
|
246
|
+
chart3: "oklch(0.50 0.15 210)",
|
|
247
|
+
chart4: "oklch(0.80 0.11 195)",
|
|
248
|
+
chart5: "oklch(0.40 0.12 205)",
|
|
249
|
+
},
|
|
250
|
+
},
|
|
251
|
+
sky: {
|
|
252
|
+
light: "oklch(0.60 0.16 230)",
|
|
253
|
+
dark: "oklch(0.70 0.14 230)",
|
|
254
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
255
|
+
darkFg: "oklch(0.1450 0 0)",
|
|
256
|
+
charts: {
|
|
257
|
+
chart1: "oklch(0.70 0.16 230)",
|
|
258
|
+
chart2: "oklch(0.60 0.14 210)",
|
|
259
|
+
chart3: "oklch(0.50 0.15 250)",
|
|
260
|
+
chart4: "oklch(0.80 0.10 220)",
|
|
261
|
+
chart5: "oklch(0.40 0.12 240)",
|
|
262
|
+
},
|
|
263
|
+
},
|
|
264
|
+
blue: {
|
|
265
|
+
light: "oklch(0.55 0.20 255)",
|
|
266
|
+
dark: "oklch(0.65 0.18 255)",
|
|
267
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
268
|
+
darkFg: "oklch(0.9850 0 0)",
|
|
269
|
+
charts: {
|
|
270
|
+
chart1: "oklch(0.65 0.20 255)",
|
|
271
|
+
chart2: "oklch(0.55 0.17 240)",
|
|
272
|
+
chart3: "oklch(0.45 0.18 270)",
|
|
273
|
+
chart4: "oklch(0.75 0.13 250)",
|
|
274
|
+
chart5: "oklch(0.35 0.14 260)",
|
|
275
|
+
},
|
|
276
|
+
},
|
|
277
|
+
indigo: {
|
|
278
|
+
light: "oklch(0.52 0.22 270)",
|
|
279
|
+
dark: "oklch(0.62 0.20 270)",
|
|
280
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
281
|
+
darkFg: "oklch(0.9850 0 0)",
|
|
282
|
+
charts: {
|
|
283
|
+
chart1: "oklch(0.62 0.22 270)",
|
|
284
|
+
chart2: "oklch(0.52 0.19 255)",
|
|
285
|
+
chart3: "oklch(0.72 0.16 285)",
|
|
286
|
+
chart4: "oklch(0.42 0.17 265)",
|
|
287
|
+
chart5: "oklch(0.82 0.11 275)",
|
|
288
|
+
},
|
|
289
|
+
},
|
|
290
|
+
violet: {
|
|
291
|
+
light: "oklch(0.55 0.22 285)",
|
|
292
|
+
dark: "oklch(0.65 0.20 285)",
|
|
293
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
294
|
+
darkFg: "oklch(0.9850 0 0)",
|
|
295
|
+
charts: {
|
|
296
|
+
chart1: "oklch(0.65 0.22 285)",
|
|
297
|
+
chart2: "oklch(0.55 0.19 260)",
|
|
298
|
+
chart3: "oklch(0.75 0.15 310)",
|
|
299
|
+
chart4: "oklch(0.45 0.16 270)",
|
|
300
|
+
chart5: "oklch(0.85 0.10 290)",
|
|
301
|
+
},
|
|
302
|
+
},
|
|
303
|
+
purple: {
|
|
304
|
+
light: "oklch(0.55 0.23 300)",
|
|
305
|
+
dark: "oklch(0.65 0.21 300)",
|
|
306
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
307
|
+
darkFg: "oklch(0.9850 0 0)",
|
|
308
|
+
charts: {
|
|
309
|
+
chart1: "oklch(0.65 0.23 300)",
|
|
310
|
+
chart2: "oklch(0.55 0.19 285)",
|
|
311
|
+
chart3: "oklch(0.75 0.16 315)",
|
|
312
|
+
chart4: "oklch(0.45 0.17 295)",
|
|
313
|
+
chart5: "oklch(0.85 0.11 305)",
|
|
314
|
+
},
|
|
315
|
+
},
|
|
316
|
+
fuchsia: {
|
|
317
|
+
light: "oklch(0.55 0.24 325)",
|
|
318
|
+
dark: "oklch(0.65 0.22 325)",
|
|
319
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
320
|
+
darkFg: "oklch(0.9850 0 0)",
|
|
321
|
+
charts: {
|
|
322
|
+
chart1: "oklch(0.65 0.24 325)",
|
|
323
|
+
chart2: "oklch(0.55 0.20 310)",
|
|
324
|
+
chart3: "oklch(0.75 0.17 340)",
|
|
325
|
+
chart4: "oklch(0.45 0.18 320)",
|
|
326
|
+
chart5: "oklch(0.85 0.12 330)",
|
|
327
|
+
},
|
|
328
|
+
},
|
|
329
|
+
pink: {
|
|
330
|
+
light: "oklch(0.58 0.22 350)",
|
|
331
|
+
dark: "oklch(0.68 0.20 350)",
|
|
332
|
+
lightFg: "oklch(0.9850 0 0)",
|
|
333
|
+
darkFg: "oklch(0.9850 0 0)",
|
|
334
|
+
charts: {
|
|
335
|
+
chart1: "oklch(0.68 0.22 350)",
|
|
336
|
+
chart2: "oklch(0.58 0.18 335)",
|
|
337
|
+
chart3: "oklch(0.78 0.15 5)",
|
|
338
|
+
chart4: "oklch(0.48 0.16 345)",
|
|
339
|
+
chart5: "oklch(0.88 0.10 355)",
|
|
340
|
+
},
|
|
341
|
+
},
|
|
186
342
|
rose: {
|
|
187
343
|
light: "oklch(0.55 0.22 15)",
|
|
188
|
-
dark: "oklch(0.65 0.
|
|
344
|
+
dark: "oklch(0.65 0.20 15)",
|
|
189
345
|
lightFg: "oklch(0.9850 0 0)",
|
|
190
346
|
darkFg: "oklch(0.9850 0 0)",
|
|
191
347
|
charts: {
|
|
@@ -196,19 +352,6 @@ export const PRIMARY_COLORS = {
|
|
|
196
352
|
chart5: "oklch(0.85 0.10 30)",
|
|
197
353
|
},
|
|
198
354
|
},
|
|
199
|
-
amber: {
|
|
200
|
-
light: "oklch(0.65 0.18 70)",
|
|
201
|
-
dark: "oklch(0.75 0.16 70)",
|
|
202
|
-
lightFg: "oklch(0.9850 0 0)",
|
|
203
|
-
darkFg: "oklch(0.1450 0 0)",
|
|
204
|
-
charts: {
|
|
205
|
-
chart1: "oklch(0.75 0.18 70)",
|
|
206
|
-
chart2: "oklch(0.65 0.16 50)",
|
|
207
|
-
chart3: "oklch(0.55 0.15 85)",
|
|
208
|
-
chart4: "oklch(0.85 0.12 60)",
|
|
209
|
-
chart5: "oklch(0.45 0.14 75)",
|
|
210
|
-
},
|
|
211
|
-
},
|
|
212
355
|
zinc: {
|
|
213
356
|
light: "oklch(0.2050 0 0)",
|
|
214
357
|
dark: "oklch(0.9850 0 0)",
|
|
@@ -223,12 +366,9 @@ export const PRIMARY_COLORS = {
|
|
|
223
366
|
},
|
|
224
367
|
},
|
|
225
368
|
};
|
|
226
|
-
|
|
227
|
-
* Generates Tailwind CSS v4 theme variables matching tweakcn specification.
|
|
228
|
-
*/
|
|
229
|
-
export function generateThemeCss(baseColor = "zinc", primaryColor = "wine") {
|
|
369
|
+
export function generateThemeCss(baseColor = "zinc", primaryColor = "amber") {
|
|
230
370
|
const base = BASE_PALETTES[baseColor] || BASE_PALETTES.zinc;
|
|
231
|
-
const primary = PRIMARY_COLORS[primaryColor] || PRIMARY_COLORS.
|
|
371
|
+
const primary = PRIMARY_COLORS[primaryColor] || PRIMARY_COLORS.amber;
|
|
232
372
|
return `@import "tailwindcss";
|
|
233
373
|
|
|
234
374
|
@custom-variant dark (&:is(.dark *));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nikala-ui/cli",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.11",
|
|
4
4
|
"description": "Command line interface for Nikala UI",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -35,4 +35,4 @@
|
|
|
35
35
|
"@types/prompts": "^2.4.9",
|
|
36
36
|
"typescript": "^5.7.2"
|
|
37
37
|
}
|
|
38
|
-
}
|
|
38
|
+
}
|