@seed-design/migration-index 0.0.0-alpha-20260414104312
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/CHANGELOG.md +138 -0
- package/color.d.ts +6 -0
- package/color.mjs +684 -0
- package/iconography.d.ts +5 -0
- package/iconography.mjs +2568 -0
- package/index.d.ts +10 -0
- package/index.mjs +8 -0
- package/package.json +36 -0
- package/types.d.ts +7 -0
- package/typography.d.ts +3 -0
- package/typography.mjs +191 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
# @seed-design/migration-index
|
|
2
|
+
|
|
3
|
+
## 0.0.0-alpha-20260414104312
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Side Navigation, Footer, Menu 컴포넌트를 추가합니다.
|
|
8
|
+
|
|
9
|
+
## 1.1.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- 819110b: 1.2에서 Deprecate된 옵션을 제거합니다.
|
|
14
|
+
|
|
15
|
+
- 색상 토큰
|
|
16
|
+
- `$color.bg.layer-fill`: 라이트 및 다크 모드에서 모두 테스트 후 `$color.bg.neutral-weak`으로 대체할 수 있습니다.
|
|
17
|
+
- 그라디언트 토큰
|
|
18
|
+
- `$gradient.fade-layer-floating`
|
|
19
|
+
- `$gradient.fade-layer-default`
|
|
20
|
+
- Chip Tabs의 `brandSolid` variant
|
|
21
|
+
- Image Frame의 `rounded` variant
|
|
22
|
+
- Switch의 `small` 및 `medium` size: 각각 `16`과 `32`를 사용해주세요.
|
|
23
|
+
- Checkbox의 `default` 및 `stronger` weight: 각각 `regular`와 `bold`를 사용해주세요.
|
|
24
|
+
- `<Box display="inlineFlex" />` 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요.
|
|
25
|
+
- `display`, `justifyContent`, `justify`, `alignItems`, `align`, `alignContent`, `alignSelf`, `flexDirection`, `direction`
|
|
26
|
+
|
|
27
|
+
## 1.0.0
|
|
28
|
+
|
|
29
|
+
### Major Changes
|
|
30
|
+
|
|
31
|
+
- 34f92f2: 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다.
|
|
32
|
+
|
|
33
|
+
## 0.0.30
|
|
34
|
+
|
|
35
|
+
### Patch Changes
|
|
36
|
+
|
|
37
|
+
- 8448880: 시맨틱 stroke 컬러 토큰을 업데이트합니다.
|
|
38
|
+
|
|
39
|
+
**이름이 변경되는 stroke 토큰**
|
|
40
|
+
|
|
41
|
+
- [Color Role 규칙](https://seed-design.io/docs/foundation/color/color-role)에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다.
|
|
42
|
+
- 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find & Replace 마이그레이션이 필요합니다.
|
|
43
|
+
|
|
44
|
+
| 기존 | 신규 | 비고 |
|
|
45
|
+
| ------------------------------- | ------------------------------- | ---------------------------------- |
|
|
46
|
+
| **$color.stroke.neutral-muted** | $color.stroke.neutral-subtle | 가장 먼저 마이그레이션해야 합니다. |
|
|
47
|
+
| $color.stroke.on-image | $color.stroke.neutral-subtle |
|
|
48
|
+
| $color.stroke.neutral | **$color.stroke.neutral-muted** |
|
|
49
|
+
| $color.stroke.field-focused | $color.stroke.neutral-contrast |
|
|
50
|
+
| $color.stroke.control | $color.stroke.neutral-weak |
|
|
51
|
+
| $color.stroke.field | $color.stroke.neutral-weak |
|
|
52
|
+
| $color.stroke.brand | $color.stroke.brand-weak |
|
|
53
|
+
| $color.stroke.positive | $color.stroke.positive-weak |
|
|
54
|
+
| $color.stroke.informative | $color.stroke.informative-weak |
|
|
55
|
+
| $color.stroke.warning | $color.stroke.warning-weak |
|
|
56
|
+
| $color.stroke.critical | $color.stroke.critical-weak |
|
|
57
|
+
|
|
58
|
+
**색상이 변경되는 stroke 토큰 (마이그레이션 불필요)**
|
|
59
|
+
|
|
60
|
+
`$color.stroke.neutral-contrast` (이름 변경 전 `$color.stroke.field-focused`)
|
|
61
|
+
|
|
62
|
+
모든 theme mode에서 `$color.palette.gray-800` → `$color.palette.gray-1000`로 변경되었습니다.
|
|
63
|
+
|
|
64
|
+
**신규 stroke 토큰 (마이그레이션 불필요)**
|
|
65
|
+
|
|
66
|
+
| 신규 |
|
|
67
|
+
| ------------------------------- |
|
|
68
|
+
| $color.stroke.neutral-solid |
|
|
69
|
+
| $color.stroke.brand-solid |
|
|
70
|
+
| $color.stroke.positive-solid |
|
|
71
|
+
| $color.stroke.informative-solid |
|
|
72
|
+
| $color.stroke.warning-solid |
|
|
73
|
+
| $color.stroke.critical-solid |
|
|
74
|
+
|
|
75
|
+
## 0.0.28
|
|
76
|
+
|
|
77
|
+
### Patch Changes
|
|
78
|
+
|
|
79
|
+
- f801300: 새로운 black, white alpha 값을 추가합니다
|
|
80
|
+
|
|
81
|
+
`$color.palette.static-black-alpha-50` (예전 값)
|
|
82
|
+
|
|
83
|
+
- 예전 값: #0000000d (투명도 약 5.1%)
|
|
84
|
+
- 변경 값: `$color.palette.static-black-alpha-200` (투명도 4.7%)
|
|
85
|
+
|
|
86
|
+
`$color.palette.static-black-alpha-200` (예전 값)
|
|
87
|
+
|
|
88
|
+
- 예전 값: #00000033 (투명도 20%)
|
|
89
|
+
- 변경 값: `$color.palette.static-black-alpha-500` (투명도 17.3%)
|
|
90
|
+
|
|
91
|
+
`$color.palette.static-black-alpha-500` (예전 값)
|
|
92
|
+
|
|
93
|
+
- 예전 값: #00000080 (투명도 약 50.2%)
|
|
94
|
+
- 변경 값: `$color.palette.static-black-alpha-700` (투명도 45.5%)
|
|
95
|
+
|
|
96
|
+
`$color.palette.static-white-alpha-200` (예전 값)
|
|
97
|
+
|
|
98
|
+
- 예전 값: #ffffff33 (투명도 20%)
|
|
99
|
+
- 변경 값: `$color.palette.static-white-alpha-300` (투명도 18%)
|
|
100
|
+
|
|
101
|
+
`$color.palette.static-white-alpha-800` (예전 값)
|
|
102
|
+
|
|
103
|
+
- 예전 값: #ffffffcc (투명도 약 80%)
|
|
104
|
+
- 변경 값: `$color.palette.static-white-alpha-800` (투명도 87.1%)
|
|
105
|
+
- (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)
|
|
106
|
+
|
|
107
|
+
## 0.0.20
|
|
108
|
+
|
|
109
|
+
### Patch Changes
|
|
110
|
+
|
|
111
|
+
- f17f842: - static 색상들의 맵핑을 추가해요
|
|
112
|
+
- `needsVerification` 필드를 추가해요
|
|
113
|
+
|
|
114
|
+
## 0.0.18
|
|
115
|
+
|
|
116
|
+
### Patch Changes
|
|
117
|
+
|
|
118
|
+
- a7e2571: fix color mapping (divider-1, on-gray-overlay-50)
|
|
119
|
+
|
|
120
|
+
## 0.0.3
|
|
121
|
+
|
|
122
|
+
### Patch Changes
|
|
123
|
+
|
|
124
|
+
- 4f465ba: remove static next token
|
|
125
|
+
|
|
126
|
+
## 0.0.2
|
|
127
|
+
|
|
128
|
+
### Patch Changes
|
|
129
|
+
|
|
130
|
+
- 9f55b8f: add iconography index
|
|
131
|
+
|
|
132
|
+
## 0.0.1
|
|
133
|
+
|
|
134
|
+
## 0.0.1-rc.0
|
|
135
|
+
|
|
136
|
+
### Patch Changes
|
|
137
|
+
|
|
138
|
+
- f83bbf8: migration index, codemod (vars, tailwind)
|
package/color.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { FoundationTokenMapping } from "./types";
|
|
2
|
+
|
|
3
|
+
export declare const semanticColorMappings: FoundationTokenMapping[];
|
|
4
|
+
export declare const scaleColorMappings: FoundationTokenMapping[];
|
|
5
|
+
export declare const staticColorMappings: FoundationTokenMapping[];
|
|
6
|
+
export declare const colorMappings: FoundationTokenMapping[];
|