@seed-design/migration-index 0.0.20 → 0.0.30
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 +74 -0
- package/color.mjs +8 -9
- package/iconography.mjs +0 -16
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
@@ -1,5 +1,79 @@
|
|
1
1
|
# @seed-design/migration-index
|
2
2
|
|
3
|
+
## 0.0.30
|
4
|
+
|
5
|
+
### Patch Changes
|
6
|
+
|
7
|
+
- 8448880: 시맨틱 stroke 컬러 토큰을 업데이트합니다.
|
8
|
+
|
9
|
+
**이름이 변경되는 stroke 토큰**
|
10
|
+
|
11
|
+
- [Color Role 규칙](https://seed-design.io/docs/foundation/color/color-role)에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다.
|
12
|
+
- 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find & Replace 마이그레이션이 필요합니다.
|
13
|
+
|
14
|
+
| 기존 | 신규 | 비고 |
|
15
|
+
| ------------------------------- | ------------------------------- | ---------------------------------- |
|
16
|
+
| **$color.stroke.neutral-muted** | $color.stroke.neutral-subtle | 가장 먼저 마이그레이션해야 합니다. |
|
17
|
+
| $color.stroke.on-image | $color.stroke.neutral-subtle |
|
18
|
+
| $color.stroke.neutral | **$color.stroke.neutral-muted** |
|
19
|
+
| $color.stroke.field-focused | $color.stroke.neutral-contrast |
|
20
|
+
| $color.stroke.control | $color.stroke.neutral-weak |
|
21
|
+
| $color.stroke.field | $color.stroke.neutral-weak |
|
22
|
+
| $color.stroke.brand | $color.stroke.brand-weak |
|
23
|
+
| $color.stroke.positive | $color.stroke.positive-weak |
|
24
|
+
| $color.stroke.informative | $color.stroke.informative-weak |
|
25
|
+
| $color.stroke.warning | $color.stroke.warning-weak |
|
26
|
+
| $color.stroke.critical | $color.stroke.critical-weak |
|
27
|
+
|
28
|
+
**색상이 변경되는 stroke 토큰 (마이그레이션 불필요)**
|
29
|
+
|
30
|
+
`$color.stroke.neutral-contrast` (이름 변경 전 `$color.stroke.field-focused`)
|
31
|
+
|
32
|
+
모든 theme mode에서 `$color.palette.gray-800` → `$color.palette.gray-1000`로 변경되었습니다.
|
33
|
+
|
34
|
+
**신규 stroke 토큰 (마이그레이션 불필요)**
|
35
|
+
|
36
|
+
| 신규 |
|
37
|
+
| ------------------------------- |
|
38
|
+
| $color.stroke.neutral-solid |
|
39
|
+
| $color.stroke.brand-solid |
|
40
|
+
| $color.stroke.positive-solid |
|
41
|
+
| $color.stroke.informative-solid |
|
42
|
+
| $color.stroke.warning-solid |
|
43
|
+
| $color.stroke.critical-solid |
|
44
|
+
|
45
|
+
## 0.0.28
|
46
|
+
|
47
|
+
### Patch Changes
|
48
|
+
|
49
|
+
- f801300: 새로운 black, white alpha 값을 추가합니다
|
50
|
+
|
51
|
+
`$color.palette.static-black-alpha-50` (예전 값)
|
52
|
+
|
53
|
+
- 예전 값: #0000000d (투명도 약 5.1%)
|
54
|
+
- 변경 값: `$color.palette.static-black-alpha-200` (투명도 4.7%)
|
55
|
+
|
56
|
+
`$color.palette.static-black-alpha-200` (예전 값)
|
57
|
+
|
58
|
+
- 예전 값: #00000033 (투명도 20%)
|
59
|
+
- 변경 값: `$color.palette.static-black-alpha-500` (투명도 17.3%)
|
60
|
+
|
61
|
+
`$color.palette.static-black-alpha-500` (예전 값)
|
62
|
+
|
63
|
+
- 예전 값: #00000080 (투명도 약 50.2%)
|
64
|
+
- 변경 값: `$color.palette.static-black-alpha-700` (투명도 45.5%)
|
65
|
+
|
66
|
+
`$color.palette.static-white-alpha-200` (예전 값)
|
67
|
+
|
68
|
+
- 예전 값: #ffffff33 (투명도 20%)
|
69
|
+
- 변경 값: `$color.palette.static-white-alpha-300` (투명도 18%)
|
70
|
+
|
71
|
+
`$color.palette.static-white-alpha-800` (예전 값)
|
72
|
+
|
73
|
+
- 예전 값: #ffffffcc (투명도 약 80%)
|
74
|
+
- 변경 값: `$color.palette.static-white-alpha-800` (투명도 87.1%)
|
75
|
+
- (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)
|
76
|
+
|
3
77
|
## 0.0.20
|
4
78
|
|
5
79
|
### Patch Changes
|
package/color.mjs
CHANGED
@@ -154,7 +154,7 @@ export const semanticColorMappings = [
|
|
154
154
|
},
|
155
155
|
{
|
156
156
|
previous: "$semantic.color.on-gray-overlay-50",
|
157
|
-
next: ["$color.stroke.
|
157
|
+
next: ["$color.stroke.neutral-subtle"],
|
158
158
|
},
|
159
159
|
{
|
160
160
|
previous: "$semantic.color.on-gray-overlay-100",
|
@@ -163,12 +163,12 @@ export const semanticColorMappings = [
|
|
163
163
|
},
|
164
164
|
{
|
165
165
|
previous: "$semantic.color.divider-1",
|
166
|
-
next: ["$color.stroke.neutral-
|
166
|
+
next: ["$color.stroke.neutral-subtle"],
|
167
167
|
alternative: ["$color.palette.static-black-alpha-50"],
|
168
168
|
},
|
169
169
|
{
|
170
170
|
previous: "$semantic.color.divider-2",
|
171
|
-
next: ["$color.stroke.neutral"],
|
171
|
+
next: ["$color.stroke.neutral-muted"],
|
172
172
|
alternative: ["$color.palette.gray-300"],
|
173
173
|
},
|
174
174
|
{
|
@@ -244,7 +244,7 @@ export const scaleColorMappings = [
|
|
244
244
|
},
|
245
245
|
{
|
246
246
|
previous: "$scale.color.gray-alpha-50",
|
247
|
-
next: ["$color.palette.gray-200", "$color.stroke.
|
247
|
+
next: ["$color.palette.gray-200", "$color.stroke.neutral-subtle"],
|
248
248
|
},
|
249
249
|
{
|
250
250
|
previous: "$scale.color.gray-alpha-100",
|
@@ -661,20 +661,19 @@ export const staticColorMappings = [
|
|
661
661
|
},
|
662
662
|
{
|
663
663
|
previous: "$static.color.static-black-alpha-200",
|
664
|
-
next: ["$color.palette.static-black-alpha-
|
664
|
+
next: ["$color.palette.static-black-alpha-500"],
|
665
665
|
},
|
666
666
|
{
|
667
667
|
previous: "$static.color.static-black-alpha-500",
|
668
|
-
next: ["$color.palette.static-black-alpha-
|
668
|
+
next: ["$color.palette.static-black-alpha-700"],
|
669
669
|
},
|
670
670
|
{
|
671
671
|
previous: "$static.color.static-white-alpha-50",
|
672
|
-
next: [],
|
673
|
-
description: "V3에서 지원되지 않는 색상",
|
672
|
+
next: ["$color.palette.static-white-alpha-50"],
|
674
673
|
},
|
675
674
|
{
|
676
675
|
previous: "$static.color.static-white-alpha-200",
|
677
|
-
next: ["$color.palette.static-white-alpha-
|
676
|
+
next: ["$color.palette.static-white-alpha-300"],
|
678
677
|
},
|
679
678
|
];
|
680
679
|
|
package/iconography.mjs
CHANGED
@@ -2563,22 +2563,6 @@ export const multicolorIconMappings = [
|
|
2563
2563
|
next: [],
|
2564
2564
|
description: "없음",
|
2565
2565
|
},
|
2566
|
-
{
|
2567
|
-
description: "중고거래(신규)",
|
2568
|
-
next: ["IconShoppingbagItems"],
|
2569
|
-
},
|
2570
|
-
{
|
2571
|
-
description: "이웃광고(신규)",
|
2572
|
-
next: ["IconLinechartUpXaxis"],
|
2573
|
-
},
|
2574
|
-
{
|
2575
|
-
description: "픽업(신규)",
|
2576
|
-
next: ["IconForkSpoonBag"],
|
2577
|
-
},
|
2578
|
-
{
|
2579
|
-
description: "동네스토리(신규)",
|
2580
|
-
next: ["IconTriangleRightChatbubbleLeft"],
|
2581
|
-
},
|
2582
2566
|
];
|
2583
2567
|
|
2584
2568
|
export const iconMappings = [...monochromeIconMappings, ...multicolorIconMappings];
|