vuesp-components 2.2.3 → 2.2.5
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 +23 -0
- package/dist/VDialog.vue_vue_type_script_setup_true_lang-CNTOjVfB.js +664 -0
- package/dist/components/app/AppHeader.vue.d.ts.map +1 -1
- package/dist/components/app/AppNav.vue.d.ts +3 -0
- package/dist/components/app/AppNav.vue.d.ts.map +1 -1
- package/dist/components/index.es.js +1074 -1031
- package/dist/components/ui/button/VButton.vue.d.ts.map +1 -1
- package/dist/components/ui/button/types.d.ts +1 -1
- package/dist/components/ui/button/types.d.ts.map +1 -1
- package/dist/components/ui/table/VTable.vue.d.ts.map +1 -1
- package/dist/components/ui/tabs/VTabs.vue.d.ts.map +1 -1
- package/dist/index.es.js +1 -1
- package/dist/style.css +1 -1
- package/dist/theme.css +287 -0
- package/package.json +6 -3
- package/dist/VDialog.vue_vue_type_script_setup_true_lang-ddssvQGq.js +0 -664
package/README.md
CHANGED
|
@@ -181,6 +181,29 @@ app.use(i18nPlugin, {
|
|
|
181
181
|
|
|
182
182
|
## License
|
|
183
183
|
|
|
184
|
+
## Theme / Tailwind base
|
|
185
|
+
|
|
186
|
+
`vuesp-components/style.css` contains the theme **and** component styles.
|
|
187
|
+
|
|
188
|
+
If a project needs only the design tokens and glass utilities, use the separate entry:
|
|
189
|
+
|
|
190
|
+
```css
|
|
191
|
+
@import 'tailwindcss';
|
|
192
|
+
@import 'vuesp-components/theme.css';
|
|
193
|
+
|
|
194
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
195
|
+
@source '../src/**/*.{vue,ts}';
|
|
196
|
+
```
|
|
197
|
+
|
|
198
|
+
`theme.css` contains:
|
|
199
|
+
|
|
200
|
+
- `@theme` tokens: primary/secondary colors, vision palette, shadows, animations;
|
|
201
|
+
- accent CSS variables (`--accent-blue`, `--accent-indigo`, …);
|
|
202
|
+
- glass utilities: `.glass-panel`, `.glass-header`, `.glass-inset`, `.glass-popover`;
|
|
203
|
+
- light/dark body background with the grid pattern.
|
|
204
|
+
|
|
205
|
+
Important: import `theme.css` **inside the Tailwind entry** (the file that imports `tailwindcss`), not as a separate Nuxt/`<link>` CSS entry. Otherwise Tailwind will not generate utilities from `@theme`.
|
|
206
|
+
|
|
184
207
|
## 1.3.1 (2026-06-22)
|
|
185
208
|
|
|
186
209
|
- (bondrogeen) Build fixes and documentation updates
|