podo-ui 0.4.1 → 0.4.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.ko.md +66 -0
- package/package.json +2 -1
- package/scss/form/input.scss +1 -1
package/README.ko.md
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
# Podo UI
|
|
2
|
+
|
|
3
|
+
> SCSS Module 기반 디자인 시스템
|
|
4
|
+
|
|
5
|
+
[English](./README.md) | 한국어
|
|
6
|
+
|
|
7
|
+
## 설치
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install podo-ui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## 빠른 시작
|
|
14
|
+
|
|
15
|
+
### Global SCSS 적용
|
|
16
|
+
|
|
17
|
+
```typescript
|
|
18
|
+
// main.tsx
|
|
19
|
+
import 'podo-ui/global.scss';
|
|
20
|
+
import 'podo-ui/vite-fonts.scss'; // Vite 사용 시
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### SCSS Module에서 사용
|
|
24
|
+
|
|
25
|
+
```scss
|
|
26
|
+
// component.module.scss
|
|
27
|
+
@use 'podo-ui/mixin' as *;
|
|
28
|
+
|
|
29
|
+
.myComponent {
|
|
30
|
+
color: color(primary);
|
|
31
|
+
margin: s(4);
|
|
32
|
+
border-radius: r(2);
|
|
33
|
+
}
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
### React 컴포넌트
|
|
37
|
+
|
|
38
|
+
```tsx
|
|
39
|
+
// Named imports로 개별 컴포넌트 가져오기
|
|
40
|
+
import { Input, Textarea, Editor, EditorView, Field, Pagination } from 'podo-ui';
|
|
41
|
+
|
|
42
|
+
// 또는 개별 컴포넌트 직접 import (레거시 방식)
|
|
43
|
+
import Input from 'podo-ui/react/atom/input';
|
|
44
|
+
import Field from 'podo-ui/react/molecule/field';
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## 주요 기능
|
|
48
|
+
|
|
49
|
+
- CSS 클래스 기반 디자인 시스템
|
|
50
|
+
- 반응형 그리드 시스템 (PC 12, Tablet 6, Mobile 4)
|
|
51
|
+
- 색상 시스템 및 다크 모드 지원
|
|
52
|
+
- React 컴포넌트 제공 (Input, Textarea, Editor, Field)
|
|
53
|
+
|
|
54
|
+
## 문서
|
|
55
|
+
|
|
56
|
+
상세한 사용법은 [공식 설명서](https://podoui.com)를 참고하세요.
|
|
57
|
+
|
|
58
|
+
## 링크
|
|
59
|
+
|
|
60
|
+
- [공식 설명서](https://podoui.com)
|
|
61
|
+
- [GitHub 저장소](https://github.com/hada0127/podo-ui)
|
|
62
|
+
- [이슈 제보](https://github.com/hada0127/podo-ui/issues)
|
|
63
|
+
|
|
64
|
+
## 라이선스
|
|
65
|
+
|
|
66
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "podo-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "hada0127 <work@tarucy.net>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -71,6 +71,7 @@
|
|
|
71
71
|
},
|
|
72
72
|
"dependencies": {
|
|
73
73
|
"next": "14.1.0",
|
|
74
|
+
"next-intl": "^4.5.3",
|
|
74
75
|
"react": "^18.3.1",
|
|
75
76
|
"react-dom": "^18.3.1",
|
|
76
77
|
"sass": "^1.83.0",
|
package/scss/form/input.scss
CHANGED