tailwind-zag 1.0.0 → 1.0.2
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 +5 -5
- package/package.json +8 -8
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
#
|
|
1
|
+
# tailwind-zag
|
|
2
2
|
|
|
3
3
|
A [TailwindCSS](https://tailwindcss.com/) plugin to style [zag](https://zagjs.com/)-powered-components using their [data attributes](https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Solve_HTML_problems/Use_data_attributes).
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
npm install -D
|
|
8
|
+
npm install -D tailwind-zag
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
## Usage
|
|
@@ -15,7 +15,7 @@ Add the plugin to your tailwind config
|
|
|
15
15
|
```ts
|
|
16
16
|
// tailwind.config.ts
|
|
17
17
|
import type {Config} from 'tailwindcss';
|
|
18
|
-
import zag from '
|
|
18
|
+
import zag from 'tailwind-zag';
|
|
19
19
|
|
|
20
20
|
export default {
|
|
21
21
|
content: ['./src/**/*.{js,ts,jsx,tsx}'],
|
|
@@ -34,7 +34,7 @@ export default {
|
|
|
34
34
|
If you are using tailwind v4, you can add the plugin to your `css` file like this:
|
|
35
35
|
|
|
36
36
|
```css
|
|
37
|
-
@plugin '
|
|
37
|
+
@plugin 'tailwind-zag';
|
|
38
38
|
```
|
|
39
39
|
|
|
40
40
|
Style your components
|
|
@@ -55,7 +55,7 @@ export function Component() {
|
|
|
55
55
|
|
|
56
56
|
```js
|
|
57
57
|
// tailwind.config.js
|
|
58
|
-
import zag from '
|
|
58
|
+
import zag from 'tailwind-zag';
|
|
59
59
|
|
|
60
60
|
/** @type {import('tailwindcss').Config} */
|
|
61
61
|
export default {
|
package/package.json
CHANGED
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
"name": "tailwind-zag",
|
|
3
3
|
"type": "module",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "1.0.
|
|
5
|
+
"version": "1.0.2",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
7
7
|
"module": "./dist/index.js",
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
9
|
"exports": {
|
|
10
10
|
".": {
|
|
11
11
|
"types": "./dist/index.d.ts",
|
|
12
|
-
"import":
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
"import": {
|
|
13
|
+
"types": "./dist/index.d.ts",
|
|
14
|
+
"default": "./dist/index.js"
|
|
15
|
+
},
|
|
16
|
+
"require": "./dist/index.cjs"
|
|
17
17
|
},
|
|
18
18
|
"./package.json": "./package.json"
|
|
19
19
|
},
|
|
@@ -30,10 +30,10 @@
|
|
|
30
30
|
},
|
|
31
31
|
"repository": {
|
|
32
32
|
"type": "git",
|
|
33
|
-
"url": "git+https://github.com/calvo-jp/
|
|
33
|
+
"url": "git+https://github.com/calvo-jp/tailwind-zag.git"
|
|
34
34
|
},
|
|
35
35
|
"bugs": {
|
|
36
|
-
"url": "https://github.com/calvo-jp/
|
|
36
|
+
"url": "https://github.com/calvo-jp/tailwind-zag/issues",
|
|
37
37
|
"email": "calvojp92@gmail.com"
|
|
38
38
|
},
|
|
39
39
|
"description": "TailwindCSS plugin for zag-powered components",
|