create-nara 1.0.51 → 1.0.52
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.
Potentially problematic release.
This version of create-nara might be problematic. Click here for more details.
package/package.json
CHANGED
|
@@ -1,12 +1,118 @@
|
|
|
1
1
|
@import url('https://rsms.me/inter/inter.css');
|
|
2
2
|
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');
|
|
3
|
-
@
|
|
4
|
-
|
|
5
|
-
@
|
|
3
|
+
@import "tailwindcss";
|
|
4
|
+
|
|
5
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
6
|
+
|
|
7
|
+
@theme {
|
|
8
|
+
/* Primary - Emerald */
|
|
9
|
+
--color-primary-50: #ecfdf5;
|
|
10
|
+
--color-primary-100: #d1fae5;
|
|
11
|
+
--color-primary-200: #a7f3d0;
|
|
12
|
+
--color-primary-300: #6ee7b7;
|
|
13
|
+
--color-primary-400: #34d399;
|
|
14
|
+
--color-primary-500: #10b981;
|
|
15
|
+
--color-primary-600: #059669;
|
|
16
|
+
--color-primary-700: #047857;
|
|
17
|
+
--color-primary-800: #065f46;
|
|
18
|
+
--color-primary-900: #064e3b;
|
|
19
|
+
--color-primary-950: #022c22;
|
|
20
|
+
|
|
21
|
+
/* Secondary - Amber */
|
|
22
|
+
--color-secondary-50: #fffbeb;
|
|
23
|
+
--color-secondary-100: #fef3c7;
|
|
24
|
+
--color-secondary-200: #fde68a;
|
|
25
|
+
--color-secondary-300: #fcd34d;
|
|
26
|
+
--color-secondary-400: #fbbf24;
|
|
27
|
+
--color-secondary-500: #f59e0b;
|
|
28
|
+
--color-secondary-600: #d97706;
|
|
29
|
+
--color-secondary-700: #b45309;
|
|
30
|
+
--color-secondary-800: #92400e;
|
|
31
|
+
--color-secondary-900: #78350f;
|
|
32
|
+
--color-secondary-950: #451a03;
|
|
33
|
+
|
|
34
|
+
/* Accent - Purple */
|
|
35
|
+
--color-accent-50: #faf5ff;
|
|
36
|
+
--color-accent-100: #f3e8ff;
|
|
37
|
+
--color-accent-200: #e9d5ff;
|
|
38
|
+
--color-accent-300: #d8b4fe;
|
|
39
|
+
--color-accent-400: #c084fc;
|
|
40
|
+
--color-accent-500: #a855f7;
|
|
41
|
+
--color-accent-600: #9333ea;
|
|
42
|
+
--color-accent-700: #7c3aed;
|
|
43
|
+
--color-accent-800: #6b21a8;
|
|
44
|
+
--color-accent-900: #581c87;
|
|
45
|
+
--color-accent-950: #3b0764;
|
|
46
|
+
|
|
47
|
+
/* Info - Cyan */
|
|
48
|
+
--color-info-50: #ecfeff;
|
|
49
|
+
--color-info-100: #cffafe;
|
|
50
|
+
--color-info-200: #a5f3fc;
|
|
51
|
+
--color-info-300: #67e8f9;
|
|
52
|
+
--color-info-400: #22d3ee;
|
|
53
|
+
--color-info-500: #06b6d4;
|
|
54
|
+
--color-info-600: #0891b2;
|
|
55
|
+
--color-info-700: #0e7490;
|
|
56
|
+
--color-info-800: #155e75;
|
|
57
|
+
--color-info-900: #164e63;
|
|
58
|
+
--color-info-950: #083344;
|
|
59
|
+
|
|
60
|
+
/* Warning - Orange */
|
|
61
|
+
--color-warning-50: #fff7ed;
|
|
62
|
+
--color-warning-100: #ffedd5;
|
|
63
|
+
--color-warning-200: #fed7aa;
|
|
64
|
+
--color-warning-300: #fdba74;
|
|
65
|
+
--color-warning-400: #fb923c;
|
|
66
|
+
--color-warning-500: #f97316;
|
|
67
|
+
--color-warning-600: #ea580c;
|
|
68
|
+
--color-warning-700: #c2410c;
|
|
69
|
+
--color-warning-800: #9a3412;
|
|
70
|
+
--color-warning-900: #7c2d12;
|
|
71
|
+
--color-warning-950: #431407;
|
|
72
|
+
|
|
73
|
+
/* Danger - Red */
|
|
74
|
+
--color-danger-50: #fef2f2;
|
|
75
|
+
--color-danger-100: #fee2e2;
|
|
76
|
+
--color-danger-200: #fecaca;
|
|
77
|
+
--color-danger-300: #fca5a5;
|
|
78
|
+
--color-danger-400: #f87171;
|
|
79
|
+
--color-danger-500: #ef4444;
|
|
80
|
+
--color-danger-600: #dc2626;
|
|
81
|
+
--color-danger-700: #b91c1c;
|
|
82
|
+
--color-danger-800: #991b1b;
|
|
83
|
+
--color-danger-900: #7f1d1d;
|
|
84
|
+
--color-danger-950: #450a0a;
|
|
85
|
+
|
|
86
|
+
/* Success - Green */
|
|
87
|
+
--color-success-50: #ecfdf5;
|
|
88
|
+
--color-success-100: #d1fae5;
|
|
89
|
+
--color-success-200: #a7f3d0;
|
|
90
|
+
--color-success-300: #6ee7b7;
|
|
91
|
+
--color-success-400: #34d399;
|
|
92
|
+
--color-success-500: #10b981;
|
|
93
|
+
--color-success-600: #059669;
|
|
94
|
+
--color-success-700: #047857;
|
|
95
|
+
--color-success-800: #065f46;
|
|
96
|
+
--color-success-900: #064e3b;
|
|
97
|
+
--color-success-950: #022c22;
|
|
98
|
+
|
|
99
|
+
/* Surface colors */
|
|
100
|
+
--color-surface-light: #f8f8f8;
|
|
101
|
+
--color-surface-dark: #0a0a0a;
|
|
102
|
+
--color-surface-card-light: #f1f5f9;
|
|
103
|
+
--color-surface-card-dark: #0f0f0f;
|
|
104
|
+
|
|
105
|
+
/* Custom shadows */
|
|
106
|
+
--shadow-soft: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
|
|
107
|
+
|
|
108
|
+
/* Font families */
|
|
109
|
+
--font-sans: 'Inter var', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
110
|
+
--font-serif: 'Playfair Display', Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
111
|
+
}
|
|
6
112
|
|
|
7
113
|
@layer base {
|
|
8
114
|
html {
|
|
9
|
-
font-family:
|
|
115
|
+
font-family: var(--font-sans);
|
|
10
116
|
}
|
|
11
117
|
|
|
12
118
|
body::-webkit-scrollbar {
|
|
@@ -18,7 +124,7 @@
|
|
|
18
124
|
}
|
|
19
125
|
|
|
20
126
|
body::-webkit-scrollbar-thumb {
|
|
21
|
-
background-color:
|
|
127
|
+
background-color: var(--color-primary-500);
|
|
22
128
|
border-radius: 3px;
|
|
23
129
|
}
|
|
24
130
|
}
|
|
@@ -49,29 +155,19 @@
|
|
|
49
155
|
}
|
|
50
156
|
|
|
51
157
|
.btn-primary {
|
|
52
|
-
@apply bg-primary-600 text-white px-4 py-2 rounded-lg hover:bg-primary-700
|
|
53
|
-
transition-all duration-300 active:bg-primary-800
|
|
54
|
-
disabled:opacity-50 disabled:cursor-not-allowed
|
|
55
|
-
focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2;
|
|
158
|
+
@apply bg-primary-600 text-white px-4 py-2 rounded-lg hover:bg-primary-700 transition-all duration-300 active:bg-primary-800 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2;
|
|
56
159
|
}
|
|
57
160
|
|
|
58
161
|
.btn-secondary {
|
|
59
|
-
@apply bg-white text-gray-900 px-4 py-2 rounded-lg border border-gray-300
|
|
60
|
-
hover:bg-gray-50 transition-all duration-300 active:bg-gray-100
|
|
61
|
-
disabled:opacity-50 disabled:cursor-not-allowed
|
|
62
|
-
focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2;
|
|
162
|
+
@apply bg-white text-gray-900 px-4 py-2 rounded-lg border border-gray-300 hover:bg-gray-50 transition-all duration-300 active:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2;
|
|
63
163
|
}
|
|
64
164
|
|
|
65
165
|
.btn-danger {
|
|
66
|
-
@apply bg-danger-600 text-white px-4 py-2 rounded-lg hover:bg-danger-700
|
|
67
|
-
transition-all duration-300 active:bg-danger-800
|
|
68
|
-
disabled:opacity-50 disabled:cursor-not-allowed
|
|
69
|
-
focus:outline-none focus:ring-2 focus:ring-danger-500 focus:ring-offset-2;
|
|
166
|
+
@apply bg-danger-600 text-white px-4 py-2 rounded-lg hover:bg-danger-700 transition-all duration-300 active:bg-danger-800 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-danger-500 focus:ring-offset-2;
|
|
70
167
|
}
|
|
71
168
|
|
|
72
169
|
.card {
|
|
73
|
-
@apply bg-white rounded-xl shadow-soft p-6 transition-all duration-300
|
|
74
|
-
shadow-lg hover:shadow-xl hover:-translate-y-0.5;
|
|
170
|
+
@apply bg-white rounded-xl shadow-soft p-6 transition-all duration-300 shadow-lg hover:shadow-xl hover:-translate-y-0.5;
|
|
75
171
|
}
|
|
76
172
|
|
|
77
173
|
/* Surface backgrounds */
|
|
@@ -91,4 +187,4 @@
|
|
|
91
187
|
.gradient-text-info {
|
|
92
188
|
@apply bg-clip-text text-transparent bg-gradient-to-r from-info-600 to-info-400;
|
|
93
189
|
}
|
|
94
|
-
}
|
|
190
|
+
}
|