@moneymap/ui 0.0.4 → 0.0.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 +1 -40
- package/dist/index.esm.js +464 -360
- package/dist/src/components/calendar/index.d.ts +1 -1
- package/dist/src/components/calendar/index.d.ts.map +1 -1
- package/dist/src/components/checkbox/index.d.ts +5 -0
- package/dist/src/components/checkbox/index.d.ts.map +1 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/package.json +43 -43
- package/src/components/alert/index.tsx +1 -1
- package/src/components/calendar/index.tsx +211 -218
- package/src/components/checkbox/index.tsx +30 -0
- package/src/index.ts +1 -0
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @moneymap/ui
|
|
2
2
|
|
|
3
|
-
> **⚠️ Tailwind CSS Required:** This library requires Tailwind CSS to be configured in your project. See [Setup](#setup-required) below.
|
|
3
|
+
> **⚠️ Tailwind CSS v3 Required:** This library requires Tailwind CSS to be configured in your project. See [Setup](#setup-required) below.
|
|
4
4
|
|
|
5
5
|
## Setup Required
|
|
6
6
|
|
|
@@ -113,45 +113,6 @@ module.exports = {
|
|
|
113
113
|
}
|
|
114
114
|
```
|
|
115
115
|
|
|
116
|
-
### Tailwind CSS v4 Setup (Beta)
|
|
117
|
-
|
|
118
|
-
1. **Install Tailwind CSS v4:**
|
|
119
|
-
|
|
120
|
-
```bash
|
|
121
|
-
npm install tailwindcss@next @tailwindcss/postcss@next
|
|
122
|
-
```
|
|
123
|
-
|
|
124
|
-
2. **Configure PostCSS** (`postcss.config.js`):
|
|
125
|
-
|
|
126
|
-
```javascript
|
|
127
|
-
module.exports = {
|
|
128
|
-
plugins: {
|
|
129
|
-
'@tailwindcss/postcss': {},
|
|
130
|
-
},
|
|
131
|
-
};
|
|
132
|
-
```
|
|
133
|
-
|
|
134
|
-
3. **Import Tailwind in your CSS:**
|
|
135
|
-
|
|
136
|
-
```css
|
|
137
|
-
@import 'tailwindcss';
|
|
138
|
-
|
|
139
|
-
@theme {
|
|
140
|
-
--color-border: oklch(0.9 0 0);
|
|
141
|
-
--color-input: oklch(0.9 0 0);
|
|
142
|
-
--color-ring: oklch(0.2 0 0);
|
|
143
|
-
--color-background: oklch(1 0 0);
|
|
144
|
-
--color-foreground: oklch(0.15 0 0);
|
|
145
|
-
/* Add other custom colors */
|
|
146
|
-
}
|
|
147
|
-
```
|
|
148
|
-
|
|
149
|
-
4. **Scan the library** - Tailwind v4 auto-detects imports, but you can configure it in your CSS:
|
|
150
|
-
|
|
151
|
-
```css
|
|
152
|
-
@source "../../node_modules/@moneymap/ui/**/*.{js,jsx,ts,tsx}";
|
|
153
|
-
```
|
|
154
|
-
|
|
155
116
|
---
|
|
156
117
|
|
|
157
118
|
# Maintainers
|