# SEED Design React - Changelog
이 파일은 SEED Design React의 변경사항과 업데이트 내역을 담고 있습니다.
각 버전별 변경사항, 새로운 기능, 버그 수정 등을 확인할 수 있습니다.
## 2025.08.01
[`4afe80b`](https://github.com/daangn/seed-design/commit/4afe80b81e6845ec917426039ef8d7817e67e7ec) MultilineTextField의 스타일 문제를 수정합니다.
* 스크롤바가 요소 끝에 표시되도록 수정합니다.
### Version Updates
* @seed-design/css\@0.1.7
## 2025.07.31
[`235147d`](https://github.com/daangn/seed-design/commit/235147def530d1d2ab6441f0e5b965efb1d67e43) action-button: `size=medium, layout=withText` variant에서 gap을 1 → 1.5로 수정합니다.
[`3c13ad7`](https://github.com/daangn/seed-design/commit/3c13ad76a32bbf909b44f4ffbca1277d6d0f1d7a) `highlight-magic-pressed` 그라디언트 토큰을 추가합니다.
### Version Updates
* @seed-design/css\@0.1.6
* @seed-design/rootage-artifacts\@0.0.2
* @seed-design/tailwind3-plugin\@0.1.6
* @seed-design/tailwind4-theme\@0.1.6
## 2025.07.29
[`a059fb0`](https://github.com/daangn/seed-design/commit/a059fb02b051fc4ca8fd0c79c5706dec90448097) Menu Sheet 컴포넌트를 추가하는 동시에 Action Sheet과 Extended Action Sheet 컴포넌트를 deprecate합니다.
* [Menu Sheet React 문서](https://seed-design.io/react/components/menu-sheet)
* Menu Sheet는 기존 Extended Action Sheet의 모든 기능을 포함하는 동시에, `labelAlign` prop으로 `MenuSheetItem`를 `left` 또는 `center`로 정렬할 수 있습니다.
[`3889eb6`](https://github.com/daangn/seed-design/commit/3889eb6c82915c6ae4df05c815841f0ad54d27a6) Inline Banner의 스타일 문제를 수정합니다.
* `title`과 `description`이 `inline-flex`로 레이아웃되던 문제를 해결합니다.
* `title`과 `description` 간의 간격을 조정합니다.
* 닫기 버튼(Dismissible)과 `suffix icon`, `link label`이 상단으로 레이아웃되던 문제를 해결합니다.
Callout의 스타일 문제를 수정합니다.
* `title`과 `description` 간의 간격을 조정합니다.
Chip의 스타일 문제를 수정합니다.
* `Chip.Button`의 `label`이 의도한 글꼴로 표시되도록 수정합니다.
### Version Updates
* @seed-design/css\@0.1.5
* @seed-design/react\@0.1.5
* @seed-design/rootage-artifacts\@0.0.1
## 2025.07.28
[`9b271d6`](https://github.com/daangn/seed-design/commit/9b271d613f2067c8cc8cbc517cd1d334f4e04e92) snippet의 deprecated 여부를 기록합니다. cli add 명령 실행 시 snippet 목록에서 deprecate 여부를 표시하고, `--all`로 모든 스니펫 추가 시 기본적으로 deprecated snippet을 제외합니다.
```sh
seed-design add --all # deprecated snippet 제외
```
```sh
seed-design add --all --include-deprecated # deprecated snippet 포함
```
### Version Updates
* @seed-design/cli\@0.0.3
## 2025.07.23
[`0ffcd48`](https://github.com/daangn/seed-design/commit/0ffcd481d3be71cff6a7cfea6985a7c063086ff7) Chip 컴포넌트가 추가되고, ActionChip, ControlChip 컴포넌트가 Deprecated 되었습니다.
* [Chip 컴포넌트](https://seed-design.io/react/components/chip)
* Chip 컴포넌트는 버튼과 토글 컴포넌트를 모두 포함하고 있습니다.
[`56e03ca`](https://github.com/daangn/seed-design/commit/56e03cad0841e4a77e284da12d63e81d412e84b9) Layout 컴포넌트 `pb`, `pt`, `paddingBottom`, `paddingTop` 속성에 `safeArea` 값을 지정할 수 있도록 지원
```tsx
```
### Version Updates
* @seed-design/css\@0.1.4
* @seed-design/react\@0.1.4
## 2025.07.11
[`cdc0930`](https://github.com/daangn/seed-design/commit/cdc09303deb05db51455c779b72c148b975014c5) `@seed-design/stackflow` 백스와이프 애니메이션 개선
* iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 `300ms`에서 `350ms`로 조정되어 더 부드러운 전환 효과를 제공합니다.
* 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다.
* 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.
[`946faf7`](https://github.com/daangn/seed-design/commit/946faf79c824b435da30e4cf6162b7ba4dba49ec) 그라디언트 토큰 추가 및 변경
* `fade-layer-floating`, `fade-layer-default` 토큰이 추가되었습니다.
* `$gradient.shimmer-magic` 토큰 stop color가 변경되었습니다.
[`71c58fd`](https://github.com/daangn/seed-design/commit/71c58fd22901d6296f09a852082839e1b2888e31) iOS Font Scaling
* iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다.
* 플러그인(webpack, vite, rsbuild)에서 `fontScaling` 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다.
* `data-seed-font-scaling='enabled'` 일 때, 폰트 크기를 조정합니다.
### Version Updates
* @seed-design/css\@0.1.3
* @seed-design/rsbuild-plugin\@0.1.3
* @seed-design/stackflow\@0.1.3
* @seed-design/tailwind3-plugin\@0.1.3
* @seed-design/tailwind4-theme\@0.1.3
* @seed-design/vite-plugin\@0.1.3
* @seed-design/webpack-plugin\@0.1.3
## 2025.07.01
그라디언트 토큰 및 AI 관련 컴포넌트 업데이트
* AI용 magic 테마와 중립적인 테마의 다양한 그라디언트(Shimmer, Fade, Glow, Highlight) 컬러 토큰이 추가되었습니다.
* `` 컴포넌트의 `tone="magic"` 스타일이 변경되었습니다.
* `` 컴포넌트에 `tone` prop이 추가되어 `neutral`과 `magic` 옵션을 제공합니다.
* 모든 Layout 컴포넌트(Box, VStack, HStack 등)에서 `bg/bgGradient` 속성을 통해 그라디언트를 지정할 수 있습니다.
* `` 컴포넌트에 `textDecorationLine` 옵션이 추가되었습니다.
* `` 컴포넌트의 arrow가 상위 요소의 font-size에 영향받지 않도록 수정되었습니다.
* `` 컴포넌트의 description font-size가 t6에서 t5로 변경되었습니다.
* 기존 보라색 계열 magic 관련 시맨틱 색상들(`fg/magic`, `fg/magic-contrast`, `bg/magic-solid`)이 삭제되었습니다.
### Version Updates
* @seed-design/css\@0.1.0
* @seed-design/figma\@0.1.0
* @seed-design/mcp\@0.1.0
* @seed-design/react\@0.1.0
* @seed-design/rsbuild-plugin\@0.1.0
* @seed-design/stackflow\@0.1.0
* @seed-design/vite-plugin\@0.1.0
* @seed-design/webpack-plugin\@0.1.0
## 2025.06.24
Alpha 컬러 업데이트
* White와 black의 alpha 색상이 새롭게 추가되었습니다. (staticWhiteAlpha50 \~ staticWhiteAlpha1000, staticBlackAlpha100 \~ staticBlackAlpha1000)
* stroke 색상에도 alpha 색상이 추가되었습니다.
* 기존 alpha 색상 값들의 매핑이 변경되었습니다:
* `staticBlackAlpha500` → `staticBlackAlpha700`
* `staticBlackAlpha200` → `staticBlackAlpha500`
* `staticBlackAlpha50` → `staticBlackAlpha200`
* `staticWhiteAlpha200` → `staticWhiteAlpha300`
* `npx @seed-design/codemod@latest replace-alpha-color` 코드모드를 제공합니다.
### Version Updates
* @seed-design/codemod\@0.0.28
* @seed-design/css\@0.0.39
* @seed-design/figma\@0.0.39
* @seed-design/mcp\@0.0.39
* @seed-design/migration-index\@0.0.28
* @seed-design/react\@0.0.39
* @seed-design/rsbuild-plugin\@0.0.39
* @seed-design/stackflow\@0.0.39
* @seed-design/tailwind3-plugin\@0.0.39
* @seed-design/tailwind4-theme\@0.0.39
* @seed-design/vite-plugin\@0.0.39
* @seed-design/webpack-plugin\@0.0.39