@svadmin/ui 0.5.3 → 0.5.7
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/package.json +1 -1
- package/src/app.css +25 -7
package/package.json
CHANGED
package/src/app.css
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/* Typography — Inter font via Bunny Fonts (global CDN, works in China) */
|
|
2
|
+
@import url('https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap');
|
|
3
|
+
|
|
1
4
|
/* @svadmin/ui — Design Tokens (Shadcn New York style)
|
|
2
5
|
* Auto-imported by AdminApp. Can be overridden by consumer's CSS.
|
|
3
6
|
*
|
|
@@ -9,6 +12,12 @@
|
|
|
9
12
|
* - More polished dark mode
|
|
10
13
|
*/
|
|
11
14
|
|
|
15
|
+
/* Auto-register svadmin source files for Tailwind 4 content scanning.
|
|
16
|
+
* This ensures all utility classes used in @svadmin/ui and @svadmin/core
|
|
17
|
+
* components are generated without manual @source in consumer projects. */
|
|
18
|
+
@source "@svadmin/ui/src/**/*.{svelte,ts,js}";
|
|
19
|
+
@source "@svadmin/core/src/**/*.{svelte,ts,js}";
|
|
20
|
+
|
|
12
21
|
@layer base {
|
|
13
22
|
:root {
|
|
14
23
|
--radius: 0.5rem;
|
|
@@ -80,10 +89,19 @@
|
|
|
80
89
|
--sidebar-border: oklch(1 0 0 / 10%);
|
|
81
90
|
--sidebar-ring: oklch(0.556 0 0);
|
|
82
91
|
}
|
|
83
|
-
}
|
|
84
92
|
|
|
85
|
-
/*
|
|
86
|
-
|
|
93
|
+
/* Emulate new-york style shadows on inputs and buttons */
|
|
94
|
+
[data-slot="button"],
|
|
95
|
+
[data-slot="input"],
|
|
96
|
+
[data-slot="select-trigger"],
|
|
97
|
+
[data-slot="textarea"] {
|
|
98
|
+
@apply shadow-sm;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
[data-slot="card"] {
|
|
102
|
+
@apply shadow-sm;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
87
105
|
|
|
88
106
|
body {
|
|
89
107
|
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
|
|
@@ -136,8 +154,8 @@ body {
|
|
|
136
154
|
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
137
155
|
--color-sidebar-border: var(--sidebar-border);
|
|
138
156
|
--color-sidebar-ring: var(--sidebar-ring);
|
|
139
|
-
--radius-sm: calc(var(--radius) -
|
|
140
|
-
--radius-md: calc(var(--radius) -
|
|
141
|
-
--radius-lg: var(--radius);
|
|
142
|
-
--radius-xl:
|
|
157
|
+
--radius-sm: calc(var(--radius) - 6px);
|
|
158
|
+
--radius-md: calc(var(--radius) - 4px);
|
|
159
|
+
--radius-lg: calc(var(--radius) - 2px);
|
|
160
|
+
--radius-xl: var(--radius);
|
|
143
161
|
}
|