@smitch/breeze 2.2.5 → 2.2.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/README.md +18 -6
- package/package.json +25 -9
package/README.md
CHANGED
|
@@ -15,7 +15,8 @@ Live demo: [https://breezeui.site](https://breezeui.site)
|
|
|
15
15
|
- [2. Configure Tailwind 3](#2-configure-tailwind-3)
|
|
16
16
|
- [1. Generate Tailwind Config Files](#1-generate-tailwind-config-files)
|
|
17
17
|
- [2. Configure `tailwind.config.js`](#2-configure-tailwindconfigjs)
|
|
18
|
-
- [3.
|
|
18
|
+
- [3. Configure `postcss.config.js`](#3-configure-postcssconfigjs)
|
|
19
|
+
- [4. Add Tailwind Directives to CSS](#4-add-tailwind-directives-to-css)
|
|
19
20
|
- [Basic Usage](#basic-usage)
|
|
20
21
|
- [Charts Usage](#charts-usage)
|
|
21
22
|
- [Chart Usage Example](#chart-usage-example)
|
|
@@ -78,11 +79,10 @@ This creates `tailwind.config.js` and `postcss.config.js` (pre-filled with Tailw
|
|
|
78
79
|
Update your `tailwind.config.js` to include Breeze's content path and theme.
|
|
79
80
|
|
|
80
81
|
```js
|
|
81
|
-
|
|
82
|
+
/** @type {import('tailwindcss').Config} */
|
|
82
83
|
import colors from "tailwindcss/colors";
|
|
83
84
|
|
|
84
|
-
|
|
85
|
-
/* The selector strategy replaced the class strategy in Tailwind CSS v3.4.1.*/
|
|
85
|
+
module.exports = {
|
|
86
86
|
darkMode: "selector",
|
|
87
87
|
content: [
|
|
88
88
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
@@ -147,10 +147,22 @@ const config: Config = {
|
|
|
147
147
|
}),
|
|
148
148
|
],
|
|
149
149
|
};
|
|
150
|
-
export default config;
|
|
151
150
|
```
|
|
152
151
|
|
|
153
|
-
### 3.
|
|
152
|
+
### 3. Configure `postcss.config.js`
|
|
153
|
+
|
|
154
|
+
```javascript
|
|
155
|
+
module.exports = {
|
|
156
|
+
plugins: {
|
|
157
|
+
"postcss-import": {},
|
|
158
|
+
"tailwindcss/nesting": {},
|
|
159
|
+
tailwindcss: {},
|
|
160
|
+
autoprefixer: {},
|
|
161
|
+
},
|
|
162
|
+
};
|
|
163
|
+
```
|
|
164
|
+
|
|
165
|
+
### 4. Add Tailwind Directives to CSS
|
|
154
166
|
|
|
155
167
|
Add to your global CSS file (e.g., `globals.css` in App Router):
|
|
156
168
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smitch/breeze",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.7",
|
|
4
4
|
"description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"keywords": [
|
|
@@ -21,20 +21,36 @@
|
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@smitch/js-lib": "^0.3.22",
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"@tailwindcss/forms": "^0.5.9",
|
|
28
|
-
"tailwind-merge": "^2.5.4"
|
|
24
|
+
"postcss-import": "^15.1.0",
|
|
25
|
+
"postcss": "^8.4.47",
|
|
26
|
+
"autoprefixer": "^10.4.20"
|
|
29
27
|
},
|
|
30
28
|
"peerDependencies": {
|
|
31
29
|
"react": ">=19",
|
|
32
30
|
"react-dom": "^19.0.0",
|
|
33
|
-
"next": ">=15"
|
|
31
|
+
"next": ">=15",
|
|
32
|
+
"tailwindcss": ">=3",
|
|
33
|
+
"react-icons": "^5.5.0",
|
|
34
|
+
"prismjs": "^1.30.0",
|
|
35
|
+
"tailwind-merge": "^2.5.4",
|
|
36
|
+
"@tailwindcss/forms": "^0.5.9"
|
|
37
|
+
},
|
|
38
|
+
"peerDependenciesMeta": {
|
|
39
|
+
"react-icons": {
|
|
40
|
+
"optional": false
|
|
41
|
+
},
|
|
42
|
+
"prismjs": {
|
|
43
|
+
"optional": false
|
|
44
|
+
},
|
|
45
|
+
"tailwind-merge": {
|
|
46
|
+
"optional": false
|
|
47
|
+
},
|
|
48
|
+
"@tailwindcss/forms": {
|
|
49
|
+
"optional": false
|
|
50
|
+
}
|
|
34
51
|
},
|
|
35
52
|
"devDependencies": {
|
|
36
|
-
"@types/prismjs": "^1.26.5"
|
|
37
|
-
"postcss-import": "^15.1.0"
|
|
53
|
+
"@types/prismjs": "^1.26.5"
|
|
38
54
|
},
|
|
39
55
|
"types": "index.d.ts",
|
|
40
56
|
"typings": "index.d.ts",
|