thailife-react 0.0.19 → 0.0.20
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 -19
- package/dist/styles/index.css +5 -5
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Thailife React UI Library
|
|
2
2
|
|
|
3
3
|
A modern UI library built with React and CSS.
|
|
4
4
|
|
|
@@ -94,24 +94,6 @@ The library uses:
|
|
|
94
94
|
}
|
|
95
95
|
```
|
|
96
96
|
|
|
97
|
-
## 📁 Project Structure
|
|
98
|
-
|
|
99
|
-
```
|
|
100
|
-
src/
|
|
101
|
-
├── components/ # React components
|
|
102
|
-
│ ├── Button/
|
|
103
|
-
│ ├── Input/
|
|
104
|
-
│ ├── Checkbox/
|
|
105
|
-
│ ├── Radio/
|
|
106
|
-
│ ├── Select/
|
|
107
|
-
│ ├── Textarea/
|
|
108
|
-
│ └── InputFile/
|
|
109
|
-
├── styles/
|
|
110
|
-
│ ├── index.css # Main CSS file
|
|
111
|
-
│ └── index.ts # CSS classes export
|
|
112
|
-
└── index.ts # Main library export
|
|
113
|
-
```
|
|
114
|
-
|
|
115
97
|
## 🚨 Important Notes
|
|
116
98
|
|
|
117
99
|
1. **CSS Import Required** - You must import the CSS file for components to work
|
package/dist/styles/index.css
CHANGED
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
align-items: center;
|
|
95
95
|
justify-content: center;
|
|
96
96
|
border: none;
|
|
97
|
-
border-radius: var(--border-radius-md);
|
|
97
|
+
/* border-radius: var(--border-radius-md); */
|
|
98
98
|
font-family: var(--font-family-sans);
|
|
99
99
|
font-weight: 500;
|
|
100
100
|
cursor: pointer;
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
|
|
201
201
|
.input {
|
|
202
202
|
border: 1px solid var(--color-gray-300);
|
|
203
|
-
border-radius: var(--border-radius-md);
|
|
203
|
+
/* border-radius: var(--border-radius-md); */
|
|
204
204
|
transition: border-color var(--transition-base);
|
|
205
205
|
outline: none;
|
|
206
206
|
font-family: var(--font-family-sans);
|
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
.checkbox {
|
|
260
|
-
border-radius: var(--border-radius-md);
|
|
260
|
+
/* border-radius: var(--border-radius-md); */
|
|
261
261
|
border: 1px solid var(--color-gray-300);
|
|
262
262
|
transition: all var(--transition-base);
|
|
263
263
|
outline: none;
|
|
@@ -370,7 +370,7 @@
|
|
|
370
370
|
|
|
371
371
|
.select {
|
|
372
372
|
border: 1px solid var(--color-gray-300);
|
|
373
|
-
border-radius: var(--border-radius-md);
|
|
373
|
+
/* border-radius: var(--border-radius-md); */
|
|
374
374
|
transition: border-color var(--transition-base);
|
|
375
375
|
outline: none;
|
|
376
376
|
appearance: none;
|
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
|
|
433
433
|
.textarea {
|
|
434
434
|
border: 1px solid var(--color-gray-300);
|
|
435
|
-
border-radius: var(--border-radius-md);
|
|
435
|
+
/* border-radius: var(--border-radius-md); */
|
|
436
436
|
transition: border-color var(--transition-base);
|
|
437
437
|
outline: none;
|
|
438
438
|
resize: vertical;
|