@cashdoc/cashdoc-cms-design-system 1.11.0 → 1.14.0
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 +19 -12
- package/dist/index.es.js +7805 -7684
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +33 -33
- package/dist/index.umd.js.map +1 -1
- package/dist/src/components/Button/Button.d.ts +12 -48
- package/dist/src/components/Dropdown/Dropdown.d.ts +3 -3
- package/dist/src/components/ImageUpload/ImageUpload.d.ts +16 -1
- package/dist/src/components/LoadingCircle/LoadingCircle.d.ts +1 -2
- package/dist/src/components/LoadingCircle/index.d.ts +1 -0
- package/dist/src/components/Popover/Popover.d.ts +4 -0
- package/dist/src/components/Text/Text.d.ts +2 -2
- package/dist/style.css +1 -1
- package/package.json +4 -1
package/README.md
CHANGED
|
@@ -20,11 +20,12 @@ Storybook과 JSDoc, 둘 중 더 편한 쪽을 보면 됩니다.
|
|
|
20
20
|
|
|
21
21
|
## 기술 스택
|
|
22
22
|
|
|
23
|
-
- **React 18
|
|
23
|
+
- **React 18+** - UI 라이브러리
|
|
24
24
|
- **TypeScript** - 타입 안전성
|
|
25
|
-
- **TailwindCSS** - 스타일링
|
|
25
|
+
- **TailwindCSS v4** - 스타일링
|
|
26
26
|
- **Radix UI** - 접근성 프리미티브
|
|
27
|
-
- **
|
|
27
|
+
- **Recharts** - 차트 렌더링
|
|
28
|
+
- **react-day-picker / dayjs** - 날짜 처리
|
|
28
29
|
- **Vite** - 빌드 도구
|
|
29
30
|
- **Storybook** - 컴포넌트 문서화
|
|
30
31
|
|
|
@@ -65,15 +66,21 @@ function App() {
|
|
|
65
66
|
- `Button` - 기본 버튼
|
|
66
67
|
- `Checkbox` - 체크박스
|
|
67
68
|
- `RadioButton` - 라디오 버튼
|
|
68
|
-
- `Switch` - 토글 스위치
|
|
69
|
-
- `
|
|
69
|
+
- `Switch` - 토글 스위치
|
|
70
|
+
- `SegmentedControls` - 세그먼티드 컨트롤
|
|
71
|
+
- `FilterToggleGroup` - 상태 집계 + 단일 선택 필터 토글
|
|
70
72
|
- `TextInput` - 텍스트 입력 필드
|
|
71
73
|
- `TagInput` - 태그 입력 필드
|
|
74
|
+
- `FileUpload` - 파일 업로드
|
|
75
|
+
- `ImageUpload` - 이미지 업로드
|
|
72
76
|
|
|
73
77
|
### Data Input
|
|
74
78
|
|
|
75
79
|
- `DatePicker` - 날짜 선택
|
|
76
80
|
- `DateRangePicker` - 기간 선택
|
|
81
|
+
- `MonthRangePicker` - 월 기간 선택
|
|
82
|
+
- `YearRangePicker` - 연도 기간 선택
|
|
83
|
+
- `TimePicker` - 시간 선택
|
|
77
84
|
- `Dropdown` - 드롭다운 메뉴
|
|
78
85
|
- `Select` - 선택 입력
|
|
79
86
|
- `Combobox` - 검색 가능한 선택
|
|
@@ -81,21 +88,21 @@ function App() {
|
|
|
81
88
|
### Feedback
|
|
82
89
|
|
|
83
90
|
- `Modal` - 모달 다이얼로그
|
|
84
|
-
- `ConfirmModal`
|
|
85
|
-
- `DeleteModal` - 삭제 확인 모달
|
|
86
|
-
- `ErrorModal` - 에러 알림
|
|
87
|
-
- `SuccessModal` - 성공 알림
|
|
88
|
-
- `WarningModal` - 경고 알림
|
|
91
|
+
- `ConfirmModal` / `DeleteModal` / `ErrorModal` / `SuccessModal` / `WarningModal`
|
|
89
92
|
- `Toast` - 토스트 알림
|
|
93
|
+
- `ToolTip` - 툴팁
|
|
90
94
|
- `LoadingCircle` - 로딩 인디케이터
|
|
91
95
|
|
|
92
96
|
### Navigation
|
|
93
97
|
|
|
94
98
|
- `SideNavigation` - 사이드바 네비게이션
|
|
99
|
+
- `Pagination` - 페이지네이션
|
|
95
100
|
- `Popover` - 팝오버 메뉴
|
|
96
101
|
|
|
97
|
-
### Display
|
|
102
|
+
### Data Display
|
|
98
103
|
|
|
104
|
+
- `Table` - 테이블 (정렬/스트라이프/hover/compact)
|
|
105
|
+
- `BarChart` - 막대 차트
|
|
99
106
|
- `Text` - 타이포그래피
|
|
100
107
|
- `Icons` - 아이콘 세트
|
|
101
108
|
|
|
@@ -106,7 +113,7 @@ function App() {
|
|
|
106
113
|
|
|
107
114
|
## 요구사항
|
|
108
115
|
|
|
109
|
-
- **Node.js**:
|
|
116
|
+
- **Node.js**: 22.0.0 이상
|
|
110
117
|
- **pnpm**: 10.0.0 이상
|
|
111
118
|
|
|
112
119
|
이 프로젝트는 pnpm v10을 사용합니다. pnpm v10의 주요 변경사항:
|