@expcat/tigercat-cli 2.0.0-rc.2 → 2.0.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/index.js +20 -12
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -43,11 +43,11 @@ function readFileSafe(filePath) {
|
|
|
43
43
|
|
|
44
44
|
// src/constants.ts
|
|
45
45
|
var CLI_NAME = "tigercat";
|
|
46
|
-
var CLI_VERSION = "2.0.0
|
|
46
|
+
var CLI_VERSION = "2.0.0";
|
|
47
47
|
var TEMPLATES = ["vue3", "react"];
|
|
48
48
|
var TEMPLATE_VERSIONS = {
|
|
49
49
|
// Tigercat packages (use caret on latest major)
|
|
50
|
-
tigercat: "^2.0.0
|
|
50
|
+
tigercat: "^2.0.0",
|
|
51
51
|
// Frameworks
|
|
52
52
|
vue: "^3.5.39",
|
|
53
53
|
react: "^19.2.7",
|
|
@@ -313,11 +313,11 @@ function toggleModern(v: boolean) {
|
|
|
313
313
|
<div class="flex items-center gap-4 text-sm text-[var(--tiger-text-muted,#6b7280)]">
|
|
314
314
|
<label class="flex items-center gap-2">
|
|
315
315
|
<span>Modern</span>
|
|
316
|
-
<Switch :
|
|
316
|
+
<Switch :model-value="modern" size="sm" @update:model-value="toggleModern" />
|
|
317
317
|
</label>
|
|
318
318
|
<label class="flex items-center gap-2">
|
|
319
319
|
<span>Dark</span>
|
|
320
|
-
<Switch :
|
|
320
|
+
<Switch :model-value="dark" size="sm" @update:model-value="toggleDark" />
|
|
321
321
|
</label>
|
|
322
322
|
</div>
|
|
323
323
|
</div>
|
|
@@ -352,18 +352,22 @@ declare module '*.vue' {
|
|
|
352
352
|
function commonStyleCss() {
|
|
353
353
|
return `@import "tailwindcss";
|
|
354
354
|
@plugin "@expcat/tigercat-core/tailwind/modern";
|
|
355
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
355
356
|
|
|
356
357
|
/*
|
|
357
358
|
* The tigercat tailwind plugin injects every --tiger-* design token for
|
|
358
359
|
* both light (:root) and dark (.dark) modes, plus the opt-in modern
|
|
359
360
|
* overrides activated by data-tiger-style="modern". The demo App toggles
|
|
360
|
-
* dark mode via .dark on <html
|
|
361
|
-
*
|
|
362
|
-
* createTigercatPlugin({ preset }) to use a custom preset.
|
|
361
|
+
* dark mode via .dark on <html>; the rules below keep native controls in
|
|
362
|
+
* sync with that explicit choice.
|
|
363
363
|
*/
|
|
364
364
|
|
|
365
365
|
html {
|
|
366
|
-
color-scheme: light
|
|
366
|
+
color-scheme: light;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
html.dark {
|
|
370
|
+
color-scheme: dark;
|
|
367
371
|
}
|
|
368
372
|
`;
|
|
369
373
|
}
|
|
@@ -559,18 +563,22 @@ export default function App() {
|
|
|
559
563
|
function commonStyleCss2() {
|
|
560
564
|
return `@import "tailwindcss";
|
|
561
565
|
@plugin "@expcat/tigercat-core/tailwind/modern";
|
|
566
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
562
567
|
|
|
563
568
|
/*
|
|
564
569
|
* The tigercat tailwind plugin injects every --tiger-* design token for
|
|
565
570
|
* both light (:root) and dark (.dark) modes, plus the opt-in modern
|
|
566
571
|
* overrides activated by data-tiger-style="modern". The demo App toggles
|
|
567
|
-
* dark mode via .dark on <html
|
|
568
|
-
*
|
|
569
|
-
* createTigercatPlugin({ preset }) to use a custom preset.
|
|
572
|
+
* dark mode via .dark on <html>; the rules below keep native controls in
|
|
573
|
+
* sync with that explicit choice.
|
|
570
574
|
*/
|
|
571
575
|
|
|
572
576
|
html {
|
|
573
|
-
color-scheme: light
|
|
577
|
+
color-scheme: light;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
html.dark {
|
|
581
|
+
color-scheme: dark;
|
|
574
582
|
}
|
|
575
583
|
`;
|
|
576
584
|
}
|