@rysinal/heroui-vue-styles 0.0.2 → 0.0.3
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 +48 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
# @rysinal/heroui-vue-styles
|
|
2
|
+
|
|
3
|
+
Styles, Tailwind variants, and CSS entrypoints for `@rysinal/heroui-vue`.
|
|
4
|
+
|
|
5
|
+
Most users should install this package together with the Vue component package:
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
pnpm add @rysinal/heroui-vue @rysinal/heroui-vue-styles
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @rysinal/heroui-vue @rysinal/heroui-vue-styles
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
yarn add @rysinal/heroui-vue @rysinal/heroui-vue-styles
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
Import the global styles once in your app entry:
|
|
22
|
+
|
|
23
|
+
```ts
|
|
24
|
+
import '@rysinal/heroui-vue-styles/styles.css'
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
For Tailwind CSS 4, include the Vue package in your CSS source scan:
|
|
28
|
+
|
|
29
|
+
```css
|
|
30
|
+
@import "tailwindcss";
|
|
31
|
+
@source "../node_modules/@rysinal/heroui-vue";
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
The package also exposes compiled style utilities for advanced usage:
|
|
35
|
+
|
|
36
|
+
```ts
|
|
37
|
+
import { buttonVariants } from '@rysinal/heroui-vue-styles'
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Links
|
|
41
|
+
|
|
42
|
+
- Documentation: https://hero-ui-vue.pages.dev
|
|
43
|
+
- Repository: https://github.com/rysinal/hero-ui-vue
|
|
44
|
+
- Issues: https://github.com/rysinal/hero-ui-vue/issues
|
|
45
|
+
|
|
46
|
+
## License
|
|
47
|
+
|
|
48
|
+
Apache-2.0
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rysinal/heroui-vue-styles",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"description": "Styles for HeroUI Vue components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"heroui",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"tailwindcss": "^4.1.18",
|
|
49
49
|
"tw-animate-css": "^1.4.0",
|
|
50
50
|
"typescript": "^5.8.3",
|
|
51
|
-
"@rysinal/heroui-vue-standard": "0.0.
|
|
51
|
+
"@rysinal/heroui-vue-standard": "0.0.3"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"tailwindcss": ">=4.0.0"
|