@ceed/cds 1.24.0 → 1.24.1-next.1
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 +51 -0
- package/package.json +16 -11
package/README.md
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
# @ceed/cds
|
|
2
|
+
|
|
3
|
+
Client Design System - A React component library for Ecube Labs client applications.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @ceed/cds
|
|
9
|
+
# or
|
|
10
|
+
yarn add @ceed/cds
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
### Peer Dependencies
|
|
14
|
+
|
|
15
|
+
`@ceed/cds`는 아래 peer dependencies가 소비자 앱에 설치되어 있어야 합니다.
|
|
16
|
+
이미 설치된 패키지는 추가 설치가 필요 없습니다.
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install @emotion/react @emotion/styled @mui/joy framer-motion
|
|
20
|
+
# @mui/icons-material 기반 컴포넌트 사용 시 추가:
|
|
21
|
+
npm install @mui/icons-material
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
| 패키지 | 필수 여부 | 비고 |
|
|
25
|
+
|---|---|---|
|
|
26
|
+
| `@emotion/react` | 필수 | MUI Joy 렌더링 기반 |
|
|
27
|
+
| `@emotion/styled` | 필수 | MUI Joy 스타일링 기반 |
|
|
28
|
+
| `@mui/joy` | 필수 | 디자인 시스템 기반 (ThemeProvider 포함) |
|
|
29
|
+
| `framer-motion` | 필수 | 애니메이션 컴포넌트 |
|
|
30
|
+
| `@mui/icons-material` | 선택 | 아이콘을 사용하는 컴포넌트에만 필요 |
|
|
31
|
+
|
|
32
|
+
## Usage
|
|
33
|
+
|
|
34
|
+
### With Bundler (Vite, Webpack, etc.)
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
import { Button, ThemeProvider } from '@ceed/cds';
|
|
38
|
+
|
|
39
|
+
function App() {
|
|
40
|
+
return (
|
|
41
|
+
<ThemeProvider>
|
|
42
|
+
<Button variant="solid">Click me</Button>
|
|
43
|
+
</ThemeProvider>
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
## Documentation
|
|
49
|
+
|
|
50
|
+
- [Storybook](https://main--66da7aaaf87fb0b864d6afca.chromatic.com)
|
|
51
|
+
- [Confluence](https://ecubelabs.atlassian.net/wiki/spaces/HP/pages/3256123430/Design+System)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ceed/cds",
|
|
3
|
-
"version": "1.24.
|
|
3
|
+
"version": "1.24.1-next.1",
|
|
4
4
|
"main": "dist/index.cjs",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -41,19 +41,23 @@
|
|
|
41
41
|
"sideEffects": false,
|
|
42
42
|
"license": "MIT",
|
|
43
43
|
"peerDependencies": {
|
|
44
|
-
"react": "^
|
|
45
|
-
"
|
|
44
|
+
"@emotion/react": "^11.5.0",
|
|
45
|
+
"@emotion/styled": "^11.3.0",
|
|
46
|
+
"@mui/icons-material": "^6.1.0",
|
|
47
|
+
"@mui/joy": ">=5.0.0-beta.32 <6.0.0-0",
|
|
48
|
+
"framer-motion": "^11.0.3",
|
|
49
|
+
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
50
|
+
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
51
|
+
},
|
|
52
|
+
"peerDependenciesMeta": {
|
|
53
|
+
"@mui/icons-material": {
|
|
54
|
+
"optional": true
|
|
55
|
+
}
|
|
46
56
|
},
|
|
47
57
|
"dependencies": {
|
|
48
58
|
"@atlaskit/pragmatic-drag-and-drop": "^1.2.1",
|
|
49
|
-
"@
|
|
50
|
-
"@emotion/styled": "^11.11.0",
|
|
51
|
-
"@mui/base": "5.0.0-beta.40",
|
|
52
|
-
"@mui/icons-material": "^6.1.0",
|
|
53
|
-
"@mui/joy": "^5.0.0-beta.32",
|
|
59
|
+
"@babel/runtime": "^7.23.9",
|
|
54
60
|
"@tanstack/react-virtual": "^3.4.0",
|
|
55
|
-
"framer-motion": "^11.0.3",
|
|
56
|
-
"intl-messageformat": "^10.0.0",
|
|
57
61
|
"react-imask": "^7.5.0",
|
|
58
62
|
"react-markdown": "^9.0.1",
|
|
59
63
|
"react-number-format": "^5.0.0",
|
|
@@ -100,5 +104,6 @@
|
|
|
100
104
|
"type": "git",
|
|
101
105
|
"url": "git+ssh://git@github.com/Ecube-Labs/hds.git"
|
|
102
106
|
},
|
|
103
|
-
"packageManager": "yarn@4.1.0"
|
|
107
|
+
"packageManager": "yarn@4.1.0",
|
|
108
|
+
"stableVersion": "1.0.0"
|
|
104
109
|
}
|