@svadmin/create 0.7.0 → 0.8.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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/template/src/app.css +9 -124
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@svadmin/create",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "Scaffolding tool for svadmin projects",
5
5
  "type": "module",
6
6
  "bin": {
package/template/src/app.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @import "tailwindcss";
2
2
  @import "tw-animate-css";
3
3
 
4
- /* Base New York styles & mappings from UI package */
4
+ /* Base design tokens & Tailwind mappings from the UI package */
5
5
  @import "@svadmin/ui/app.css";
6
6
 
7
7
  /* Scan workspace-linked packages — Tailwind v4 skips node_modules by default */
@@ -10,134 +10,19 @@
10
10
 
11
11
  @custom-variant dark (&:is(.dark *));
12
12
 
13
-
14
-
15
13
  /* ╔═══════════════════════════════════════════════════════════╗
16
- ║ COLOR THEME PRESETS ║
17
- ║ Each [data-theme] block only overrides --primary, ║
18
- ║ --ring, --sidebar-primary, and accent tints. ║
19
- ║ Neutral colors (bg, card, muted, border) are shared. ║
14
+ ║ Color presets are now managed by @svadmin/core. ║
15
+ ║ Use AdminApp's themeConfig prop to select a preset: ║
16
+ ║ ║
17
+ ║ themeConfig={{ colorPreset: 'blue' }} ║
18
+ ║ ║
19
+ ║ Available presets: neutral, indigo, blue, green, ║
20
+ ║ rose, orange, violet. Custom presets can be registered ║
21
+ ║ via registerColorPreset() from @svadmin/core. ║
20
22
  ╚═══════════════════════════════════════════════════════════╝ */
21
23
 
22
24
 
23
25
 
24
-
25
-
26
- /* ── 🔵 Blue (default) ────────────────────────────────────── */
27
- :root,
28
- [data-theme="blue"] {
29
- --primary: hsl(221.2 83.2% 53.3%);
30
- --primary-foreground: hsl(210 40% 98%);
31
- --ring: hsl(221.2 83.2% 53.3%);
32
- --sidebar-primary: hsl(221.2 83.2% 53.3%);
33
- --sidebar-primary-foreground: hsl(210 40% 98%);
34
- --sidebar-ring: hsl(221.2 83.2% 53.3%);
35
- }
36
- .dark[data-theme="blue"],
37
- [data-theme="blue"] .dark {
38
- --primary: hsl(217.2 91.2% 59.8%);
39
- --primary-foreground: hsl(222.2 47.4% 11.2%);
40
- --ring: hsl(224.3 76.3% 48%);
41
- --sidebar-primary: hsl(217.2 91.2% 59.8%);
42
- --sidebar-primary-foreground: hsl(222.2 47.4% 11.2%);
43
- --sidebar-ring: hsl(224.3 76.3% 48%);
44
- }
45
-
46
- /* ── 🟢 Green ─────────────────────────────────────────────── */
47
- [data-theme="green"] {
48
- --primary: hsl(142.1 76.2% 36.3%);
49
- --primary-foreground: hsl(355.7 100% 97.3%);
50
- --ring: hsl(142.1 76.2% 36.3%);
51
- --sidebar-primary: hsl(142.1 76.2% 36.3%);
52
- --sidebar-primary-foreground: hsl(355.7 100% 97.3%);
53
- --sidebar-ring: hsl(142.1 76.2% 36.3%);
54
- }
55
- [data-theme="green"] .dark,
56
- .dark[data-theme="green"] {
57
- --primary: hsl(142.1 70.6% 45.3%);
58
- --primary-foreground: hsl(144.9 80.4% 10%);
59
- --ring: hsl(142.4 71.8% 29.2%);
60
- --sidebar-primary: hsl(142.1 70.6% 45.3%);
61
- --sidebar-primary-foreground: hsl(144.9 80.4% 10%);
62
- --sidebar-ring: hsl(142.4 71.8% 29.2%);
63
- }
64
-
65
- /* ── 🌹 Rose ──────────────────────────────────────────────── */
66
- [data-theme="rose"] {
67
- --primary: hsl(346.8 77.2% 49.8%);
68
- --primary-foreground: hsl(355.7 100% 97.3%);
69
- --ring: hsl(346.8 77.2% 49.8%);
70
- --sidebar-primary: hsl(346.8 77.2% 49.8%);
71
- --sidebar-primary-foreground: hsl(355.7 100% 97.3%);
72
- --sidebar-ring: hsl(346.8 77.2% 49.8%);
73
- }
74
- [data-theme="rose"] .dark,
75
- .dark[data-theme="rose"] {
76
- --primary: hsl(346.8 77.2% 49.8%);
77
- --primary-foreground: hsl(355.7 100% 97.3%);
78
- --ring: hsl(346.8 77.2% 49.8%);
79
- --sidebar-primary: hsl(346.8 77.2% 49.8%);
80
- --sidebar-primary-foreground: hsl(355.7 100% 97.3%);
81
- --sidebar-ring: hsl(346.8 77.2% 49.8%);
82
- }
83
-
84
- /* ── 🟠 Orange ─────────────────────────────────────────────── */
85
- [data-theme="orange"] {
86
- --primary: hsl(24.6 95% 53.1%);
87
- --primary-foreground: hsl(60 9.1% 97.8%);
88
- --ring: hsl(24.6 95% 53.1%);
89
- --sidebar-primary: hsl(24.6 95% 53.1%);
90
- --sidebar-primary-foreground: hsl(60 9.1% 97.8%);
91
- --sidebar-ring: hsl(24.6 95% 53.1%);
92
- }
93
- [data-theme="orange"] .dark,
94
- .dark[data-theme="orange"] {
95
- --primary: hsl(20.5 90.2% 48.2%);
96
- --primary-foreground: hsl(60 9.1% 97.8%);
97
- --ring: hsl(20.5 90.2% 48.2%);
98
- --sidebar-primary: hsl(20.5 90.2% 48.2%);
99
- --sidebar-primary-foreground: hsl(60 9.1% 97.8%);
100
- --sidebar-ring: hsl(20.5 90.2% 48.2%);
101
- }
102
-
103
- /* ── 💜 Violet ─────────────────────────────────────────────── */
104
- [data-theme="violet"] {
105
- --primary: hsl(262.1 83.3% 57.8%);
106
- --primary-foreground: hsl(210 40% 98%);
107
- --ring: hsl(262.1 83.3% 57.8%);
108
- --sidebar-primary: hsl(262.1 83.3% 57.8%);
109
- --sidebar-primary-foreground: hsl(210 40% 98%);
110
- --sidebar-ring: hsl(262.1 83.3% 57.8%);
111
- }
112
- [data-theme="violet"] .dark,
113
- .dark[data-theme="violet"] {
114
- --primary: hsl(263.4 70% 50.4%);
115
- --primary-foreground: hsl(210 40% 98%);
116
- --ring: hsl(263.4 70% 50.4%);
117
- --sidebar-primary: hsl(263.4 70% 50.4%);
118
- --sidebar-primary-foreground: hsl(210 40% 98%);
119
- --sidebar-ring: hsl(263.4 70% 50.4%);
120
- }
121
-
122
- /* ── ⚫ Zinc (neutral) ─────────────────────────────────────── */
123
- [data-theme="zinc"] {
124
- --primary: hsl(240 5.9% 10%);
125
- --primary-foreground: hsl(0 0% 98%);
126
- --ring: hsl(240 5.9% 10%);
127
- --sidebar-primary: hsl(240 5.9% 10%);
128
- --sidebar-primary-foreground: hsl(0 0% 98%);
129
- --sidebar-ring: hsl(240 5.9% 10%);
130
- }
131
- [data-theme="zinc"] .dark,
132
- .dark[data-theme="zinc"] {
133
- --primary: hsl(0 0% 98%);
134
- --primary-foreground: hsl(240 5.9% 10%);
135
- --ring: hsl(240 4.9% 83.9%);
136
- --sidebar-primary: hsl(0 0% 98%);
137
- --sidebar-primary-foreground: hsl(240 5.9% 10%);
138
- --sidebar-ring: hsl(240 4.9% 83.9%);
139
- }
140
-
141
26
  /* ╔═══════════════════════════════════════════════════════════╗
142
27
  ║ BASE STYLES ║
143
28
  ╚═══════════════════════════════════════════════════════════╝ */