@smitch/breeze 2.2.4 → 2.2.6
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 +20 -9
- package/package.json +24 -8
package/README.md
CHANGED
|
@@ -13,9 +13,10 @@ Live demo: [https://breezeui.site](https://breezeui.site)
|
|
|
13
13
|
- [Getting Started](#getting-started)
|
|
14
14
|
- [1. Installation](#1-installation)
|
|
15
15
|
- [2. Configure Tailwind 3](#2-configure-tailwind-3)
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
- [1. Generate Tailwind Config Files](#1-generate-tailwind-config-files)
|
|
17
|
+
- [2. Configure `tailwind.config.js`](#2-configure-tailwindconfigjs)
|
|
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}",
|
|
@@ -145,13 +145,24 @@ const config: Config = {
|
|
|
145
145
|
require("@tailwindcss/forms")({
|
|
146
146
|
strategy: "class",
|
|
147
147
|
}),
|
|
148
|
-
require("@tailwindcss/typography"),
|
|
149
148
|
],
|
|
150
149
|
};
|
|
151
|
-
export default config;
|
|
152
150
|
```
|
|
153
151
|
|
|
154
|
-
### 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
|
|
155
166
|
|
|
156
167
|
Add to your global CSS file (e.g., `globals.css` in App Router):
|
|
157
168
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smitch/breeze",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.6",
|
|
4
4
|
"description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"keywords": [
|
|
@@ -20,21 +20,37 @@
|
|
|
20
20
|
".npmignore"
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@smitch/js-lib": "^0.3.22"
|
|
24
|
-
"react-icons": "^5.5.0",
|
|
25
|
-
"prismjs": "^1.30.0",
|
|
26
|
-
"tailwind-merge": "^2.5.4"
|
|
23
|
+
"@smitch/js-lib": "^0.3.22"
|
|
27
24
|
},
|
|
28
25
|
"peerDependencies": {
|
|
29
26
|
"react": ">=19",
|
|
30
27
|
"react-dom": "^19.0.0",
|
|
31
28
|
"next": ">=15",
|
|
32
29
|
"tailwindcss": ">=3",
|
|
33
|
-
"
|
|
34
|
-
"
|
|
30
|
+
"react-icons": "^5.5.0",
|
|
31
|
+
"prismjs": "^1.30.0",
|
|
32
|
+
"tailwind-merge": "^2.5.4",
|
|
33
|
+
"@tailwindcss/forms": "^0.5.9"
|
|
34
|
+
},
|
|
35
|
+
"peerDependenciesMeta": {
|
|
36
|
+
"react-icons": {
|
|
37
|
+
"optional": false
|
|
38
|
+
},
|
|
39
|
+
"prismjs": {
|
|
40
|
+
"optional": false
|
|
41
|
+
},
|
|
42
|
+
"tailwind-merge": {
|
|
43
|
+
"optional": false
|
|
44
|
+
},
|
|
45
|
+
"@tailwindcss/forms": {
|
|
46
|
+
"optional": false
|
|
47
|
+
}
|
|
35
48
|
},
|
|
36
49
|
"devDependencies": {
|
|
37
|
-
"@types/prismjs": "^1.26.5"
|
|
50
|
+
"@types/prismjs": "^1.26.5",
|
|
51
|
+
"postcss-import": "^15.1.0",
|
|
52
|
+
"postcss": "^8.4.47",
|
|
53
|
+
"autoprefixer": "^10.4.20"
|
|
38
54
|
},
|
|
39
55
|
"types": "index.d.ts",
|
|
40
56
|
"typings": "index.d.ts",
|