# Changelog
URL: https://seed-design.io/react/updates/changelog
Source: https://github.com/daangn/seed-design/tree/dev/packages

최신 업데이트와 변경사항을 기록합니다.

## @seed-design/cli

## 1.6.1

### Patch Changes

- compat 이 모노레포에서 seed 패키지를 "미설치"로 오판하던 문제를 고칩니다. faabf6f 의존성 선언이 상위 워크스페이스 package.json에 있으면 현재 패키지에서는 선언이 잡히지 않아, 실제로는 설치돼 있는데도 스니펫 호환성 검사가 실패했습니다. 선언이 없을 때만 node_modules에 해소된 설치본 버전을 대신 사용합니다. 선언이 있으면 기존과 동일하게 선언을 그대로 씁니다.

## 1.6.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.5.1

### Patch Changes

- --seed-react-version 옵션에 1.0 과 같은 버전 값을 넘길 때 파싱 에러가 발생하던 문제를 수정합니다. 304b0c9

## 1.5.0

### Minor Changes

- add , add-all 명령어에 --seed-react-version 옵션을 추가합니다. b9a2956 설치한 @seed-design/react 버전에 맞는 스니펫 레지스트리를 CLI가 자동으로 찾아줍니다. 정확한 --baseUrl 을 직접 지정할 필요가 없습니다. --baseUrl , --framework 보다 우선 적용됩니다.
  ```sh
  npx @seed-design/cli@latest add --seed-react-version 1.2 ui:action-button
  ```

## 1.4.0

### Minor Changes

- SEED Design Lynx의 첫 stable 버전을 릴리즈합니다. 699af2c @seed-design/lynx-css : Lynx 환경에서 사용할 수 있는 SEED 디자인 토큰, base CSS, component recipe CSS를 제공합니다. @seed-design/lynx-react : Lynx용 SEED React 컴포넌트와 hook을 제공합니다. 컴포넌트: ActionButton , BottomSheet , Box , Checkbox , HStack , ProgressCircle , RadioGroup , Switch , TagGroup , Text , VStack Hook: useControllableState , useIconColor , usePressTap , useSafeArea Safe Area: useSafeArea API로 env(safe-area-inset-*) 와 host 앱의 lynx.__globalProps fallback을 함께 지원합니다. @seed-design/cli : Lynx framework 감지, registry snippet 추가, compatibility check, docs lookup 흐름을 지원합니다.

## 1.3.5

### Patch Changes

- CLI 기반 도구의 cac 의존성을 v7로 업데이트합니다. 91f2e12 @seed-design/cli 와 @seed-design/codemod 의 Node.js 요구사항을 >=20.19.0 으로 맞춥니다. @seed-design/mcp 와 @seed-design/figma-extractor 에서도 최신 cac 런타임을 사용합니다.

## 1.3.4

### Patch Changes

- @seed-design/cli 옵션 스키마 정합성을 개선합니다. c5012d1

## 1.3.3

### Patch Changes

- CLI 텔레메트리 수집을 개선합니다. abada1c add , add-all , compat , docs , init 명령어의 실행 결과를 completed , cancelled , failed 로 구분해 수집합니다. compat 명령어는 compatible , incompatible , empty 결과를 추가로 구분해 수집합니다. 텔레메트리 실패 테스트를 보강하고, 실패 시에는 상세 메시지 대신 안전한 에러 타입만 전송하도록 정리합니다.

## 1.3.2

### Patch Changes

- docs 명령에 --raw 옵션을 추가합니다. llms.txt 내용을 순수 마크다운으로 출력하여 LLM 파이프나 스크립트에서 활용할 수 있습니다. upgrade 명령을 제거하고 docs --raw + 스킬 조합으로 대체합니다. 1e91bf6

## 1.3.1

### Patch Changes

- docs 명령어에서 경로를 잘못 입력했을 때 유사한 항목을 제안합니다. 8f37e56 오타가 포함된 경로를 입력하면 가장 가까운 유효 경로를 알려줍니다. (예: react/component/action-buton → react/components/action-button ) 카테고리, 섹션, 아이템 각 단계에서 유사 후보를 자동 검색합니다.
- upgrade 명령어를 추가합니다. 0471a92 프로젝트에 설치된 @seed-design/* 패키지의 현재 버전과 최신 버전을 비교하고, 그 사이의 변경사항(changelog)을 확인할 수 있습니다. --raw 플래그를 사용하면 UI 없이 순수 마크다운으로 출력되어 LLM 에이전트에 전달하기 적합합니다. 패키지명은 shorthand( react ) 또는 full name( @seed-design/react ) 모두 지원합니다.

## 1.3.0

### Minor Changes

- LLM 친화적 문서 링크를 위한 docs 명령어 추가 d25a0d6 컴포넌트 및 파운데이션에 대한 문서 URL, llms.txt URL, GitHub raw 스니펫 URL을 출력하는 seed-design docs [query] 명령어를 추가합니다. 섹션/항목의 인터랙티브 선택과 쿼리를 통한 직접 검색을 모두 지원합니다.

## 1.2.2

### Patch Changes

- seed-design compat 명령어를 추가해 현재 프로젝트의 스니펫과 @seed-design/react , @seed-design/css 버전 호환성을 비대화형으로 점검할 수 있도록 개선합니다. 50cd41e add , add-all 실행 시 스니펫의 요구 버전과 프로젝트 버전을 semver로 비교해, 호환되지 않는 항목을 경고하도록 개선합니다.
- CLI 실패 원인 표시를 개선하고 --verbose 상세 진단 출력을 추가합니다. 1af88d1 seed-design.json 이 없을 때 외부 명령 실행 대신 내부 초기화 로직으로 설정 파일을 생성합니다. 또한 @clack/prompts 를 v1으로 업데이트하고 init --default 를 --yes 호환 alias로 유지합니다.

## 1.2.1

### Patch Changes

- --on-diff flag를 추가하고 --overwrite flag를 --on-diff=overwrite 로 대체합니다. --on-diff=backup 을 사용하여 변경사항이 있는 모든 snippet에 대해 이전 파일을 유지할 수 있습니다. f7a6217

## 1.2.0

### Minor Changes

- CLI add/add-all 명령 실행 시, 파일 변경사항을 보여주고 덮어쓰기/백업/그대로 두기 선택지를 제공합니다. --overwrite flag를 통해 이 과정을 건너뛰고 덮어쓰기를 선택할 수 있습니다. 21c6ca8

## 1.1.0

### Minor Changes

- telemetry 옵션을 추가합니다 a6ae76f

## 1.0.0

### Major Changes

- add 명령어 사용 방식을 변경합니다. 950c9e1 항목 추가
  ```sh
  seed-design add ui:action-button breeze:animate-number # ui 이외 레지스트리의 항목도 추가할 수 있게 되었습니다.
  ```
  특정 레지스트리에 있는 모든 항목 추가
  ```sh
  seed-design add-all ui lib breeze
  ```
  모든 레지스트리의 모든 항목 추가
  ```sh
  seed-design add-all --all
  ```
  패키지 의존성 및 스니펫 의존성 설치 방식을 최적화합니다.

## 0.0.3

### Patch Changes

- snippet의 deprecated 여부를 기록합니다. cli add 명령 실행 시 snippet 목록에서 deprecate 여부를 표시하고, --all 로 모든 스니펫 추가 시 기본적으로 deprecated snippet을 제외합니다. 9b271d6
  ```sh
  seed-design add --all # deprecated snippet 제외
  ```
  ```sh
  seed-design add --all --include-deprecated # deprecated snippet 포함
  ```

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

## 0.0.0-alpha-20241204134404

### Patch Changes

- 에러메세지 보완 및 사용성 강화

## 0.0.0-alpha-20241113031935

### Patch Changes

- registry 기준으로 hook, util, ui 파일을 구분하여 설치해요.

## 0.0.0-alpha-20241101153412

### Patch Changes

- default resolve path를 seed-design/ui 로 변경해요.

## 0.0.0-alpha-20241101030717

### Patch Changes

- url을 변경해요

## 0.0.0-alpha-20241031064135

### Patch Changes

- implement cli command check-deprecated-icon-files

## 0.0.0-alpha-20241031063855

### Patch Changes

- change BASE_URL

## 0.0.0-alpha-20241016030836

### Patch Changes

- add icon-shift command

## 0.0.0-alpha-20241014145845

### Patch Changes

- sync style chipTabs, Tabs to figma

## 0.0.0-alpha-20241014090620

### Patch Changes

- change baseURL, add prepack script

## 0.0.0-alpha-20241014090450

### Patch Changes

- change registry schema

## 0.0.0-alpha-20241014082802

### Patch Changes

- change registry path

## 0.0.0-alpha-20241014082441

### Patch Changes

- change baseURL

## 0.0.0-alpha-20241004093556

### Patch Changes

- prerelease

## 0.0.0-alpha-20241004093313

### Patch Changes

- bump

---

## @seed-design/codemod

## 2.1.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/migration-index@2.0.0**
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. <Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

## 1.0.1

### Patch Changes

- CLI 기반 도구의 cac 의존성을 v7로 업데이트합니다. 91f2e12 @seed-design/cli 와 @seed-design/codemod 의 Node.js 요구사항을 >=20.19.0 으로 맞춥니다. @seed-design/mcp 와 @seed-design/figma-extractor 에서도 최신 cac 런타임을 사용합니다.

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/migration-index@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.31

### Patch Changes

- replace-semantic-stroke-color transform을 추가합니다. 91952e4 @seed-design/css v0.2.0에 맞춰 replace-semantic-stroke-color transform을 추가합니다. @seed-design/css/vars 에서 사용한 stroke 토큰을 업데이트하는 마이그레이션 코드모드를 추가합니다.

## 0.0.30

### Updated Dependencies

- **@seed-design/migration-index@0.0.30**
  - [Patch Changes] 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find & Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.0.29

### Patch Changes

- replace-custom-seed-design-typography 사용된 객체 그대로 사용하게끔 수정합니다 6d6d465

## 0.0.28

### Patch Changes

- replace-custom-seed-design-typography , replace-custom-color-to-seed-design-vars-color 로직 변경 ab52481
- 새로운 black, white alpha 값 추가에 대해서 대응하고, V3로 이미 마이그레이션 된 프로젝트의 alpha 값들 변환해주는 transform을 추가합니다 (replace-alpha-color) f801300

### Updated Dependencies

- **@seed-design/migration-index@0.0.28**
  - [Patch Changes] 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.27

### Patch Changes

- replace-custom-color-to-seed-design-vars-color 추가 7a146c2 replace-custom-seed-design-text-component 케이스 추가 replace-custom-seed-design-typography 케이스 추가

## 0.0.26

### Patch Changes

- replace-tailwind-typography가 text- 접두사가 붙은 className도 처리해요 2854d72

## 0.0.25

### Patch Changes

- replace-tailwind-color cva 처리 추가 및 -seed prefix 토큰 확인 로직 추가 3d7b0dc

## 0.0.24

### Patch Changes

- replace-stitches-styled-color 로직 강화 03aaeb1 !important 처리 강화 color가 들어갈 수 있는 다양한 복합 포맷 대응 삼항연산자 변환 대응

## 0.0.23

### Patch Changes

- feat: replace-custom-seed-design-color 직접 seed-design/css 패키지 import 하도록 변경 1284609
- feat(codemod): add more cases in stitches transform 6895bd0

## 0.0.22

### Patch Changes

- replace-custom-seed-design-vars를 추가해요 b89ef88 replace-custom-imported-typography-variable를 추가해요 replace-custom-seed-design-typography를 추가해요 replace-custom-seed-design-color를 추가해요 replace-seed-design-token-typography-classname VE에서 잘 변경되지 않던 이슈를 해결해요
- transform logger의 이름을 transform 이름과 동일하게 수정해요 03cc680
- 패키지 의존성을 최신화합니다. e368c69

## 0.0.21

### Patch Changes

- feat: moduleResolution: node를 추가해요 775db48

## 0.0.20

### Patch Changes

- stitches 관련 transform 추가 f17f842 replace-stitches-styled-color replace-stitches-styled-typography replace-stitches-theme-color trasnform 이름 변경 replace-color-design-token → replace-seed-design-token-vars replace-color-prop → replace-custom-text-component-color-prop replace-css-color-variable → replace-css-seed-design-color-variable replace-css-typography-variable replace-css-seed-design-typography-variable replace-tailwind-color 유지 replace-tailwind-typography 유지 replace-text-component → replace-custom-seed-design-text-component replace-typography-design-token → replace-seed-design-token-typography-classname replace-v2-icon → replace-react-icon

### Updated Dependencies

- **@seed-design/migration-index@0.0.20**
  - [Patch Changes] static 색상들의 맵핑을 추가해요 f17f842 needsVerification 필드를 추가해요

## 0.0.19

### Patch Changes

- logging 파일 형식을 개선합니다 1cb5fcc

## 0.0.18

### Patch Changes

- feat: remove custom --reporter option, add log in all transfomers 5ef19b3

### Updated Dependencies

- **@seed-design/migration-index@0.0.18**
  - [Patch Changes] fix color mapping (divider-1, on-gray-overlay-50) a7e2571

## 0.0.17

### Patch Changes

- feat: change spawn to execa 93eaaeb

## 0.0.16

### Patch Changes

- fix: support dynamic import in ESM 95b140f

## 0.0.15

### Patch Changes

- add replace-text-component transform 4f465ba add reporter warning message add more complex test case in replace-tailwind-typography replace-vars-color -> replace-color-design-token add replace-typography-design-token add replace-css-typography-variable

### Updated Dependencies

- **@seed-design/migration-index@0.0.3**
  - [Patch Changes] remove static next token 4f465ba

## 0.0.14

### Patch Changes

- feat: replace-css-color-variable 37c12e9

## 0.0.13

### Updated Dependencies

- **@seed-design/migration-index@0.0.2**
  - [Patch Changes] add iconography index 9f55b8f

## 0.0.12

### Patch Changes

- @seed-design/migration-index@0.0.1

## 0.0.12-rc.4

### Patch Changes

- add prefix in tailwind color codemod, and remove external field e2423fa
- add replace-color-prop transform 296ce10 replace-color-design-token change import css to react

## 0.0.12-rc.3

### Patch Changes

- change package.json exports map 14c9983

## 0.0.12-rc.2

### Patch Changes

- remove run 9f40190

## 0.0.12-rc.1

### Patch Changes

- remove require 2612bf7

## 0.0.12-rc.0

### Patch Changes

- migration index, codemod (vars, tailwind) f83bbf8

### Updated Dependencies

- **@seed-design/migration-index@0.0.1-rc.0**
  - [Patch Changes] migration index, codemod (vars, tailwind) f83bbf8

## 0.0.11

### Patch Changes

- icon_horizline2_vertical_chatbubble_rectangular_right 반영

## 0.0.10

### Patch Changes

- icon_speaker_slash 이름 변경 반영

## 0.0.9

### Patch Changes

- 멀티컬러로 이동시키던 아이콘 모노크롬으로 이동

## 0.0.8

### Patch Changes

- Yen 아이콘 신규 맵핑 반영

## 0.0.7

### Patch Changes

- Transform 정상 작동하도록 수정

## 0.0.6

### Patch Changes

- Release 0.0.6

## 0.0.6-alpha-20241114065324

### Patch Changes

- Node.js 버전 검증, git 관련 정보 수집

## 0.0.6-alpha-20241113101316

### Patch Changes

- Require Node.js 20.16

## 0.0.5

### Patch Changes

- Revert identifier-map to map old chevron_right to old chevron_right, allow turning analytics off

## 0.0.4

### Patch Changes

- map chevron_right to chevron_right_small

## 0.0.3

### Patch Changes

- Release 0.0.3

## 0.0.3-alpha-20241108080931

### Patch Changes

- track inline svgs

## 0.0.3-alpha-20241108075855

### Patch Changes

- Use write key from env

## 0.0.3-alpha-20241108073245

### Patch Changes

- Submit logs to June.so

## 0.0.3-alpha-20241108030926

### Patch Changes

- make @daangn/* deps optional

## 0.0.3-alpha-20241108030003

### Patch Changes

- move actual icon packages to devdeps

## 0.0.2

### Patch Changes

- 멀티컬러 패키지로의 마이그레이션에 대응, @karrotmarket/karrot-ui-icon/lib/react 마이그레이션

## 0.0.2-alpha-20241031032411

### Patch Changes

- Return if importdefaultspecifiers

## 0.0.2-alpha-20241031025011

### Patch Changes

- Fix icon_home being replaced with icon_window4_house

## 0.0.2-alpha-20241031022819

### Patch Changes

- Notify inline SVGs being used

## 0.0.2-alpha-20241030021453

### Patch Changes

- Replace @karrotmarket/karrot-ui-icon/lib/react

## 0.0.2-alpha-20241028102047

### Patch Changes

- Migreate specific icons to the new multicolor package

## 0.0.1

### Patch Changes

- Add codemod migrate-icons to help users easily migrate v2 icons to v3 ones ee15292

## 0.0.0-alpha-20241025045021

### Patch Changes

- Replace string literals

## 0.0.0-alpha-20241024093332

### Patch Changes

- refactor

## 0.0.0-alpha-20241023070021

### Patch Changes

- Keep icons that aren't available yet (categories & services)

## 0.0.0-alpha-20241022081111

### Patch Changes

- remove repeatedly printed filepath

## 0.0.0-alpha-20241022065031

### Patch Changes

- use report instead of winston to print stdout

## 0.0.0-alpha-20241022063510

### Patch Changes

- rename map to match, add tests

## 0.0.0-alpha-20241022061413

### Patch Changes

- update identifier map, warn users on action-required icons

## 0.0.0-alpha-20241021100240

### Patch Changes

- List available transforms & log selectively

## 0.0.0-alpha-20241021032759

### Patch Changes

- Update identifier map

## 0.0.0-alpha-20241020150322

### Patch Changes

- Stream logs to console

## 0.0.0-alpha-20241020144859

### Patch Changes

- Preserve comments

## 0.0.0-alpha-20241020125729

### Patch Changes

- Add prepack script

## 0.0.0-alpha-20241020124836

### Patch Changes

- Allow --no-babel

## 0.0.0-alpha-20241020123315

### Patch Changes

- Allow custom parser

## 0.0.0-alpha-20241020094046

### Patch Changes

- Build

## 0.0.0-alpha-20241020093300

### Patch Changes

- Run babel & exclude d.ts files

## 0.0.0-alpha-20241020090828

### Patch Changes

- Build correctly

## 0.0.0-alpha-20241020090615

### Patch Changes

- Add flag --no-babel

## 0.0.0-alpha-20241020064329

### Patch Changes

- Allow null for identifiermap target value & improve logging

## 0.0.0-alpha-20241020054343

### Patch Changes

- Remove unnecessary log files & update target package name

## 0.0.0-alpha-20241020052702

### Patch Changes

- Find transform files in the correct directory

## 0.0.0-alpha-20241020051045

### Patch Changes

- Find transform files in the correct directory

## 0.0.0-alpha-20241020044547

### Patch Changes

- Move files around

## 0.0.0-alpha-20241018101237

### Patch Changes

- Add shebang

## 0.0.0-alpha-20241018093322

### Patch Changes

- Add transform migrate-icons

---

## @seed-design/css

## 2.5.0

### Minor Changes

- Date Picker에서 시작일을 유지하고 종료일만 변경할 수 있는 기능을 추가합니다. ebb4eae selectionMode="range" 에서 rangeStartReadOnly prop을 사용할 수 있습니다. 시작일보다 늦은 날짜만 새 종료일로 선택할 수 있습니다. 읽기 전용 시작일의 시각적 상태와 접근성 이름을 제공합니다.
  ```tsx
  <DatePicker
    selectionMode="range"
    rangeStartReadOnly
    value={{
      start: { year: 2026, month: 8, day: 7 },
      end: { year: 2026, month: 8, day: 9 },
    }}
  />
  ```

## 2.4.2

### Patch Changes

- @seed-design/react-drawer@2.0.3 , @seed-design/css@2.3.1 에서 추가된 키보드 리포지션 애니메이션과 높이 보정 동작을 제거합니다. 225496c

## 2.4.1

### Patch Changes

- Chrome 104 / Safari 16.4 미만 버전에서 @media (width >= npx) 미디어 쿼리를 (min-width: npx) 로 교체하여 미디어 쿼리가 의도대로 작동하도록 수정합니다. 29b6684 Chrome 108 / Safari 15.4 미만 버전에서 Dialog( ContentDialog )의 dvh max-height 가 vh 로 폴백되도록 수정합니다.

## 2.4.0

### Minor Changes

- Quantity Picker에 부모 Flex 레이아웃의 여유 공간을 채우는 layout="fill" 옵션을 추가합니다. c9acaa6 기본값 layout="hug" 는 기존 크기를 유지합니다. layout="fill" 에서는 양쪽 버튼 크기를 유지하고 Value Display 영역만 늘어납니다.
- DatePicker 컴포넌트를 추가합니다. c9acaa6 Single, Range, Multiple 선택 모드를 지원합니다. Month, Two Months, Week, Continuous 레이아웃을 각각 DatePicker , TwoMonthDatePicker , WeekDatePicker , ContinuousDatePicker 로 제공합니다. 날짜 constraints와 예약·가격 표시를 위한 renderDateCellSupplement , 내부 콘텐츠 전체를 교체하는 renderDateCellContent 를 제공합니다. actionsRef 를 통해 특정 날짜로 이동하거나 날짜 셀에 포커스할 수 있습니다. locale 기반 달력, 키보드·스크린 리더 접근성, Wheel Picker를 이용한 월·연도 이동을 지원합니다.
- TimePicker 컴포넌트를 추가합니다. c9acaa6 12시간제 시간 선택 UI와 locale에 따른 컬럼 순서를 지원합니다. minuteStep 으로 선택 가능한 분 간격을 설정할 수 있습니다.

## 2.3.1

### Patch Changes

- 소프트웨어 키보드가 열릴 때 BottomSheet가 움직이는 방식을 개선합니다. 3d5ecf4 iOS에서 시트가 한 프레임에 점프하지 않고 새 위치까지 애니메이션합니다. Android에서 입력 필드에 포커스하면 시트가 화면을 덮을 만큼 커지던 문제를 수정합니다.
- ImageFrame과 Avatar가 로딩 중에 이미지를 숨기지 않습니다. f9456d6 loading="lazy" 이미지가 화면에 들어와도 끝내 로드되지 않던 문제를 수정합니다. 이미지가 LCP 요소일 때 측정값이 실제 도착 시각으로 잡힙니다. loading="eager" 에도 해당됩니다. src 없이 srcSet 만 지정한 반응형 이미지를 지원합니다. 로딩 중 플레이스홀더가 보이고 완료 시 이미지가 보이는 동작은 그대로입니다. 다만 로딩 중에는 이미지가 화면에 남아 있으므로, 스크린리더가 플레이스홀더와 함께 이미지의 alt 도 읽습니다.

## 2.3.0

### Minor Changes

- 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
  ```tsx
  <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
    <SelectTrigger placeholder="과일을 선택하세요" />
    <SelectContent>
      <SelectGroup>
        <SelectItem value="apple" label="사과" />
        <SelectItem value="banana" label="바나나" />
      </SelectGroup>
    </SelectContent>
  </SelectRoot>
  ```
- 기존 Alert Dialog와 별개로, 범용 Dialog와 ResponsiveDialog를 추가합니다. 6ba7292 Dialog : medium , large size를 지원하며, 본문이 길면 Body가 스크롤되고 상단에 divider와 하단 fade가 나타납니다. ResponsiveDialog : md 이상에서는 Dialog로, 그 아래에서는 Bottom Sheet로 렌더링합니다. ui:dialog , ui:responsive-dialog snippet으로 설치할 수 있습니다.
  ```tsx
  <DialogRoot size="medium">
    <DialogTrigger asChild>
      <ActionButton>열기</ActionButton>
    </DialogTrigger>
    <DialogContent title="제목" description="설명">
      <DialogBody>{/* ... */}</DialogBody>
      <DialogFooter>
        <HStack gap="x2" justify="flex-end">
          <DialogAction variant="neutralWeak">취소</DialogAction>
          <DialogAction variant="neutralSolid">확인</DialogAction>
        </HStack>
      </DialogFooter>
    </DialogContent>
  </DialogRoot>
  ```
- QuantityPicker 컴포넌트를 추가합니다. 19f07f5 지정한 최소·최대 수량 범위에서 값을 증감할 수 있으며, 최소 수량에서 제거 동작을 지원합니다. size , disabled , readOnly , invalid , 증감 중 loading 상태를 지원합니다. 폼 제출에 사용할 수 있는 QuantityPicker.HiddenInput 을 제공합니다. ui:quantity-picker snippet으로 설치할 수 있으며, @seed-design/css@^2.3.0 을 사용합니다.
  ```tsx
  <QuantityPicker.Root min={0} max={99} defaultValue={1}>
    <QuantityPicker.DecrementButton icon={<IconMinusLine />} />
    <QuantityPicker.ValueDisplay />
    <QuantityPicker.IncrementButton icon={<IconPlusLine />} />
    <QuantityPicker.HiddenInput name="quantity" />
  </QuantityPicker.Root>
  ```

## 2.2.2

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- (사용자 변경사항 없음) Side Panel 닫기 버튼 spec에서 사용되지 않던 pressed 상태의 icon 색상 정의를 제거합니다. 09e28ef
- Slider disabled 상태에서 track(비활성 구간) 색상을 bg.disabled 로 지정해, range(활성 구간)와의 색상 대비가 명확히 보이도록 수정합니다. 6963994

## 2.2.1

### Patch Changes

- Chip Tabs가 가로로 넘칠 때 칩(trigger)이 축소되어 라벨이 좌우 패딩을 침범하던 문제를 수정합니다. 6c6d2c7

## 2.2.0

### Minor Changes

- Action Button의 pressed 상태에 scale 모션을 추가합니다. f523979 pressed 상태에 적절한 모션 피드백을 제공하기 위해 사용하는 $scale.s95 , $scale.s97 , $scale.s98 토큰을 추가합니다. scale 토큰은 플랫폼 별 동작 줄이기 설정에 따라 값이 1 로 동작합니다. 웹 CSS 환경에서는 (prefers-reduced-motion: reduce) 미디어 쿼리가 매치되는 환경에서 1 로 동작합니다. Tailwind 유틸리티 클래스 scale-s* 를 통해 scale 토큰을 사용할 수 있습니다. 신규 토큰을 사용할 수 있도록 Tailwind 패키지의 @seed-design/css peerDependency 범위를 ^2.1.0 에서 ^2.2.0 으로 올립니다.

### Patch Changes

- 적절한 곳에서 physical property 대신 logical property를 사용하도록 수정합니다. 062ce26

## 2.1.4

### Patch Changes

- 포커스 가능한 상태의 SidePanelBody에 적절한 포커스 스타일을 추가합니다. 7127a1f

## 2.1.3

### Patch Changes

- 구형 iOS Safari(16.4 미만)에서 중첩된 Box 및 일부 컴포넌트가 상위 요소의 레이아웃 값을 잘못 상속하던 문제를 수정합니다. d71f402 값을 지정하지 않은 자식 Box 가 상위의 width , height , gap , margin 등을 물려받아 의도와 다르게 렌더링되던 문제를 해결합니다. 모던 브라우저의 동작에는 변화가 없습니다. SidePanel , BottomSheet , Skeleton , HelpBubble 에서도 동일한 상속 문제를 바로잡습니다. bleed 를 지정한 요소가 구형 Safari에서도 정상 동작하도록 개선합니다.

## 2.1.2

### Patch Changes

- Floating Action Button의 확장(extended) 형태 아이콘 크기를 $dimension.x5 에서 $dimension.x4 로 수정합니다. bfaa48a
- ImageFrameReactionButton root에 반투명 배경색과 그림자를 추가하여 밝은 이미지 위에서의 가시성을 개선합니다. 7224b94
- Side Panel Close Button 및 Side Panel Header의 스타일을 디자인 스펙에 맞게 수정하고, Side Panel body에 box-sizing: border-box 를 적용하여, body에 지정한 height / minHeight / maxHeight 가 padding을 포함해 계산되도록 수정합니다. c4ce431

## 2.1.1

### Patch Changes

- AttachmentInput / AttachmentDisplay 의 image 타입 아이템 테두리가 이미지에 가려 렌더되지 않던 문제를 수정합니다. 11b7ffe

## 2.1.0

### Minor Changes

- $color.bg.layer-fill 토큰을 다시 추가합니다. f2b198d 2.0.0 에서 제거했으나 마땅한 대체 토큰이 없어 deprecated 상태로 되살립니다. 값은 제거 이전과 동일합니다. 추후 동일한 값의 새 이름 토큰으로 대체된 뒤 3.0.0 에서 제거될 예정입니다. @seed-design/tailwind3-plugin 과 @seed-design/tailwind4-theme 의 @seed-design/css peer dependency 버전 범위를 ^2.1.0 으로 올립니다.

## 2.0.0

### Major Changes

- Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 margin 관련 프로퍼티를 추가합니다. 4ad24cc margin / m , marginX / mx , marginY / my , marginTop / mt , marginRight / mr , marginBottom / mb , marginLeft / ml "auto" 리터럴 및 breakpoint 기반 반응형 스타일링을 지원합니다. margin* 과 bleed* 를 동시에 사용할 수 없도록 타입 레벨 제약(discriminated union)을 추가합니다. @seed-design/react를 통해 제공되는 다음 인터페이스가 interface 에서 type 으로 전환됩니다. BoxProps , FlexProps , GridProps , StackProps , VStackProps , HStackProps , ArticleProps , AspectRatioProps , ColumnsProps , ColumnProps , GridItemProps , ImageFrameProps , InlineProps , ResponsivePairProps . 위 인터페이스를 extend 하는 타입은 type X = BoxProps &#x26; {...} 처럼 전환할 수 있습니다. Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 4개 방향 모두에 negative margin을 적용하는 bleed 프로퍼티를 추가합니다.
- Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
- AppScreen 관련 키보드 동작을 개선합니다. 7a6847e AppScreen 액티비티 push 시, 해당 AppScreen 으로 키보드 포커스가 이동하도록 수정합니다. AlertDialog 등 모달 컴포넌트 위에 AppScreen 을 push하는 경우에도 AlertDialog 에 포커스가 남아 있는 문제를 수정합니다. 가장 마지막에 등장한 AppScreen 안에서만 포커스가 유지되도록 수정합니다.
- Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
- Layout 컴포넌트를 추가합니다. 54a2ff8
- 신규 타이포그래피 토큰을 추가합니다. d1a8d7c 폰트 크기 토큰 ( $font-size ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 줄 간격 토큰 ( $line-height ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 텍스트 스타일 ( textStyle ) t8Regular , t8Medium , t8StaticRegular , t8StaticMedium t9Regular , t9Medium , t9StaticRegular , t9StaticMedium t10Regular , t10Medium , t10StaticRegular , t10StaticMedium t11Regular , t11Medium , t11Bold , t11StaticRegular , t11StaticMedium , t11StaticBold t12Regular , t12Medium , t12Bold , t12StaticRegular , t12StaticMedium , t12StaticBold t13Regular , t13Medium , t13Bold , t13StaticRegular , t13StaticMedium , t13StaticBold t14Regular , t14Medium , t14Bold , t14StaticRegular , t14StaticMedium , t14StaticBold
- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- Chip Tabs Trigger가 disabled 상태일 때 opacity를 사용하여 스타일을 조절하도록 수정합니다. 57e4f1a
- Side Navigation에서 내부적으로 사용되는 NavigationMenu 컴포넌트를 추가합니다. 2abd3ed
- 컴포넌트 및 파운데이션 전반에 JSDoc 주석을 강화합니다. 270b277
- Breakpoint 기반 반응형 스타일링을 지원합니다. 9369ff9 Box, Flex, Grid, VStack 등 유틸리티 컴포넌트의 레이아웃 관련 프로퍼티에 breakpoint 기반 반응형 객체를 사용할 수 있습니다.
  ```tsx
  <Box padding={{ base: "x3", md: "x6" }} />
  <Grid columns={{ base: 1, md: 2, lg: 4 }} gap="x4" />
  ```
  @seed-design/react 에서 useBreakpoint 훅과 useBreakpointValue 훅을 제공합니다. useBreakpoint() — 현재 활성 breakpoint 이름을 반환합니다. ( "base" | "sm" | "md" | "lg" | "xl" ) useBreakpointValue(values) — 반응형 객체에서 현재 breakpoint에 해당하는 값을 반환합니다.
  ```tsx
  const actionButtonProps = useBreakpointValue<ActionButtonProps>({
    base: { variant: "neutralWeak" },
    lg: { variant: "brandSolid" },
  });
  ```
  &#x3C;Grid display="none"> 으로 Grid를 숨길 수 없던 문제를 수정합니다.
- selectBoxCheckmark recipe의 생성 클래스명과 import 경로를 다른 recipe와 동일하게 kebab-case로 정정합니다. 4839a64 클래스명: seed-selectBoxCheckmark__* → seed-select-box-checkmark__* import 경로: @seed-design/css/recipes/selectBoxCheckmark → @seed-design/css/recipes/select-box-checkmark
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- Side Navigation 컴포넌트를 추가합니다. ec33023
- Side Panel 컴포넌트를 추가합니다. 98b52a7 화면 좌/우 가장자리에서 슬라이드해 보조 콘텐츠, 상세 정보, 설정 흐름을 표시할 수 있습니다.
- SwipeableMenuSheet 컴포넌트를 추가하고, 기존 MenuSheet 관련 API를 deprecate합니다. f982d61 SwipeableMenuSheet 추가 Drawer 기반의 SwipeableMenuSheet 관련 컴포넌트를 추가합니다. 전체 영역을 스와이프하여 시트를 닫을 수 있으며, 해당 동작의 힌트로 상단에 드래그 핸들이 표시됩니다. MenuSheet 에서는 항상 표시되었던 닫기 버튼을 기본적으로 UI에 표시하지 않습니다. showCloseButton prop을 통해 닫기 버튼의 노출 여부를 제어할 수 있습니다. MenuSheet 관련 컴포넌트 및 API Deprecate Dialog 기반의 MenuSheet 관련 컴포넌트 및 API를 deprecate합니다. 신규로 Menu Sheet 사용이 필요한 경우 SwipeableMenuSheet 를 사용합니다. open / defaultOpen / onOpenChange 등 기본적인 MenuSheet 의 API는 SwipeableMenuSheet 에서 동일하게 유지됩니다.
- Footer.LinkText 컴포넌트 및 Footer Block 예시를 추가합니다. 7f1dbe3
- Text Input(Text Field)과 Input Button(Field Button)에 size="medium" variant를 추가합니다. c0fd999
- Accordion 컴포넌트를 추가합니다. 31bf164 여러 개의 관련된 콘텐츠 섹션을 수직으로 나열하고, 각 섹션을 펼치거나 접어 정보를 탐색할 수 있는 컴포넌트입니다.

## 1.2.16

### Patch Changes

- deprecated 항목의 제거 예정 버전 안내를 1.3.0에서 2.0.0으로 변경합니다. 234e8c7 ImageFrame 의 rounded 옵션, Switch / Checkbox / ChipTabs 의 deprecated 옵션, 유틸리티 스타일 prop( display , flexDirection , justifyContent , alignItems )의 deprecated 값의 제거 예정 버전을 2.0.0으로 안내합니다. $color.bg.layer-fill , $gradient.fade-layer-floating , $gradient.fade-layer-default 토큰의 제거 예정 버전을 2.0.0으로 안내합니다. 2.0.0부터 deprecated 항목 제거를 포함한 breaking change는 메이저 릴리스에서만 수행됩니다.

## 1.2.15

### Patch Changes

- AlertDialog , MenuSheet 등 Dialog 기반 컴포넌트가 열릴 때 첫 항목 대신 컨테이너에 포커스가 가도록 수정합니다. 26b1de5 URL로 직접 진입해 열었을 때 첫 항목에 포커스 링이 노출되던 문제를 수정합니다. 스크린리더가 다이얼로그의 제목과 설명을 먼저 읽도록 초기 포커스를 컨테이너로 옮깁니다.

## 1.2.14

### Patch Changes

- Menu Sheet의 디자인 스펙에서 핸들 여백 확보를 위해 content 상단 패딩을 x4 → x6 으로 늘리고 header.paddingTop 을 제거합니다 (핸들 여백 확보). React/CSS MenuSheet 의 경우 핸들이 존재하지 않으므로 변경사항이 없습니다. 8dc8f4f
- HelpBubble이 좁은 화면에서 화면 밖으로 잘리던 문제를 수정합니다. (Popover의 floating 요소 너비를 viewport에 맞게 동적으로 제한하고, 긴 텍스트가 Help Bubble 밖으로 넘치지 않도록 긴 단어 중간 줄바꿈을 허용합니다.) e48f021

## 1.2.13

### Patch Changes

- AppBar 하단에 구분선을 표시하는 divider 옵션을 deprecated 처리합니다. SEED React 1.3에서 제거될 예정이며, 제거 이후에는 AppBar 하단 구분선이 표시되지 않습니다. 9cacf29

## 1.2.12

### Patch Changes

- Chip layout=withText variant에 size 별 최소 너비를 추가합니다. d8860f4
- 신규 pressed 상태 스타일링을 위한 $duration.pressed-scale 및 $timing-function.pressed-scale 토큰을 추가합니다. (컴포넌트 변경사항 없음) 7588e59

## 1.2.11

### Patch Changes

- AppScreen 전환 애니메이션의 성능을 개선하고 스와이프 백 관련 버그를 수정합니다. be7022a 스와이프 중 CSS variable cascade로 인한 스타일 재계산 병목을 제거하고, 개별 요소에 직접 inline style을 적용하는 방식으로 변경합니다. 스와이프 종료 시 발생하던 플리커(CSS 핸드오프 gap)를 WAAPI(Web Animations API)로 대체하여 해결합니다. 스와이프 complete 후 CSS [pop] animation이 재트리거되는 이중 애니메이션 문제를 해결합니다. 제스처 중 useState 기반 상태 관리를 useRef 로 변경하여 불필요한 React 리렌더를 제거합니다. slideFromRightIOS , fadeFromBottomAndroid , fadeIn 세 가지 transition style 모두 지원합니다. 프로덕션에서 무거운 activity를 push/pop 할 때 애니메이션이 경로 중간부터 시작되던 jank를 수정합니다. ( requestAnimationFrame 대기 구간 제거) Animation.finished 를 지원하지 않는 구형 WebView(Chrome &#x3C; 84)에서 push → pop 시 화면이 비어버리던 문제를 onfinish / oncancel 기반 폴백과 setTimeout race 안전망으로 해결합니다. AppBar 배경을 pseudo-element에서 일반 DOM slot으로 옮겨, pseudoElement WAAPI 옵션을 지원하지 않는 브라우저(Chrome &#x3C; 82)에서도 swipe back 중 AppBar 전환이 정상 동작하도록 합니다.

## 1.2.10

### Patch Changes

- AppBar 내부 title/subtitle 영역이 폰트 스케일링이 대응된 iOS 환경에서 최대 120%까지 폰트 스케일링을 하도록 변경합니다. (기존 동작: 폰트 스케일링이 대응된 환경에서도 폰트 스케일링 설정의 영향을 받지 않음) 46bdf17
- NotificationBadge의 size=large variant가 최소 너비를 갖도록 하고, size=large에서 표시되는 레이블이 폰트 스케일링의 영향을 받지 않도록 수정합니다. 79c7aa3

## 1.2.9

### Patch Changes

- ContentPlaceholder asset의 최대 너비를 64px에서 160px로 변경합니다. 5bf2e8a

## 1.2.8

### Patch Changes

- ImageFrame에서 이미지 로드 실패 시 깨진 img 요소가 fallback 위에 노출되는 문제를 수정합니다. c02bfba
- 삼성 Galaxy 기기에서 :hover 스타일이 요소에서 손을 뗀 이후에도 남아있는 문제를 수정합니다. f391668

## 1.2.7

### Patch Changes

- AppBarSlot 컴포넌트를 추가합니다. AppBar 내에 AppBarLeft , AppBarMain , AppBarRight 에 대응되지 않는 커스텀 요소를 배치하는 경우, 다른 요소와 동일한 화면 전환 트랜지션을 적용하기 위해 사용할 수 있습니다. 846036b
- Avatar 및 Avatar Stack의 size=56 variant를 추가합니다. e78d460

## 1.2.6

### Patch Changes

- (사용자 변경사항 없음) Rootage text-input 에 type=singleLine variant 정의를 추가합니다. 4f56e76
- HelpBubble에서 닫기 버튼이 있을 때 title이 한 줄인 경우 아래쪽 여백이 과도하게 보이던 문제를 수정했습니다. 32938de
- Content Placeholder 컴포넌트를 추가합니다. 67a7780
- 사용되지 않는 tag-group-tag.css 파일을 코드베이스에서 제거합니다. ( TagGroupItem 에서는 tag-group-item.css 사용) 3273312
- ImageFrame 컴포넌트 개선 9d9b891 fallback prop이 이미지 로딩 실패 시 대체 콘텐츠를 올바르게 표시하도록 개선합니다. Reaction Button이 iOS에서 렌더링되지 않는 문제를 수정합니다. Reaction Button uncontrolled 상태에서 클릭 시 상태가 변경되지 않는 문제를 수정합니다.

## 1.2.5

### Patch Changes

- Box의 배경 색상을 class 기반으로 지정하는 경우 :active 스타일 선언이 배경 색상을 덮어쓰는 문제를 수정합니다. c9fb0c5

## 1.2.4

### Patch Changes

- Android 환경에서 테마 고정이 적용되지 않을 수 있는 문제를 수정합니다. ( [data-seed-color-mode="*-only"] 로 테마를 고정하는 경우, color-scheme: only *; 사용 가능한 환경에서는 only 키워드를 사용하도록 수정합니다.) cd9a46c
- rootage에 pressed 상태로 정의된 스타일을 디바이스 환경에 따라 다르게 적용합니다. 마우스 환경에서는 hover 시, 터치 환경에서는 active 시 표시됩니다. 23e369d
- List Item의 title fontWeight를 $font-weight.medium 에서 $font-weight.regular 로 변경합니다. 103830e
- IdentityPlaceholder의 스타일과 글리프를 업데이트하고, identity="business" variant를 추가합니다. 77cdc0e
- Cascade Layer를 선택적으로 사용할 수 있도록 지원합니다. seed-base 및 seed-components 레이어로 감싼 상태의 SEED CSS를 사용할 수 있습니다. ( 문서 ) 7d6c910
- 컴포넌트에 키보드 상호작용이 가능한 요소가 있는 경우 적절한 포커스 스타일을 갖도록 수정합니다. 751e952

## 1.2.3

### Patch Changes

- BottomSheet의 title padding을 수정합니다. eb390cf left 헤더 정렬 시 오른쪽 padding을 50px -> 56px 로 수정합니다. center 헤더 정렬 시 양쪽 padding을 60px -> 56px 로 수정합니다.
- Slider의 Value Indicator 가시성 및 트랜지션을 개선합니다. 7c3bbe7
- AppBar의 bg 또는 background 프로퍼티로 배경 색상을 조절할 수 있는 옵션을 추가합니다. ( tone="layer" 인 경우 적용) 6db2515
- Segmented Control pressed, selected-pressed 상태에서 stroke border 가 나타나도록 합니다. 12789e6
- AspectRatio 스타일시트의 position: relative 와 overflow: hidden 선언을 React 레이어로 이동하여 CSS specificity 문제를 수정합니다. 6fb6dc2

## 1.2.2

### Patch Changes

- ImageFrame 내부 요소에 width, height 100%를 추가합니다 15010c3
- ImageFrame rounded 옵션을 제거하고, borderRadius를 받을 수 있게 변경합니다 a3e6859
- BottomSheet title 영역에서 닫기 버튼 간격에 따라 조정된 padding 기준으로 정리하고, word-break 추가 및 description 영역 너비를 정리했습니다. 4287600

## 1.2.1

### Patch Changes

- ImageFrameReactionButton에 fillIcon, lineIcon spec을 추가합니다 9446f2c
- ImageFrameReactionButton의 SVG 사이즈와 Rootage 정의를 수정합니다. 8ad9484
- BottomSheet showCloseButton variant 변경 및 animation 버그 수정 9cbeba0 showCloseButton variant 변경: CloseButton 미사용 시 header padding 조정 가능 hasEntered 상태 추가: modal prop 변경 시 enter animation 재실행 방지

## 1.2.0

### Minor Changes

- Help Bubble 관련 컴포넌트를 업데이트합니다. 0ecb893 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : HelpBubbleTrigger 및 HelpBubbleAnchor 의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:help-bubble 인터페이스 변경사항이 없으므로 HelpBubbleAnchor 와 HelpBubbleTrigger 를 사용하는 기존 코드를 변경할 필요가 없습니다. HelpBubble.Body 를 사용하여 HelpBubble.Title 과 HelpBubble.Description 을 감싸도록 변경되었습니다. zIndexOffset 을 활용하여 HelpBubble.Positioner 의 z-index를 조정할 수 있습니다. ( 예시 )
- Checkbox 관련 컴포넌트를 추가합니다. 98dbac4 CheckboxGroup snippet 컴포넌트가 추가되었습니다. 사용하려면 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:checkbox CheckboxGroup 은 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 Checkbox 를 묶지 않아도 됩니다. 기존 Checkbox 를 CheckboxGroup 으로 감쌀 필요는 없습니다. CheckboxGroup 은 선택적으로 사용할 수 있습니다. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. Radio Group 관련 컴포넌트를 업데이트합니다. 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : RadioGroup snippet의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:radio-group RadioGroup 이 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 RadioGroupItem 을 묶는 코드를 제거합니다. 1.1 → 1.2 업그레이드 시 변경 필요 : RadioGroupItem 을 묶어서 사용하던 VStack 을 제거하여 RadioGroupItem 이 RadioGroup 의 direct child가 되도록 변경하세요. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. @seed-design/react 의 RadioGroup.Root 를 레이아웃 컴포넌트로 변경합니다. @seed-design/react 에서 직접 import해서 사용하는 코드가 있다면 RadioGroup.Root 를 @seed-design/react/primitive 의 RadioGroup.Root 로 변경해주세요.
  ```tsx
  // 전
  import { VStack } from "@seed-design/react";
  import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

  <RadioGroup defaultValue="apple" aria-label="Fruit selection">
    <VStack>
      <RadioGroupItem value="apple" label="Apple" />
      <RadioGroupItem value="banana" label="Banana" />
    </VStack>
  </RadioGroup>;
  ```
  ```tsx
  // 후
  import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

  {
    /* aria-label 대신 label을 사용하여 시각적으로 레이블을 표시할 수도 있습니다. */
  }
  <RadioGroup defaultValue="apple" aria-label="Fruit selection">
    <RadioGroupItem value="apple" label="Apple" />
    <RadioGroupItem value="banana" label="Banana" />
  </RadioGroup>;
  ```
  ```tsx
  // 전
  import { RadioGroup } from "@seed-design/react";
  import { ListRadioItem } from "seed-design/ui/list";

  <RadioGroup.Root
    value={value}
    onValueChange={onValueChange}
    aria-label="옵션 선택"
  >
    <ListRadioItem
      value="option1"
      title="옵션 1"
      detail="첫 번째 선택지"
      suffix={<Radiomark tone="neutral" size="large" />}
    />
  </RadioGroup.Root>;
  ```
  ```tsx
  // 후
  import { RadioGroup } from "@seed-design/react/primitive";
  import { ListRadioItem } from "seed-design/ui/list";

  <RadioGroup.Root
    value={value}
    onValueChange={onValueChange}
    aria-label="옵션 선택"
  >
    <ListRadioItem
      value="option1"
      title="옵션 1"
      detail="첫 번째 선택지"
      suffix={<Radiomark tone="neutral" size="large" />}
    />
  </RadioGroup.Root>;
  ```
  RadioGroupItem, RadioChipItem, RadioSelectBoxItem, ListRadioItem에서 invalid prop이 제거되었습니다. 1.1 → 1.2 업그레이드 시 확인 필요 : invalid 상태는 group/field 레벨에서 설정해주세요. 각 항목을 data-invalid 속성으로 스타일링하는 경우 확인이 필요합니다.
- SwitchMark 를 Switchmark 로, RadioMark 를 Radiomark 로 Snippet 컴포넌트 이름을 변경합니다. a58022d 1.1 → 1.2 업그레이드 시 변경 권장 : snippet을 다시 내려받고, SwitchMark , RadioMark 를 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:switch ui:radio-group snippet에 SwitchMark , RadioMark 정의가 존재하지만, 1.3 릴리즈 시 snippet에서 해당 맵핑이 제거될 예정이므로 미리 변경해두시길 권장드립니다.
  ```tsx
  // 전
  import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
  import { SwitchMark } from "seed-design/ui/switch";
  import { RadioMark } from "seed-design/ui/radio-group";

  <ListSwitchItem
    title="리스트 아이템 스위치"
    detail="설명 텍스트"
    suffix={<SwitchMark tone="neutral" />}
  />;

  <ListRadioItem
    prefix={<RadioMark tone="neutral" size="large" />}
    value="option"
    title="옵션"
  />;
  ```
  ```tsx
  // 후
  import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
  import { Switchmark } from "seed-design/ui/switch";
  import { Radiomark } from "seed-design/ui/radio-group";

  <ListSwitchItem
    title="리스트 아이템 스위치"
    detail="설명 텍스트"
    suffix={<Switchmark tone="neutral" />}
  />;

  <ListRadioItem
    prefix={<Radiomark tone="neutral" size="large" />}
    value="option"
    title="옵션"
  />;
  ```
- Select Box 관련 컴포넌트를 업데이트합니다. 2643d17 1.1 → 1.2 업그레이드 시 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:select-box CheckSelectBoxGroup , RadioSelectBoxRoot 의 children이 기본적으로 gap이 포함된 그리드 레이아웃으로 정렬됩니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 을 묶어서 사용하던 VStack 을 제거하여 CheckSelectBox 와 RadioSelectBoxItem 이 CheckSelectBoxGroup 또는 RadioSelectBoxRoot 의 direct child가 되도록 변경하세요. VStack 에 gap 이외의 스타일이 적용된 경우 &#x3C;VStack paddingX="x4">&#x3C;CheckSelectBoxGroup>...&#x3C;/CheckSelectBoxGroup>&#x3C;/VStack> 와 같이 VStack 을 외부에 남겨두세요. 기능 추가 : CheckSelectBoxGroup 와 RadioSelectBoxRoot 에 columns 를 지정할 수 있습니다. columns 가 2 이상인 경우 하위 항목에 기본적으로 layout="vertical" 이 적용됩니다. 기본 layout 은 하위 항목에서 오버라이드할 수 있습니다. 기능 추가 : CheckSelectBoxGroup 과 RadioSelectBoxRoot 에 label , description , errorMessage , indicator 등 Fieldset 관련 prop을 사용할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 에 기본적으로 표시되던 Checkmark 와 RadioMark 가 이제 표시되지 않습니다. suffix prop을 통해 선택적으로 추가할 수 있습니다. 단순 마이그레이션 시 suffix={&#x3C;CheckSelectBoxCheckmark />} 와 suffix={&#x3C;RadioSelectBoxRadiomark />} 를 추가하세요. 기능 추가 : prefixIcon , footer , footerVisibility prop 추가 footer 에 넣는 요소는 기본적으로 해당 CheckSelectBox 또는 RadioSelectBoxItem 가 선택된 상태일 때 표시됩니다. footerVisibility="always" 를 설정하여 footer 요소를 항상 표시할 수 있습니다. label 이 기본적으로 가로 나열되며 $dimension.x2 gap을 갖는 flex container로 변경되었습니다. 1.1 → 1.2 업그레이드 시 확인 권장 : label={&#x3C;HStack gap="x2">{/* ... */}&#x3C;/HStack>} 와 같은 코드는 HStack 을 Fragment 등으로 대체할 수 있습니다. 문제 수정 : CheckSelectBox 와 RadioSelectBoxItem 에서 사용되지 않는 children 을 타입 정의에서 제거합니다. CheckSelectBoxGroup 에 label , aria-label , aria-labelledby 중 아무것도 설정하지 않은 경우 경고를 표시합니다. ( RadioSelectBoxRoot 는 기존에도 표시)
- Tag Group 관련 컴포넌트를 업데이트합니다. a0e40ca TagGroupItem 레이블 내부에서 줄바꿈이 발생할 수 있도록 수정합니다. (기존: TagGroupItem 또는 separator 전후에서 줄바꿈 발생) 한 줄 레이아웃 및 우선순위 옵션을 추가합니다. TagGroupRoot 에 truncate prop을 사용하여 한 줄로 유지하고 말줄임 처리를 할 수 있습니다. (기본값: false ) TagGroupItem 에 flexShrink prop을 사용하여 말줄임 우선순위를 조정할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : TagGroupItem 내부 레이블을 TagGroupItemLabel 로 감싸거나, 신규로 제공되는 Snippet에서 제공하는 API로 교체해주세요. npx @seed-design/cli@latest add ui:tag-group 명령어로 Snippet을 추가할 수 있습니다.
  ```tsx
  // 전
  import { TagGroupRoot, TagGroupItem } from "@seed-design/react";

  {
    /* TagGroup.Root, TagGroup.Item처럼 namespace import하는 코드가 있을 수 있습니다. */
  }
  <TagGroupRoot>
    <TagGroupItem>
      <PrefixIcon svg={<IconLocationpinFill />} />
      서초4동
    </TagGroupItem>
    <TagGroupItem>
      광고
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </TagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
  ```tsx
  // 후 (Compound Component 유지)

  import {
    TagGroupRoot,
    TagGroupItem,
    TagGroupItemLabel,
  } from "@seed-design/react";

  <TagGroupRoot>
    <TagGroupItem>
      <PrefixIcon svg={<IconLocationpinFill />} />
      {/* TagGroupItemLabel 사용 */}
      <TagGroupItemLabel>서초4동</TagGroupItemLabel>
    </TagGroupItem>
    <TagGroupItem>
      {/* TagGroupItemLabel 사용 */}
      <TagGroupItemLabel>광고</TagGroupItemLabel>
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </TagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
  ```tsx
  // 후 (snippet API로 교체)
  // snippet 없는 경우, `npx @seed-design/cli@latest add ui:tag-group`

  import { TagGroupRoot, TagGroupItem } from "seed-design/ui/tag-group";
  import {
    TagGroupRoot as SeedTagGroupRoot,
    TagGroupItem as SeedTagGroupItem,
    TagGroupItemLabel as SeedTagGroupItemLabel,
  } from "@seed-design/react";

  <TagGroupRoot>
    <TagGroupItem label="서초4동" prefixIcon={<IconLocationpinFill />} />
    <SeedTagGroupItem>
      <SeedTagGroupItemLabel>광고</SeedTagGroupItemLabel>
      {/* 아이콘 커스터마이징이 필요한 경우 snippet 대신 Compound Component를 사용합니다. */}
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </SeedTagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
- Menu Sheet 관련 컴포넌트를 업데이트합니다. 358a1e4 MenuSheetContent 에 설명을 추가할 수 있는 description prop이 추가되었습니다. MenuSheetItem 에 설명을 추가할 수 있는 description prop이 추가되었습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : snippet을 다시 내려받고, MenuSheetItem 을 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:menu-sheet children 대신 label prop을 사용합니다. description , prefixIcon prop이 추가되었습니다.
  ```tsx
  // 전
  <MenuSheetItem>
    <PrefixIcon svg={<IconHouseLine />} />
    메뉴 항목
  </MenuSheetItem>

  // 후
  <MenuSheetItem
    prefixIcon={<IconHouseLine />}
    label="메뉴 항목"
    description="이제 설명도 추가할 수 있어요"
  />
  ```

### Patch Changes

- Grid 및 GridItem 레이아웃 유틸리티 컴포넌트를 추가합니다. 477ec8a
- BottomSheetContent 와 MenuSheetContent 가 기본적으로 bottom safe area만큼 하단 padding을 갖도록 수정합니다. 8fb7038 별도로 safe area padding을 지정하는 경우 제거할 수 있습니다. BottomSheetContent 내부에서의 &#x3C;VStack paddingBottom="safeArea"> 등
- Text Field (text-input)과 Field Button (input-button)의 포커스 및 에러 상태 border 트랜지션을 수정합니다. 17c0ebd

## 1.1.19

### Patch Changes

- BottomSheetRoot headerAlign="center" variant에서 텍스트 정렬 문제를 수정합니다 ( 예제 ). MenuSheetTitle의 내용이 길어질 때 MenuSheetHeader가 가운데 정렬되지 않는 문제를 수정합니다. 6697fbe

## 1.1.17

### Patch Changes

- Chip 컴포넌트 스펙에 layout=withText variant를 명시합니다. (스타일 변경사항 없음) db49a84
- Skeleton 가시성 향상을 위해 $gradient.shimmer-magic 및 $gradient.shimmer-neutral 토큰의 색상을 업데이트합니다. 6fab0e7
- 주석, 참고 사항 및 상세 리스트 등 부가 정보에 사용할 수 있는 시맨틱 텍스트 스타일 articleNote 를 추가합니다. 5faef3a
- @seed-design/css@1.3 및 @seed-design/react@1.3 에서 제거되는 토큰 및 옵션에 관한 경고를 추가합니다. 50ee0a6 1.3에서 제거 예정인 색상 토큰 $color.bg.layer-fill $gradient.fade-layer-floating $gradient.fade-layer-default 1.3에서 제거 예정인 컴포넌트 variant ChipTabs variant="brandSolid" 1.2까지 사용 가능, 1.3부터 디자인 변경 필요 Checkbox weight="default" 0.2.4부터 weight="regular" 사용 가능 weight="default" 는 1.2까지 사용 가능, 1.3부터 weight="regular" 만 허용 weight="stronger" 0.2.4부터 weight="bold" 사용 가능 weight="stronger" 는 1.2까지 사용 가능, 1.3부터 weight="bold" 만 허용 Switch size="small" 0.1.9부터 size="16" 사용 가능 size="small" 은 1.2까지 사용 가능, 1.3부터 size="16" 만 허용 size="medium" 0.1.9부터 size="32" 사용 가능 size="medium" 은 1.2까지 사용 가능, 1.3부터 size="32" 만 허용 StyleProps 를 상속하는 컴포넌트 display , justifyContent/justify , alignItems/align , alignContent , alignSelf , flexDirection/direction 프로퍼티에서의 camelCase 값 제거 예정 0.0.15부터 kebab-case 값 사용 가능 camelCase 값은 1.2까지 사용 가능, 1.3부터 kebab-case 값만 허용 예: justifyContent="spaceBetween" → justifyContent="space-between" 영향 범위인 컴포넌트: Box , Flex , HStack , VStack , Article , List (List.Root) 및 ListItem, ListButtonItem, ListLinkItem, ListSwitchItem, ListCheckItem, ListRadioItem (List.Item) , BottomSheetBody (BottomSheet.Body) , ResponsivePair, Inline (deprecated) , Columns, Column (deprecated) , Stack (deprecated)
- $color.bg.layer-basement 위에서 컴포넌트의 가시성을 보장하기 위해 $color.bg.neutral-weak-alpha 토큰을 추가합니다. 94bebf8 Chip variant=solid 에 적용 ChipTab variant=neutralSolid 에 적용 SegmentedControl root에 적용
- 잘못된 pseudo selector를 수정합니다 8495fae

## 1.1.16

### Patch Changes

- 정적 텍스트 스타일 추가 (t1Static* ~ t10Static*) 2f29fe8
- Checkmark variant=ghost tone=neutral 에서 icon의 색상을 $color.fg.neutral로 변경하고 색상 트랜지션을 추가합니다. 9119723
- Stackflow와 함께 AppScreen 사용 시 최상위 AppScreen이 push/pop될 때, 이외의 AppScreen이 고유한 transitionStyle 을 재생하는 문제를 수정합니다. 같은 스택 내에 여러 transitionStyle 이 공존할 때 자연스러운 트랜지션을 제공하기 위해 최상위 AppScreen의 transitionStyle 을 재생합니다. ( 데모 ) 6d30b72 예를 들면, transitionStyle="fadeFromBottomAndroid" 인 0번 AppScreen 위에 transitionStyle="slideFromLeftIOS" 인 1번 AppScreen이 push되는 경우, 0번 AppScreen이 slideFromLeftIOS 트랜지션을 재생하도록 수정합니다. 0번 AppScreen이 자연스럽게 좌측으로 조금 밀려나며 어두워지고( slideFromLeftIOS ) 1번 AppScreen이 우측에서 슬라이드 인( slideFromLeftIOS )
- 배너 템플릿에 사용되는 $color.banner.* 색상 토큰을 추가합니다. 10c0765
- AppScreen 에 신규 transitionStyle fadeIn 을 추가합니다. 5e462db

## 1.1.15

### Patch Changes

- iOS 15 이하 기기에서 MenuSheetItem이 의도하지 않은 margin을 갖는 문제를 수정합니다. 76acd7e
- theme=“android” 인 AppScreen 또는 AppBar에 속한 AppBarMain의 title과 subtitle 말줄임(truncation)이 적용되지 않는 문제를 수정합니다. 7a428ec
- iOS 17 이하 기기에서 SegmentedControlItem의 높이가 잘못 설정될 수 있는 문제를 수정합니다. 498a9e7

## 1.1.13

### Patch Changes

- radiomark Rootage 정의를 명확화합니다. (스타일 변경사항 없음) 9be0581
- 신규 Elevation 가이드 에 맞는 shadow 토큰을 추가합니다. cc4a45a React: Box, Flex, HStack 등 StyleProps를 사용하는 컴포넌트에서 boxShadow prop을 사용하여 shadow 토큰을 쉽게 사용할 수 있습니다.
- Button들의 xsmall variant의 텍스트 사이즈를 t4에서 t3로 변경해요. 739937f

## 1.1.12

### Patch Changes

- seedFontMultiplier, seedFontScaling attribute를 추가합니다 8d0ad90 seedFontMultiplier: 폰트 크기 스케일링 계수 (e.g. 0.8, 1.35, 1.5, 1) seedFontScaling: 폰트 크기 스케일링 활성화 여부 (e.g. "enabled")
- cssnano 등 CSS 최적화 도구를 사용할 때, bleedX 와 bleedY 중 한 가지 속성만 정의하는 경우 bleed가 적용되지 않던 문제를 수정합니다. 8f31f93
- Overlay 컴포넌트에 skipAnimation 옵션을 추가합니다 69ccc6e
- Badge의 크기와 Field의 indicator 크기 및 여백이 폰트 스케일링 제한의 영향을 받도록 업데이트합니다. 279001a

## 1.1.10

### Patch Changes

- PageBanner에 tone="magic" 스타일을 추가합니다. db5de74
- Segmented Control의 스타일을 업데이트합니다: Indicator에서 shadow 정의를 제거합니다. 70d11b8
- TextFieldInput 및 TextFieldTextarea (text-input 스타일시트)에서 브라우저 기본 자동 완성 스타일이 표시되지 않도록 수정합니다. c03a3dd
- Field(TextField)의 스타일을 수정합니다. a12e49b maxGraphemeCount 를 사용하지만 description 을 사용하지 않는 경우 maxGraphemeCount 가 우측이 아닌 좌측에 표시되는 문제를 수정합니다. Tailwind Preflight 사용 시 Character Count 영역이 디자인 의도보다 높이를 더 많이 차지하는 문제를 수정합니다.

## 1.1.9

### Patch Changes

- AppBar 에 적용되는 그라디언트를 AppScreen 으로 이동합니다. 37d332d &#x3C;AppBar tone="transparent"> 를 사용하는 경우 tone="transparent" 를 AppScreen 으로 옮겨 그라디언트를 표시할 수 있습니다. AppScreen 에 gradient={false} 를 설정하여 그라디언트를 숨길 수 있습니다.
- iOS 웹뷰 환경에서 Avatar가 정상적으로 렌더링되지 않는 문제를 수정합니다. 77517f1

## 1.1.8

### Patch Changes

- List Item에 신규 active(pressed) 스타일을 적용하고, disabled 상태에서 detail 영역의 색상을 수정합니다. 8752805
- Help Bubble이 기본적으로 z-index 99를 가지도록 수정합니다. (HelpBubblePositioner 또는 HelpBubblePositionerPortal에 직접 인라인 스타일을 적용한 경우 인라인 스타일이 우선 적용됩니다.) ee98674

## 1.1.7

### Patch Changes

- 스타일시트에서 logical property(padding-block 등)를 physical property(padding-left 및 padding-right 등)로 교체합니다. (브라우저 지원) bee919c
- Slider Value Indicator가 표시되는 조건을 설정하는 valueIndicatorTrigger prop을 추가합니다. ("active"|"hover", 기본값: "active") 1340675
- Slider Value Indicator가 Track 양 끝에 있을 때 Track 바깥 영역을 차지하지 않도록 수정합니다. 1340675

## 1.1.6

### Patch Changes

- transparent 상태 컬러 추가, 컴포넌트 상태 컬러 변경, transition 추가 dfe6c1e $color.bg.transparent-pressed 컬러와 $color.bg.transparent 컬러가 추가되었습니다. 다음 컴포넌트들의 색상이 transparent 관련 토큰으로 변경되었습니다. Chip (outlineStrong, outlineWeak) Action Button (neutralOutline, brandOutline, ghost) Checkmark Tabs (outline) List Item Radiomark Reaction Button Select Box 다음 컴포넌트들의 color transition이 추가되었습니다. (duration: $duration.d3, timing-function: $timing-function.easing) Checkmark Radiomark Reaction Button Select Box
- 다음 컴포넌트들의 color transition을 $duration.color-transition (d3) 토큰으로 변경합니다 a09e6b4 Action Button Bottom Sheet Handle Checkmark Tabs (outline) Chip Contextual Floating Button Floating Action Button Input Button List Item Radiomark Reaction Button Segmented Control Item Select Box Text Input Toggle Button

## 1.1.5

### Patch Changes

- FieldButton에 Read Only 상태를 추가합니다. Disabled 상태인 FieldButton은 내부 &#x3C;input /> 도 disabled 속성을 갖도록 수정합니다. 53290ab

## 1.1.4

### Patch Changes

- Stackflow의 AppScreen에 있던 gradient 스타일을 AppBar로 이동합니다 795668c

## 1.1.3

### Patch Changes

- 일반적인 CSS Reset을 사용하지 않는 환경에서도 스타일이 의도한 대로 표시될 수 있도록 수정합니다. 15c658b list-header 에 box-sizing: border-box; 추가 button 으로 렌더링되는 컴포넌트 스타일 수정
- 1.1 이전 버전과 호환 가능하도록 임시적으로 사용할 text-input size=medium variant를 추가합니다. f4e07bb 영향 받는 React 컴포넌트: TextFieldInput, TextFieldTextarea
- text-input의 readonly 스타일을 업데이트합니다. 114dafd 영향 받는 React 컴포넌트: TextFieldInput, TextFieldTextarea
- ScrollFog 컴포넌트를 추가합니다 bc3cd6f

## 1.1.0

### Minor Changes

- Slider 컴포넌트를 추가합니다. a55f584
- Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.
- (BREAKING CHANGE: BottomSheet snippet을 다시 설치해야 합니다.) BottomSheet에 드래그를 통해 닫는 기능을 추가합니다. 33def2d vaul headless 코드 기반으로 seed에 맞게 커스텀하여 구현했습니다. vaul과 동일한 인터페이스를 가지고 있습니다. (snap-points, fade-from-index, etc.) npx @seed-design/cli@latest add ui:bottom-sheet 로 snippet을 최신화하세요.

### Patch Changes

- (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
- AppScreen에 tone 속성을 조절해 그라데이션이 들어간 투명한 배경을 사용할 수 있습니다. b131282 AppBar에 있던 tone 속성을 AppScreen에서도 사용할 수 있도록 이동합니다. AppScreen, AppBar 둘 다 tone 속성을 사용할 수 있도록 합니다.
- (BREAKING CHANGE: PageBanner snippet을 다시 설치해야 합니다.) Page Banner 스니펫을 업데이트합니다. 6af6501 Box를 사용하여 스타일링하던 부분을 PageBanner.Body 로 교체합니다. PageBanner.TextContent 를 PageBanner.Content 로 이름 변경합니다.

## 1.0.7

### Patch Changes

- Article에서 selection 색상에 대한 정의를 제거합니다. e52d6d1
- Tailwind Preflight 사용 시 Page Banner가 디자인 의도와 다르게 표시되는 문제를 수정합니다. 97669bc
- List Item 컴포넌트의 상하 여백을 $dimension.x2_5 에서 $dimension.x3 로 늘립니다. 15ab93a
- Tailwind Preflight 사용 시 Text Field의 Header/Footer와 Callout이 디자인 의도와 다르게 표시되는 문제를 수정합니다. 50366c0

## 1.0.6

### Patch Changes

- Tag Group 컴포넌트를 추가합니다. Tag Group은 아이콘 및 텍스트로 이루어진 태그를 구분 기호와 함께 수평 레이아웃으로 표시하는 컴포넌트입니다. 6aafce0
- AppBar의 스타일을 업데이트합니다. 1902dfa Top Navigation의 title 및 description에 lineHeight 값을 정의합니다. (React AppBar 컴포넌트에 반영됩니다.) &#x3C;Icon /> 컴포넌트를 활용하여 &#x3C;AppBarIconButton /> 내부 아이콘을 커스터마이징할 수 있도록 수정합니다.
- Article 유틸리티 컴포넌트를 추가하고 Text 컴포넌트를 업데이트합니다. f2ddf29 Article 컴포넌트는 일관된 selection 스타일 및 줄바꿈 정책을 사용할 수 있게 돕습니다. Text 컴포넌트에서 textDecorationLine="underline" 및 whiteSpace, userSelect prop을 지원합니다.
- Switch가 checked 상태가 아닐 때 thumb 크기를 줄여 상태를 인지하기 쉽도록 합니다. enabled-disabled 상태 간 트랜지션을 추가합니다. 4c33f07
- Switch와 Switch Mark의 disabled 상태를 더 잘 구별할 수 있도록 스타일을 수정합니다. 3df657f

## 1.0.5

### Patch Changes

- Text Field와 Multiline Text Field가 기본적으로 배경 색을 갖지 않도록 수정합니다. f1cf4cd
- AppScreen에서 스와이프로 pop할 때 AppScreen이 한번 깜빡거리고 닫히는 버그를 수정합니다. 9b91751
- 매너온도 L9 전경 및 배경 색상의 채도를 낮춥니다. 3898183

## 1.0.3

### Patch Changes

- HelpBubble의 스타일을 업데이트하고, 신규 기능을 지원합니다. 0b8a02e arrowTip이 content에서 떨어져 보이던 문제를 수정합니다. title과 description에서 \n 을 줄바꿈으로 렌더링하도록 수정합니다. closeOnInteractOutside 를 false 로 설정하여 Help Bubble 외부와 상호작용 시에도 닫히지 않도록 설정할 수 있습니다. (기본값: true )
- Callout에 tone=positive variant를 추가합니다. 6c6099d

## 1.0.2

### Patch Changes

- MannerTemp 컴포넌트가 레이아웃에서 너비를 덜 차지하도록 업데이트합니다. 6d2e13d

## 1.0.1

### Patch Changes

- MannerTemp 컴포넌트가 레이아웃에서 높이를 덜 차지하도록 업데이트합니다. 1420b68

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Minor Changes

- ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.

### Patch Changes

- ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
- HelpBubble 컴포넌트의 배경색이 다크모드에서 흰색으로 변경됩니다. 4153ca5
- ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.

## 0.2.5

### Patch Changes

- Segmented Control 컴포넌트를 업데이트합니다. 0ca19c0 Notification Badge를 표시하는 notification prop을 추가합니다. SegmentedControlItem 의 children 을 string 에서 ReactNode 로 확대합니다. 스타일을 업데이트합니다.

## 0.2.4

### Patch Changes

- Switch, Checkmark, Radio Mark의 스타일을 업데이트합니다. 8ebe8a5 tone=neutral variant를 추가합니다. Switch의 thumb 크기를 조정합니다. Checkbox와 Radio의 weight variant를 default, stronger에서 regular, bold로 수정합니다.
- 다크 모드에서의 색상 대비 보장을 위해 시맨틱 색상을 수정하고 컴포넌트에서의 색상을 변경합니다. f61b80d $color.bg.warning-solid : theme-dark에서 $color.palette.yellow-600 → $color.palette.yellow-800 $color.bg.warning-solid-pressed : theme-dark에서 $color.palette.yellow-700 → $color.palette.yellow-900 Badge, Page Banner의 tone=warning, variant=solid variant에서 전경 항목 색상 변경: $color.fg.neutral → $color.palette.static-black-alpha-900

## 0.2.3

### Patch Changes

- ChipTabs 컴포넌트 Variant, Size 변경 및 디자인 수정 a22b8b9 variant neutralOutline 추가 variant brandSolid deprecated size( medium(default) | large ) 추가
- text-field의 value slot이 input의 size attribute로 인해 기본적으로 width를 가지는 문제를 해결합니다. 5836976
- List 컴포넌트를 추가하고, Checkbox 및 Radio 컴포넌트를 개선합니다. 12faf5a List 컴포넌트를 제공하여, 정보를 구조화된 목록 형태로 표시할 수 있도록 합니다. Checkbox와 Radio의 컨트롤 영역만을 표시하는 Checkmark와 RadioMark를 제공합니다. Select Box에서 컨트롤 영역을 Checkmark와 RadioMark로 교체합니다. RadioGroup 컴포넌트를 제공합니다.

## 0.2.1

### Patch Changes

- Chip 컴포넌트를 업데이트합니다. 35984d0 아이콘에 트랜지션 효과가 적용되지 않던 현상을 수정합니다. Button, Toggle 등 사용되는 방식에 따라 적절한 data prop을 받도록 수정합니다.

## 0.2.0

### Minor Changes

- 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.15

### Patch Changes

- font-size, line-height 토큰에 static variant를 추가합니다. c51a261 --seed-font-size-t1-static ~ --seed-font-size-t10-static --seed-line-height-t1-static ~ --seed-line-height-t10-static
- CSS 최적화 도구(e.g. cssnano)가 CSS variable로 정의된 longhand declaration을 병합하지 않도록 합니다. (workaround, 관련 issue ) 5f2ee39
- Snackbar 컴포넌트를 업데이트합니다. 8299ba9 root 영역에 maxWidth 스펙을 추가합니다. pauseOnInteraction 의 기본값을 false 에서 true 로 변경합니다.
- 플랫폼별 조건부 폰트 스케일링 제한 (iOS: 135%, Android: 150%) 적용 3de4cec CSS 변수 --seed-{font-size|line-height}-limit-{min|max} 도입 빌드 타임 basePx 계산을 런타임 static 토큰 참조로 대체 global.ts에 폰트 스케일링 변수 통합

## 0.1.14

### Patch Changes

- Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
  ```tsx
  <PageBanner
    tone="informative"
    variant="weak"
    description="사업자 정보를 등록해주세요."
    suffix={
      <PageBannerButton asChild>
        <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
          새 탭에서 열기
        </a>
      </PageBannerButton>
    }
  />
  ```
  시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
- Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

## 0.1.13

### Patch Changes

- Avatar, Avatar Stack 컴포넌트에 size=108 variant를 추가합니다. 0be9b00

## 0.1.12

### Patch Changes

- Help Bubble의 스타일 문제를 수정합니다. 62094b6 placement=left-* / placement=right-* 에서 arrow가 content와 떨어져 표시되는 문제를 수정합니다.

## 0.1.10

### Patch Changes

- Bottom Sheet의 스타일 문제를 수정해요. ef91c21 Close Button에 브라우저 기본 스타일이 표시되는 문제를 수정해요.

## 0.1.9

### Patch Changes

- Switch 컴포넌트를 업데이트합니다. 5a025b7 size: medium → 32, small → 16으로 rename합니다. (React) size="medium" 으로 32 , size="small" 로 16 을 사용할 수 있습니다. (deprecated) size: 24를 추가합니다. 모든 size에 대해 레이블 스타일을 추가합니다. (기존: small에만 존재)
- Chip.Root position: relative 속성 추가 ac35731 이제 Chip.Toggle을 사용해도 예상치 못한 스크롤이 발생하지 않습니다.
- CheckSelectBox , RadioSelectBox 의 label , description 영역을 수정합니다. f9041e9 span 대신 div 를 렌더링합니다. 기본적으로 grow하도록 만들어 Badge 등 추가 요소를 넣기 쉽게 만듭니다.

## 0.1.8

### Patch Changes

- iOS의 더 큰 텍스트 기능에 제한을 둡니다. 609b8f3 iOS는 7단계(XS ~ XXXL)의 텍스트 크기 조절 이외에도, 보다 더 큰 텍스트를 위한 더 큰 텍스트 기능을 제공합니다. iOS 네이티브에서는 더 큰 텍스트 의 UI 레이아웃 대응이 어렵다고 결정하여, XXXL(135%) 이상의 텍스트 크기 조절을 지원하지 않습니다. 웹뷰도 iOS와 동일한 제한을 위한 기능이 추가되었습니다.

## 0.1.7

### Patch Changes

- MultilineTextField의 스타일 문제를 수정합니다. 4afe80b 스크롤바가 요소 끝에 표시되도록 수정합니다.

## 0.1.6

### Patch Changes

- action-button: size=medium, layout=withText variant에서 gap을 1 → 1.5로 수정합니다. 235147d
- highlight-magic-pressed 그라디언트 토큰을 추가합니다. 3c13ad7

## 0.1.5

### Patch Changes

- Menu Sheet 컴포넌트를 추가하는 동시에 Action Sheet과 Extended Action Sheet 컴포넌트를 deprecate합니다. 861ecb4 Menu Sheet React 문서 Menu Sheet는 기존 Extended Action Sheet의 모든 기능을 포함하는 동시에, labelAlign prop으로 MenuSheetItem 를 left 또는 center 로 정렬할 수 있습니다.
- Inline Banner의 스타일 문제를 수정합니다. 3889eb6 title 과 description 이 inline-flex 로 레이아웃되던 문제를 해결합니다. title 과 description 간의 간격을 조정합니다. 닫기 버튼(Dismissible)과 suffix icon , link label 이 상단으로 레이아웃되던 문제를 해결합니다. Callout의 스타일 문제를 수정합니다. title 과 description 간의 간격을 조정합니다. Chip의 스타일 문제를 수정합니다. Chip.Button 의 label 이 의도한 글꼴로 표시되도록 수정합니다.

## 0.1.4

### Patch Changes

- Chip 컴포넌트가 추가되고, ActionChip, ControlChip 컴포넌트가 Deprecated 되었습니다. 0ffcd48 Chip 컴포넌트 Chip 컴포넌트는 버튼과 토글 컴포넌트를 모두 포함하고 있습니다.

## 0.1.3

### Patch Changes

- @seed-design/stackflow 백스와이프 애니메이션 개선 cdc0930 iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 300ms 에서 350ms 로 조정되어 더 부드러운 전환 효과를 제공합니다. 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다. 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.
- 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.
- iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

## 0.1.2

### Patch Changes

- Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.1

### Patch Changes

- stroke.neutral , stroke.neutral-muted , stroke.on-image 의 컬러를 alpha 값으로 변경합니다. e3b782d

## 0.1.0

### Minor Changes

- HelpBubble의 arrow가 상위 요소의 font-size에 영향을 받는 것을 수정합니다 7cc6087
- BottomSheet의 description font-size를 t5로 변경합니다 bdca898

## 0.0.41

### Patch Changes

- Text 컴포넌트에 textDecorationLine 옵션을 추가합니다. 561f74c
- Gradient 컬러를 추가합니다 b43de05

## 0.0.39

### Patch Changes

- 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.38

### Patch Changes

- Action Button에 type="ghost"를 추가합니다. 70fbaaf

## 0.0.35

### Patch Changes

- _active style prop이 값이 없는 경우에 기존 style prop을 제거하는 버그를 수정합니다. 0789dc8

## 0.0.34

### Patch Changes

- _active style prop이 상태가 없는 값보다 우선순위가 낮게 적용되는 문제를 수정합니다. 92801a2

## 0.0.33

### Patch Changes

- Style prop에 _active 를 추가합니다. background 속성만을 지원합니다. fbdb091

## 0.0.31

### Patch Changes

- Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

## 0.0.30

### Patch Changes

- ContextualFloatingButton 과 FloatingActionButton 컴포넌트를 제공합니다. 285cb9b 기존의 Fab 및 ExtendedFab 를 deprecate합니다. Floating 요소들의 위치를 편리하게 제어하도록 Float 유틸리티 컴포넌트를 제공합니다.

## 0.0.29

### Patch Changes

- ActionButton의 min-width variable 기본값을 수정합니다. 116ee2c

## 0.0.28

### Patch Changes

- Callout의 wrapping 동작을 수정합니다. 5337e14

## 0.0.27

### Patch Changes

- InlineBanner의 title 영역에 flex-shrink: 0을 추가해요 9d85c16
- Color 토큰을 업데이트합니다. d951317
- Avatar의 디자인 업데이트를 반영합니다. (stroke 추가) b3f964d

## 0.0.25

### Patch Changes

- Avatar Stack의 디자인을 업데이트합니다. c87ede9

## 0.0.24

### Patch Changes

- ActionSheet의 header가 렌더링되지 않을 때 상단 radius가 누락되는 버그를 수정합니다. 4da536f

## 0.0.23

### Patch Changes

- AppBar의 배경이 상단 safe-area를 덮도록 수정합니다. 63e1541

## 0.0.21

### Patch Changes

- Button, Chip 컴포넌트들의 누락된 line-height를 추가합니다. 5d69d1d Button, Chip 컴포넌트들의 white-space를 nowrap으로 설정합니다.
- 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
- 2개의 컨텐츠를 동일한 비율로 나누어 배치하되, 너무 긴 경우 세로로 접는 &#x3C;ResponsivePair> 컴포넌트를 추가합니다. 7ae87f8
- BottomSheet, Dialog의 배경 색상을 layer-floating으로 변경합니다. f144d28
- 패키지 의존성을 최신화합니다. e368c69

## 0.0.19

### Patch Changes

- feat: 와일드카드 지원하지 않는 곳을 위해 CSS 파일 명시적 export 3c9ec66
- LoadingIndicator를 사용하는 컴포넌트에 position: relative를 추가합니다. b3bb6e7

## 0.0.17

### Patch Changes

- recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

## 0.0.15

### Patch Changes

- vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.
- 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.
- HelpBubble 디자인 스펙 업데이트 (shadow) f4b0723
- HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

## 0.0.14

### Patch Changes

- HelpBubble 디자인 스펙 업데이트 (shadow) 92c0b80
- HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

## 0.0.13

### Patch Changes

- Avatar의 Badge 스펙을 최신화합니다. 7fca755

## 0.0.12

### Patch Changes

- 유틸리티 컴포넌트에 사용되는 ScopedColorFg, ScopedColorBg, ScopedColorPalette, ScopedColorStroke 타입을 제공합니다. 6426379
- close button의 위치가 의도와 다르게 설정된 것을 수정합니다. ee41f37

## 0.0.11

### Patch Changes

- Dialog 및 Sheet 컴포넌트 레이아웃 스펙 업데이트 e70f340
- $dimension.spacing-y.screen-bottom 토큰을 추가합니다. 72f344f $dimension.spacing-y.between-text 토큰을 추가합니다.

## 0.0.10

### Patch Changes

- Avatar size=42를 추가합니다. e4b704c

## 0.0.9

### Patch Changes

- MannerTemp 컴포넌트를 추가합니다. 63f8651
- feat: 다크모드에서의 gray200, gray300 색상, 라이트모드 carrot700 색상을 변경해요 d9b01a9 (light) carrot700: #e84500 -> #e04f00 (dark) gray300: #2c2f35 -> #2b2e35 (dark) gray200: #1b1c22 -> #22252b

## 0.0.8

### Patch Changes

- Notification Badge를 추가합니다. 1424700 Tabs의 Notification 슬롯을 Notification Badge로 변경합니다.
- change help-bubble paddingY, lineHeight 0efeea1

## 0.0.7

### Patch Changes

- remove text maxLines none display unset 8aca3de

## 0.0.6

### Patch Changes

- Skeleton의 width, height가 동작하지 않는 버그를 수정합니다. bf198e8
- visuallyHidden을 recipe에서 제거합니다. 3d66c5b
- callout, inline banner 디자인 스펙 수정 a8d5242
- fix: add --seed-safe-area-top in app-bar ccf3989

## 0.0.5

### Patch Changes

- single-slot recipe를 위한 간소화된 인터페이스를 추가합니다. e3234e7
- add textStyles (t6, t7 regular, medium) 5502bed

## 0.0.4

### Patch Changes

- Badge 디자인 업데이트 6df5d19 neutral tone 색상 변경 pill shape 삭제
- recipe 스타일시트의 exports map을 수정합니다. 5cb50e7

## 0.0.3

### Patch Changes

- Fixes an issue where the theming script was injecting the wrong color mode data-attr. a33af94
- Inject data-seed in theming script instead of plugin b180822

## 0.0.2

### Patch Changes

- theming script의 color mode data attribute 수정 d04e344

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.4

### Patch Changes

- feat: change theming data attribute names 93cfc30 theming에 사용되는 data attribute 이름을 변경합니다. 유저가 선호하는 color scheme과 사전에 지정된 color mode를 구분하기 쉽도록 이름을 부여합니다. 파편화된 platform 관련 네이밍을 통일합니다. 테마 관련 data attribute가 지정되지 않은 경우 light theme로 fallback하는 동작을 추가합니다.

## 0.0.1-rc.3

### Patch Changes

- fix: externalize subpath imports from @seed-design/css cc4b2c5 refactor: streamline package configurations refactor(qvism): generate recipe-shared module from cli

## 0.0.1-rc.1

### Patch Changes

- change package.json exports map 14c9983

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

---

## @seed-design/design-token

## 1.0.5

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.4

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

## 1.0.3

### Patch Changes

- fix missing export lineHeight 5751b08

## 1.0.2

### Patch Changes

- add types field in exports map cd0f24e

## 1.0.1

### Patch Changes

- fix missing letterSpacing scale export 420299b

## 1.0.0

### Major Changes

- 1.0.0 Release Karrot UI → Seed Design 주요 변경 사항 프로젝트/디자인 시스템 명이 Seed Design 으로 리브랜딩 됩니다. 패키지 명이 @seed-design/* 으로 변경됩니다. @karrot-ui/* packages are deprecated. color-scheme: light dark 지원이 기본값이 됩니다. 디자인 토큰이 KDT 의미론을 따릅니다.

---

## @seed-design/docs-mcp

## 0.7.0

### Minor Changes

- MCP TypeScript SDK를 v1( @modelcontextprotocol/sdk )에서 v2( @modelcontextprotocol/server )로 마이그레이션합니다. 56f57da 두 패키지를 MCP 서버로만 사용하는 경우( bunx @seed-design/mcp , npx @seed-design/docs-mcp 등) 달라지는 것은 없습니다. 패키지를 직접 import해서 커스텀 MCP 서버에 통합하는 경우 아래 영향이 있습니다. registerTools ( @seed-design/mcp )와 initializeTools , server ( @seed-design/docs-mcp )가 다루는 McpServer 의 출처가 @modelcontextprotocol/sdk 에서 @modelcontextprotocol/server 로 변경됩니다. v1으로 만든 McpServer 는 더 이상 넘길 수 없으므로, 함께 v2로 옮겨야 합니다. @modelcontextprotocol/server 를 직접 설치해야 합니다. 마이그레이션은 공식 가이드 의 codemod로 대부분 자동 처리됩니다.

## 0.6.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 0.5.4

### Patch Changes

- 아이콘 정보를 최신으로 업데이트합니다. 78a01b2

## 0.5.3

### Patch Changes

- @seed-design/docs-mcp가 MCP SDK의 신규 API를 사용하도록 업데이트합니다. c5012d1

## 0.5.2

### Patch Changes

- 아이콘 데이터 및 Figma Codegen 컴포넌트 핸들러를 최신 버전으로 업데이트합니다. 41cd943

## 0.5.1

### Patch Changes

- 아이콘 정보를 업데이트합니다. e92892a

## 0.5.0

### Minor Changes

- Tool의 개수를 유지보수 가능한 형태로 줄였습니다 c300110

## 0.4.0

### Minor Changes

- 아이콘 라이브러리 관련 새로운 도구 3개를 추가합니다. (아이콘 목록 조회, 검색, 상세 정보 조회) 0315e98

## 0.3.0

### Minor Changes

- get_rootage tool 추가 (design token 및 component spec 조회) 63b65db React 문서 조회 기능 개선 및 fetch 함수 통합

## 0.2.0

### Minor Changes

- list_foundation , get_foundation , list_docs_components , get_docs_component tools 추가 f385599

## 0.1.0

### Minor Changes

- @seed-design/docs-mcp 패키지 추가 8661d79 Tools: get_react_component get_breeze_component get_react_changelog list_react_components list_breeze_components get_react_changelog

---

## @seed-design/dom-utils

## 2.1.0

### Minor Changes

- 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
  ```tsx
  <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
    <SelectTrigger placeholder="과일을 선택하세요" />
    <SelectContent>
      <SelectGroup>
        <SelectItem value="apple" label="사과" />
        <SelectItem value="banana" label="바나나" />
      </SelectGroup>
    </SelectContent>
  </SelectRoot>
  ```

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Changes

- 이 패키지의 코드 변경은 없으며, SEED React 2 릴리즈에 맞춰 앞으로의 semver 정합성을 위해 버전을 올립니다.

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

## 0.0.0-alpha-20241030023710

### Patch Changes

- alpha

## 0.0.0-alpha-20241004093556

### Patch Changes

- prerelease

---

## @seed-design/figma

## 2.1.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Changes

- 이 패키지의 코드 변경은 없으며, SEED React 2 릴리즈에 맞춰 앞으로의 semver 정합성을 위해 버전을 올립니다.

## 1.3.18

### Updated Dependencies

- **@seed-design/css@1.2.16**
  - [Patch Changes] deprecated 항목의 제거 예정 버전 안내를 1.3.0에서 2.0.0으로 변경합니다. 234e8c7 ImageFrame 의 rounded 옵션, Switch / Checkbox / ChipTabs 의 deprecated 옵션, 유틸리티 스타일 prop( display , flexDirection , justifyContent , alignItems )의 deprecated 값의 제거 예정 버전을 2.0.0으로 안내합니다. $color.bg.layer-fill , $gradient.fade-layer-floating , $gradient.fade-layer-default 토큰의 제거 예정 버전을 2.0.0으로 안내합니다. 2.0.0부터 deprecated 항목 제거를 포함한 breaking change는 메이저 릴리스에서만 수행됩니다.

## 1.3.17

### Updated Dependencies

- **@seed-design/css@1.2.15**
  - [Patch Changes] AlertDialog , MenuSheet 등 Dialog 기반 컴포넌트가 열릴 때 첫 항목 대신 컨테이너에 포커스가 가도록 수정합니다. 26b1de5 URL로 직접 진입해 열었을 때 첫 항목에 포커스 링이 노출되던 문제를 수정합니다. 스크린리더가 다이얼로그의 제목과 설명을 먼저 읽도록 초기 포커스를 컨테이너로 옮깁니다.

## 1.3.16

### Updated Dependencies

- **@seed-design/css@1.2.14**
  - [Patch Changes] Menu Sheet의 디자인 스펙에서 핸들 여백 확보를 위해 content 상단 패딩을 x4 → x6 으로 늘리고 header.paddingTop 을 제거합니다 (핸들 여백 확보). React/CSS MenuSheet 의 경우 핸들이 존재하지 않으므로 변경사항이 없습니다. 8dc8f4f
  - [Patch Changes] HelpBubble이 좁은 화면에서 화면 밖으로 잘리던 문제를 수정합니다. (Popover의 floating 요소 너비를 viewport에 맞게 동적으로 제한하고, 긴 텍스트가 Help Bubble 밖으로 넘치지 않도록 긴 단어 중간 줄바꿈을 허용합니다.) e48f021

## 1.3.15

### Updated Dependencies

- **@seed-design/css@1.2.13**
  - [Patch Changes] AppBar 하단에 구분선을 표시하는 divider 옵션을 deprecated 처리합니다. SEED React 1.3에서 제거될 예정이며, 제거 이후에는 AppBar 하단 구분선이 표시되지 않습니다. 9cacf29

## 1.3.14

### Patch Changes

- Figma 코드젠 컴포넌트 핸들러 및 아이콘 데이터를 업데이트합니다. 546f1fc

### Updated Dependencies

- **@seed-design/css@1.2.12**
  - [Patch Changes] Chip layout=withText variant에 size 별 최소 너비를 추가합니다. d8860f4
  - [Patch Changes] 신규 pressed 상태 스타일링을 위한 $duration.pressed-scale 및 $timing-function.pressed-scale 토큰을 추가합니다. (컴포넌트 변경사항 없음) 7588e59

## 1.3.13

### Patch Changes

- Figma 엔티티 및 Codegen을 업데이트합니다. 87f6f45

### Updated Dependencies

- **@seed-design/css@1.2.11**
  - [Patch Changes] AppScreen 전환 애니메이션의 성능을 개선하고 스와이프 백 관련 버그를 수정합니다. be7022a 스와이프 중 CSS variable cascade로 인한 스타일 재계산 병목을 제거하고, 개별 요소에 직접 inline style을 적용하는 방식으로 변경합니다. 스와이프 종료 시 발생하던 플리커(CSS 핸드오프 gap)를 WAAPI(Web Animations API)로 대체하여 해결합니다. 스와이프 complete 후 CSS [pop] animation이 재트리거되는 이중 애니메이션 문제를 해결합니다. 제스처 중 useState 기반 상태 관리를 useRef 로 변경하여 불필요한 React 리렌더를 제거합니다. slideFromRightIOS , fadeFromBottomAndroid , fadeIn 세 가지 transition style 모두 지원합니다. 프로덕션에서 무거운 activity를 push/pop 할 때 애니메이션이 경로 중간부터 시작되던 jank를 수정합니다. ( requestAnimationFrame 대기 구간 제거) Animation.finished 를 지원하지 않는 구형 WebView(Chrome &#x3C; 84)에서 push → pop 시 화면이 비어버리던 문제를 onfinish / oncancel 기반 폴백과 setTimeout race 안전망으로 해결합니다. AppBar 배경을 pseudo-element에서 일반 DOM slot으로 옮겨, pseudoElement WAAPI 옵션을 지원하지 않는 브라우저(Chrome &#x3C; 82)에서도 swipe back 중 AppBar 전환이 정상 동작하도록 합니다.

## 1.3.12

### Updated Dependencies

- **@seed-design/css@1.2.10**
  - [Patch Changes] AppBar 내부 title/subtitle 영역이 폰트 스케일링이 대응된 iOS 환경에서 최대 120%까지 폰트 스케일링을 하도록 변경합니다. (기존 동작: 폰트 스케일링이 대응된 환경에서도 폰트 스케일링 설정의 영향을 받지 않음) 46bdf17
  - [Patch Changes] NotificationBadge의 size=large variant가 최소 너비를 갖도록 하고, size=large에서 표시되는 레이블이 폰트 스케일링의 영향을 받지 않도록 수정합니다. 79c7aa3

## 1.3.11

### Patch Changes

- 아이콘 데이터 및 Figma Codegen 컴포넌트 핸들러를 최신 버전으로 업데이트합니다. 41cd943

### Updated Dependencies

- **@seed-design/css@1.2.9**
  - [Patch Changes] ContentPlaceholder asset의 최대 너비를 64px에서 160px로 변경합니다. 5bf2e8a

## 1.3.10

### Updated Dependencies

- **@seed-design/css@1.2.8**
  - [Patch Changes] ImageFrame에서 이미지 로드 실패 시 깨진 img 요소가 fallback 위에 노출되는 문제를 수정합니다. c02bfba
  - [Patch Changes] 삼성 Galaxy 기기에서 :hover 스타일이 요소에서 손을 뗀 이후에도 남아있는 문제를 수정합니다. f391668

## 1.3.9

### Patch Changes

- Figma Codegen 및 MCP에서 Slot 레이어 을 지원하도록 업데이트합니다. 72dfd8f

### Updated Dependencies

- **@seed-design/css@1.2.7**
  - [Patch Changes] AppBarSlot 컴포넌트를 추가합니다. AppBar 내에 AppBarLeft , AppBarMain , AppBarRight 에 대응되지 않는 커스텀 요소를 배치하는 경우, 다른 요소와 동일한 화면 전환 트랜지션을 적용하기 위해 사용할 수 있습니다. 846036b
  - [Patch Changes] Avatar 및 Avatar Stack의 size=56 variant를 추가합니다. e78d460

## 1.3.8

### Patch Changes

- Figma 레이어 normalizer 과정에서, 일부 텍스트 레이어에서 fontFamily 관련 크래시가 발생할 수 있는 문제를 수정합니다. 7cbe9f3

## 1.3.7

### Patch Changes

- 신규 컴포넌트 ContentPlaceholder 에 대한 Figma Codegen을 지원합니다. ImageFrame codegen 시 fallback 값으로 ContentPlaceholder 코드를 생성합니다. 534eb1c

### Updated Dependencies

- **@seed-design/css@1.2.6**
  - [Patch Changes] (사용자 변경사항 없음) Rootage text-input 에 type=singleLine variant 정의를 추가합니다. 4f56e76
  - [Patch Changes] HelpBubble에서 닫기 버튼이 있을 때 title이 한 줄인 경우 아래쪽 여백이 과도하게 보이던 문제를 수정했습니다. 32938de
  - [Patch Changes] Content Placeholder 컴포넌트를 추가합니다. 67a7780
  - [Patch Changes] 사용되지 않는 tag-group-tag.css 파일을 코드베이스에서 제거합니다. ( TagGroupItem 에서는 tag-group-item.css 사용) 3273312
  - [Patch Changes] ImageFrame 컴포넌트 개선 9d9b891 fallback prop이 이미지 로딩 실패 시 대체 콘텐츠를 올바르게 표시하도록 개선합니다. Reaction Button이 iOS에서 렌더링되지 않는 문제를 수정합니다. Reaction Button uncontrolled 상태에서 클릭 시 상태가 변경되지 않는 문제를 수정합니다.

## 1.3.6

### Updated Dependencies

- **@seed-design/css@1.2.5**
  - [Patch Changes] Box의 배경 색상을 class 기반으로 지정하는 경우 :active 스타일 선언이 배경 색상을 덮어쓰는 문제를 수정합니다. c9fb0c5

## 1.3.5

### Patch Changes

- Figma Codegen 관련 개선사항을 적용합니다. d6df976 TabsTrigger, ChipTabsTrigger Codegen 시 label 값이 누락되던 문제를 수정합니다. MenuSheet Codegen 시 컴포넌트 이름이 MenuSheet 로 잘못 생성되던 문제를 MenuSheetRoot 로 수정합니다. BottomSheet Codegen 시 정적 컴포넌트 키 대신 props에서 동적으로 키를 참조하도록 수정하여 인스턴스 매칭 오류를 해결합니다. 지원되지 않는 종류의 레이어를 발견하는 경우 어떤 종류인지 결과에 명시합니다.

### Updated Dependencies

- **@seed-design/css@1.2.4**
  - [Patch Changes] Android 환경에서 테마 고정이 적용되지 않을 수 있는 문제를 수정합니다. ( [data-seed-color-mode="*-only"] 로 테마를 고정하는 경우, color-scheme: only *; 사용 가능한 환경에서는 only 키워드를 사용하도록 수정합니다.) cd9a46c
  - [Patch Changes] rootage에 pressed 상태로 정의된 스타일을 디바이스 환경에 따라 다르게 적용합니다. 마우스 환경에서는 hover 시, 터치 환경에서는 active 시 표시됩니다. 23e369d
  - [Patch Changes] List Item의 title fontWeight를 $font-weight.medium 에서 $font-weight.regular 로 변경합니다. 103830e
  - [Patch Changes] IdentityPlaceholder의 스타일과 글리프를 업데이트하고, identity="business" variant를 추가합니다. 77cdc0e
  - [Patch Changes] Cascade Layer를 선택적으로 사용할 수 있도록 지원합니다. seed-base 및 seed-components 레이어로 감싼 상태의 SEED CSS를 사용할 수 있습니다. ( 문서 ) 7d6c910
  - [Patch Changes] 컴포넌트에 키보드 상호작용이 가능한 요소가 있는 경우 적절한 포커스 스타일을 갖도록 수정합니다. 751e952

## 1.3.4

### Patch Changes

- Figma Codegen 관련 개선 사항을 적용합니다. 934a877 Image Frame 컴포넌트의 React Codegen을 지원합니다. OS 상단바 등 불필요한 UI 요소를 codegen 대상에서 제외합니다. 너비가 Fill로 설정된 Action Button이 flexGrow 를 갖도록 개선합니다.

### Updated Dependencies

- **@seed-design/css@1.2.3**
  - [Patch Changes] BottomSheet의 title padding을 수정합니다. eb390cf left 헤더 정렬 시 오른쪽 padding을 50px -> 56px 로 수정합니다. center 헤더 정렬 시 양쪽 padding을 60px -> 56px 로 수정합니다.
  - [Patch Changes] Slider의 Value Indicator 가시성 및 트랜지션을 개선합니다. 7c3bbe7
  - [Patch Changes] AppBar의 bg 또는 background 프로퍼티로 배경 색상을 조절할 수 있는 옵션을 추가합니다. ( tone="layer" 인 경우 적용) 6db2515
  - [Patch Changes] Segmented Control pressed, selected-pressed 상태에서 stroke border 가 나타나도록 합니다. 12789e6
  - [Patch Changes] AspectRatio 스타일시트의 position: relative 와 overflow: hidden 선언을 React 레이어로 이동하여 CSS specificity 문제를 수정합니다. 6fb6dc2

## 1.3.3

### Updated Dependencies

- **@seed-design/css@1.2.2**
  - [Patch Changes] ImageFrame 내부 요소에 width, height 100%를 추가합니다 15010c3
  - [Patch Changes] ImageFrame rounded 옵션을 제거하고, borderRadius를 받을 수 있게 변경합니다 a3e6859
  - [Patch Changes] BottomSheet title 영역에서 닫기 버튼 간격에 따라 조정된 padding 기준으로 정리하고, word-break 추가 및 description 영역 너비를 정리했습니다. 4287600

## 1.3.2

### Patch Changes

- Figma 엔티티를 업데이트합니다. 모든 구성 요소에 대해 generated 데이터를 사용하여 안정성을 개선합니다. 934bea0

## 1.2.1

### Patch Changes

- Figma 엔티티를 최신 버전으로 업데이트합니다. 15d9587

### Updated Dependencies

- **@seed-design/css@1.2.1**
  - [Patch Changes] ImageFrameReactionButton에 fillIcon, lineIcon spec을 추가합니다 9446f2c
  - [Patch Changes] ImageFrameReactionButton의 SVG 사이즈와 Rootage 정의를 수정합니다. 8ad9484
  - [Patch Changes] BottomSheet showCloseButton variant 변경 및 animation 버그 수정 9cbeba0 showCloseButton variant 변경: CloseButton 미사용 시 header padding 조정 가능 hasEntered 상태 추가: modal prop 변경 시 enter animation 재실행 방지

## 1.2.0

### Minor Changes

- SwitchMark 를 Switchmark 로, RadioMark 를 Radiomark 로 Snippet 컴포넌트 이름을 변경합니다. a58022d 1.1 → 1.2 업그레이드 시 변경 권장 : snippet을 다시 내려받고, SwitchMark , RadioMark 를 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:switch ui:radio-group snippet에 SwitchMark , RadioMark 정의가 존재하지만, 1.3 릴리즈 시 snippet에서 해당 맵핑이 제거될 예정이므로 미리 변경해두시길 권장드립니다.
  ```tsx
  // 전
  import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
  import { SwitchMark } from "seed-design/ui/switch";
  import { RadioMark } from "seed-design/ui/radio-group";

  <ListSwitchItem
    title="리스트 아이템 스위치"
    detail="설명 텍스트"
    suffix={<SwitchMark tone="neutral" />}
  />;

  <ListRadioItem
    prefix={<RadioMark tone="neutral" size="large" />}
    value="option"
    title="옵션"
  />;
  ```
  ```tsx
  // 후
  import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
  import { Switchmark } from "seed-design/ui/switch";
  import { Radiomark } from "seed-design/ui/radio-group";

  <ListSwitchItem
    title="리스트 아이템 스위치"
    detail="설명 텍스트"
    suffix={<Switchmark tone="neutral" />}
  />;

  <ListRadioItem
    prefix={<Radiomark tone="neutral" size="large" />}
    value="option"
    title="옵션"
  />;
  ```
- Tag Group 관련 컴포넌트를 업데이트합니다. a0e40ca TagGroupItem 레이블 내부에서 줄바꿈이 발생할 수 있도록 수정합니다. (기존: TagGroupItem 또는 separator 전후에서 줄바꿈 발생) 한 줄 레이아웃 및 우선순위 옵션을 추가합니다. TagGroupRoot 에 truncate prop을 사용하여 한 줄로 유지하고 말줄임 처리를 할 수 있습니다. (기본값: false ) TagGroupItem 에 flexShrink prop을 사용하여 말줄임 우선순위를 조정할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : TagGroupItem 내부 레이블을 TagGroupItemLabel 로 감싸거나, 신규로 제공되는 Snippet에서 제공하는 API로 교체해주세요. npx @seed-design/cli@latest add ui:tag-group 명령어로 Snippet을 추가할 수 있습니다.
  ```tsx
  // 전
  import { TagGroupRoot, TagGroupItem } from "@seed-design/react";

  {
    /* TagGroup.Root, TagGroup.Item처럼 namespace import하는 코드가 있을 수 있습니다. */
  }
  <TagGroupRoot>
    <TagGroupItem>
      <PrefixIcon svg={<IconLocationpinFill />} />
      서초4동
    </TagGroupItem>
    <TagGroupItem>
      광고
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </TagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
  ```tsx
  // 후 (Compound Component 유지)

  import {
    TagGroupRoot,
    TagGroupItem,
    TagGroupItemLabel,
  } from "@seed-design/react";

  <TagGroupRoot>
    <TagGroupItem>
      <PrefixIcon svg={<IconLocationpinFill />} />
      {/* TagGroupItemLabel 사용 */}
      <TagGroupItemLabel>서초4동</TagGroupItemLabel>
    </TagGroupItem>
    <TagGroupItem>
      {/* TagGroupItemLabel 사용 */}
      <TagGroupItemLabel>광고</TagGroupItemLabel>
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </TagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
  ```tsx
  // 후 (snippet API로 교체)
  // snippet 없는 경우, `npx @seed-design/cli@latest add ui:tag-group`

  import { TagGroupRoot, TagGroupItem } from "seed-design/ui/tag-group";
  import {
    TagGroupRoot as SeedTagGroupRoot,
    TagGroupItem as SeedTagGroupItem,
    TagGroupItemLabel as SeedTagGroupItemLabel,
  } from "@seed-design/react";

  <TagGroupRoot>
    <TagGroupItem label="서초4동" prefixIcon={<IconLocationpinFill />} />
    <SeedTagGroupItem>
      <SeedTagGroupItemLabel>광고</SeedTagGroupItemLabel>
      {/* 아이콘 커스터마이징이 필요한 경우 snippet 대신 Compound Component를 사용합니다. */}
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </SeedTagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
- Menu Sheet 관련 컴포넌트를 업데이트합니다. 358a1e4 MenuSheetContent 에 설명을 추가할 수 있는 description prop이 추가되었습니다. MenuSheetItem 에 설명을 추가할 수 있는 description prop이 추가되었습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : snippet을 다시 내려받고, MenuSheetItem 을 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:menu-sheet children 대신 label prop을 사용합니다. description , prefixIcon prop이 추가되었습니다.
  ```tsx
  // 전
  <MenuSheetItem>
    <PrefixIcon svg={<IconHouseLine />} />
    메뉴 항목
  </MenuSheetItem>

  // 후
  <MenuSheetItem
    prefixIcon={<IconHouseLine />}
    label="메뉴 항목"
    description="이제 설명도 추가할 수 있어요"
  />
  ```

### Updated Dependencies

- **@seed-design/css@1.2.0**
  - [Minor Changes] Help Bubble 관련 컴포넌트를 업데이트합니다. 0ecb893 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : HelpBubbleTrigger 및 HelpBubbleAnchor 의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:help-bubble 인터페이스 변경사항이 없으므로 HelpBubbleAnchor 와 HelpBubbleTrigger 를 사용하는 기존 코드를 변경할 필요가 없습니다. HelpBubble.Body 를 사용하여 HelpBubble.Title 과 HelpBubble.Description 을 감싸도록 변경되었습니다. zIndexOffset 을 활용하여 HelpBubble.Positioner 의 z-index를 조정할 수 있습니다. ( 예시 )
  - [Minor Changes] Checkbox 관련 컴포넌트를 추가합니다. 98dbac4 CheckboxGroup snippet 컴포넌트가 추가되었습니다. 사용하려면 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:checkbox CheckboxGroup 은 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 Checkbox 를 묶지 않아도 됩니다. 기존 Checkbox 를 CheckboxGroup 으로 감쌀 필요는 없습니다. CheckboxGroup 은 선택적으로 사용할 수 있습니다. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. Radio Group 관련 컴포넌트를 업데이트합니다. 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : RadioGroup snippet의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:radio-group RadioGroup 이 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 RadioGroupItem 을 묶는 코드를 제거합니다. 1.1 → 1.2 업그레이드 시 변경 필요 : RadioGroupItem 을 묶어서 사용하던 VStack 을 제거하여 RadioGroupItem 이 RadioGroup 의 direct child가 되도록 변경하세요. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. @seed-design/react 의 RadioGroup.Root 를 레이아웃 컴포넌트로 변경합니다. @seed-design/react 에서 직접 import해서 사용하는 코드가 있다면 RadioGroup.Root 를 @seed-design/react/primitive 의 RadioGroup.Root 로 변경해주세요.
    ```tsx
    // 전
    import { VStack } from "@seed-design/react";
    import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

    <RadioGroup defaultValue="apple" aria-label="Fruit selection">
      <VStack>
        <RadioGroupItem value="apple" label="Apple" />
        <RadioGroupItem value="banana" label="Banana" />
      </VStack>
    </RadioGroup>;
    ```
    ```tsx
    // 후
    import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

    {
      /* aria-label 대신 label을 사용하여 시각적으로 레이블을 표시할 수도 있습니다. */
    }
    <RadioGroup defaultValue="apple" aria-label="Fruit selection">
      <RadioGroupItem value="apple" label="Apple" />
      <RadioGroupItem value="banana" label="Banana" />
    </RadioGroup>;
    ```
    ```tsx
    // 전
    import { RadioGroup } from "@seed-design/react";
    import { ListRadioItem } from "seed-design/ui/list";

    <RadioGroup.Root
      value={value}
      onValueChange={onValueChange}
      aria-label="옵션 선택"
    >
      <ListRadioItem
        value="option1"
        title="옵션 1"
        detail="첫 번째 선택지"
        suffix={<Radiomark tone="neutral" size="large" />}
      />
    </RadioGroup.Root>;
    ```
    ```tsx
    // 후
    import { RadioGroup } from "@seed-design/react/primitive";
    import { ListRadioItem } from "seed-design/ui/list";

    <RadioGroup.Root
      value={value}
      onValueChange={onValueChange}
      aria-label="옵션 선택"
    >
      <ListRadioItem
        value="option1"
        title="옵션 1"
        detail="첫 번째 선택지"
        suffix={<Radiomark tone="neutral" size="large" />}
      />
    </RadioGroup.Root>;
    ```
    RadioGroupItem, RadioChipItem, RadioSelectBoxItem, ListRadioItem에서 invalid prop이 제거되었습니다. 1.1 → 1.2 업그레이드 시 확인 필요 : invalid 상태는 group/field 레벨에서 설정해주세요. 각 항목을 data-invalid 속성으로 스타일링하는 경우 확인이 필요합니다.
  - [Minor Changes] SwitchMark 를 Switchmark 로, RadioMark 를 Radiomark 로 Snippet 컴포넌트 이름을 변경합니다. a58022d 1.1 → 1.2 업그레이드 시 변경 권장 : snippet을 다시 내려받고, SwitchMark , RadioMark 를 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:switch ui:radio-group snippet에 SwitchMark , RadioMark 정의가 존재하지만, 1.3 릴리즈 시 snippet에서 해당 맵핑이 제거될 예정이므로 미리 변경해두시길 권장드립니다.
    ```tsx
    // 전
    import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
    import { SwitchMark } from "seed-design/ui/switch";
    import { RadioMark } from "seed-design/ui/radio-group";

    <ListSwitchItem
      title="리스트 아이템 스위치"
      detail="설명 텍스트"
      suffix={<SwitchMark tone="neutral" />}
    />;

    <ListRadioItem
      prefix={<RadioMark tone="neutral" size="large" />}
      value="option"
      title="옵션"
    />;
    ```
    ```tsx
    // 후
    import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
    import { Switchmark } from "seed-design/ui/switch";
    import { Radiomark } from "seed-design/ui/radio-group";

    <ListSwitchItem
      title="리스트 아이템 스위치"
      detail="설명 텍스트"
      suffix={<Switchmark tone="neutral" />}
    />;

    <ListRadioItem
      prefix={<Radiomark tone="neutral" size="large" />}
      value="option"
      title="옵션"
    />;
    ```
  - [Minor Changes] Select Box 관련 컴포넌트를 업데이트합니다. 2643d17 1.1 → 1.2 업그레이드 시 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:select-box CheckSelectBoxGroup , RadioSelectBoxRoot 의 children이 기본적으로 gap이 포함된 그리드 레이아웃으로 정렬됩니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 을 묶어서 사용하던 VStack 을 제거하여 CheckSelectBox 와 RadioSelectBoxItem 이 CheckSelectBoxGroup 또는 RadioSelectBoxRoot 의 direct child가 되도록 변경하세요. VStack 에 gap 이외의 스타일이 적용된 경우 &#x3C;VStack paddingX="x4">&#x3C;CheckSelectBoxGroup>...&#x3C;/CheckSelectBoxGroup>&#x3C;/VStack> 와 같이 VStack 을 외부에 남겨두세요. 기능 추가 : CheckSelectBoxGroup 와 RadioSelectBoxRoot 에 columns 를 지정할 수 있습니다. columns 가 2 이상인 경우 하위 항목에 기본적으로 layout="vertical" 이 적용됩니다. 기본 layout 은 하위 항목에서 오버라이드할 수 있습니다. 기능 추가 : CheckSelectBoxGroup 과 RadioSelectBoxRoot 에 label , description , errorMessage , indicator 등 Fieldset 관련 prop을 사용할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 에 기본적으로 표시되던 Checkmark 와 RadioMark 가 이제 표시되지 않습니다. suffix prop을 통해 선택적으로 추가할 수 있습니다. 단순 마이그레이션 시 suffix={&#x3C;CheckSelectBoxCheckmark />} 와 suffix={&#x3C;RadioSelectBoxRadiomark />} 를 추가하세요. 기능 추가 : prefixIcon , footer , footerVisibility prop 추가 footer 에 넣는 요소는 기본적으로 해당 CheckSelectBox 또는 RadioSelectBoxItem 가 선택된 상태일 때 표시됩니다. footerVisibility="always" 를 설정하여 footer 요소를 항상 표시할 수 있습니다. label 이 기본적으로 가로 나열되며 $dimension.x2 gap을 갖는 flex container로 변경되었습니다. 1.1 → 1.2 업그레이드 시 확인 권장 : label={&#x3C;HStack gap="x2">{/* ... */}&#x3C;/HStack>} 와 같은 코드는 HStack 을 Fragment 등으로 대체할 수 있습니다. 문제 수정 : CheckSelectBox 와 RadioSelectBoxItem 에서 사용되지 않는 children 을 타입 정의에서 제거합니다. CheckSelectBoxGroup 에 label , aria-label , aria-labelledby 중 아무것도 설정하지 않은 경우 경고를 표시합니다. ( RadioSelectBoxRoot 는 기존에도 표시)
  - [Minor Changes] Tag Group 관련 컴포넌트를 업데이트합니다. a0e40ca TagGroupItem 레이블 내부에서 줄바꿈이 발생할 수 있도록 수정합니다. (기존: TagGroupItem 또는 separator 전후에서 줄바꿈 발생) 한 줄 레이아웃 및 우선순위 옵션을 추가합니다. TagGroupRoot 에 truncate prop을 사용하여 한 줄로 유지하고 말줄임 처리를 할 수 있습니다. (기본값: false ) TagGroupItem 에 flexShrink prop을 사용하여 말줄임 우선순위를 조정할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : TagGroupItem 내부 레이블을 TagGroupItemLabel 로 감싸거나, 신규로 제공되는 Snippet에서 제공하는 API로 교체해주세요. npx @seed-design/cli@latest add ui:tag-group 명령어로 Snippet을 추가할 수 있습니다.
    ```tsx
    // 전
    import { TagGroupRoot, TagGroupItem } from "@seed-design/react";

    {
      /* TagGroup.Root, TagGroup.Item처럼 namespace import하는 코드가 있을 수 있습니다. */
    }
    <TagGroupRoot>
      <TagGroupItem>
        <PrefixIcon svg={<IconLocationpinFill />} />
        서초4동
      </TagGroupItem>
      <TagGroupItem>
        광고
        <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
      </TagGroupItem>
      {/* ... */}
    </TagGroupRoot>;
    ```
    ```tsx
    // 후 (Compound Component 유지)

    import {
      TagGroupRoot,
      TagGroupItem,
      TagGroupItemLabel,
    } from "@seed-design/react";

    <TagGroupRoot>
      <TagGroupItem>
        <PrefixIcon svg={<IconLocationpinFill />} />
        {/* TagGroupItemLabel 사용 */}
        <TagGroupItemLabel>서초4동</TagGroupItemLabel>
      </TagGroupItem>
      <TagGroupItem>
        {/* TagGroupItemLabel 사용 */}
        <TagGroupItemLabel>광고</TagGroupItemLabel>
        <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
      </TagGroupItem>
      {/* ... */}
    </TagGroupRoot>;
    ```
    ```tsx
    // 후 (snippet API로 교체)
    // snippet 없는 경우, `npx @seed-design/cli@latest add ui:tag-group`

    import { TagGroupRoot, TagGroupItem } from "seed-design/ui/tag-group";
    import {
      TagGroupRoot as SeedTagGroupRoot,
      TagGroupItem as SeedTagGroupItem,
      TagGroupItemLabel as SeedTagGroupItemLabel,
    } from "@seed-design/react";

    <TagGroupRoot>
      <TagGroupItem label="서초4동" prefixIcon={<IconLocationpinFill />} />
      <SeedTagGroupItem>
        <SeedTagGroupItemLabel>광고</SeedTagGroupItemLabel>
        {/* 아이콘 커스터마이징이 필요한 경우 snippet 대신 Compound Component를 사용합니다. */}
        <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
      </SeedTagGroupItem>
      {/* ... */}
    </TagGroupRoot>;
    ```
  - [Minor Changes] Menu Sheet 관련 컴포넌트를 업데이트합니다. 358a1e4 MenuSheetContent 에 설명을 추가할 수 있는 description prop이 추가되었습니다. MenuSheetItem 에 설명을 추가할 수 있는 description prop이 추가되었습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : snippet을 다시 내려받고, MenuSheetItem 을 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:menu-sheet children 대신 label prop을 사용합니다. description , prefixIcon prop이 추가되었습니다.
    ```tsx
    // 전
    <MenuSheetItem>
      <PrefixIcon svg={<IconHouseLine />} />
      메뉴 항목
    </MenuSheetItem>

    // 후
    <MenuSheetItem
      prefixIcon={<IconHouseLine />}
      label="메뉴 항목"
      description="이제 설명도 추가할 수 있어요"
    />
    ```
  - [Patch Changes] Grid 및 GridItem 레이아웃 유틸리티 컴포넌트를 추가합니다. 477ec8a
  - [Patch Changes] BottomSheetContent 와 MenuSheetContent 가 기본적으로 bottom safe area만큼 하단 padding을 갖도록 수정합니다. 8fb7038 별도로 safe area padding을 지정하는 경우 제거할 수 있습니다. BottomSheetContent 내부에서의 &#x3C;VStack paddingBottom="safeArea"> 등
  - [Patch Changes] Text Field (text-input)과 Field Button (input-button)의 포커스 및 에러 상태 border 트랜지션을 수정합니다. 17c0ebd

## 1.1.19

### Updated Dependencies

- **@seed-design/css@1.1.19**
  - [Patch Changes] BottomSheetRoot headerAlign="center" variant에서 텍스트 정렬 문제를 수정합니다 ( 예제 ). MenuSheetTitle의 내용이 길어질 때 MenuSheetHeader가 가운데 정렬되지 않는 문제를 수정합니다. 6697fbe

## 1.1.18

### Patch Changes

- 아이콘 정보를 업데이트합니다. e92892a

## 1.1.17

### Updated Dependencies

- **@seed-design/css@1.1.17**
  - [Patch Changes] Chip 컴포넌트 스펙에 layout=withText variant를 명시합니다. (스타일 변경사항 없음) db49a84
  - [Patch Changes] Skeleton 가시성 향상을 위해 $gradient.shimmer-magic 및 $gradient.shimmer-neutral 토큰의 색상을 업데이트합니다. 6fab0e7
  - [Patch Changes] 주석, 참고 사항 및 상세 리스트 등 부가 정보에 사용할 수 있는 시맨틱 텍스트 스타일 articleNote 를 추가합니다. 5faef3a
  - [Patch Changes] @seed-design/css@1.3 및 @seed-design/react@1.3 에서 제거되는 토큰 및 옵션에 관한 경고를 추가합니다. 50ee0a6 1.3에서 제거 예정인 색상 토큰 $color.bg.layer-fill $gradient.fade-layer-floating $gradient.fade-layer-default 1.3에서 제거 예정인 컴포넌트 variant ChipTabs variant="brandSolid" 1.2까지 사용 가능, 1.3부터 디자인 변경 필요 Checkbox weight="default" 0.2.4부터 weight="regular" 사용 가능 weight="default" 는 1.2까지 사용 가능, 1.3부터 weight="regular" 만 허용 weight="stronger" 0.2.4부터 weight="bold" 사용 가능 weight="stronger" 는 1.2까지 사용 가능, 1.3부터 weight="bold" 만 허용 Switch size="small" 0.1.9부터 size="16" 사용 가능 size="small" 은 1.2까지 사용 가능, 1.3부터 size="16" 만 허용 size="medium" 0.1.9부터 size="32" 사용 가능 size="medium" 은 1.2까지 사용 가능, 1.3부터 size="32" 만 허용 StyleProps 를 상속하는 컴포넌트 display , justifyContent/justify , alignItems/align , alignContent , alignSelf , flexDirection/direction 프로퍼티에서의 camelCase 값 제거 예정 0.0.15부터 kebab-case 값 사용 가능 camelCase 값은 1.2까지 사용 가능, 1.3부터 kebab-case 값만 허용 예: justifyContent="spaceBetween" → justifyContent="space-between" 영향 범위인 컴포넌트: Box , Flex , HStack , VStack , Article , List (List.Root) 및 ListItem, ListButtonItem, ListLinkItem, ListSwitchItem, ListCheckItem, ListRadioItem (List.Item) , BottomSheetBody (BottomSheet.Body) , ResponsivePair, Inline (deprecated) , Columns, Column (deprecated) , Stack (deprecated)
  - [Patch Changes] $color.bg.layer-basement 위에서 컴포넌트의 가시성을 보장하기 위해 $color.bg.neutral-weak-alpha 토큰을 추가합니다. 94bebf8 Chip variant=solid 에 적용 ChipTab variant=neutralSolid 에 적용 SegmentedControl root에 적용
  - [Patch Changes] 잘못된 pseudo selector를 수정합니다 8495fae

## 1.1.16

### Updated Dependencies

- **@seed-design/css@1.1.16**
  - [Patch Changes] 정적 텍스트 스타일 추가 (t1Static* ~ t10Static*) 2f29fe8
  - [Patch Changes] Checkmark variant=ghost tone=neutral 에서 icon의 색상을 $color.fg.neutral로 변경하고 색상 트랜지션을 추가합니다. 9119723
  - [Patch Changes] Stackflow와 함께 AppScreen 사용 시 최상위 AppScreen이 push/pop될 때, 이외의 AppScreen이 고유한 transitionStyle 을 재생하는 문제를 수정합니다. 같은 스택 내에 여러 transitionStyle 이 공존할 때 자연스러운 트랜지션을 제공하기 위해 최상위 AppScreen의 transitionStyle 을 재생합니다. ( 데모 ) 6d30b72 예를 들면, transitionStyle="fadeFromBottomAndroid" 인 0번 AppScreen 위에 transitionStyle="slideFromLeftIOS" 인 1번 AppScreen이 push되는 경우, 0번 AppScreen이 slideFromLeftIOS 트랜지션을 재생하도록 수정합니다. 0번 AppScreen이 자연스럽게 좌측으로 조금 밀려나며 어두워지고( slideFromLeftIOS ) 1번 AppScreen이 우측에서 슬라이드 인( slideFromLeftIOS )
  - [Patch Changes] 배너 템플릿에 사용되는 $color.banner.* 색상 토큰을 추가합니다. 10c0765
  - [Patch Changes] AppScreen 에 신규 transitionStyle fadeIn 을 추가합니다. 5e462db

## 1.1.15

### Updated Dependencies

- **@seed-design/css@1.1.15**
  - [Patch Changes] iOS 15 이하 기기에서 MenuSheetItem이 의도하지 않은 margin을 갖는 문제를 수정합니다. 76acd7e
  - [Patch Changes] theme=“android” 인 AppScreen 또는 AppBar에 속한 AppBarMain의 title과 subtitle 말줄임(truncation)이 적용되지 않는 문제를 수정합니다. 7a428ec
  - [Patch Changes] iOS 17 이하 기기에서 SegmentedControlItem의 높이가 잘못 설정될 수 있는 문제를 수정합니다. 498a9e7

## 1.1.14

### Patch Changes

- Figma Codegen &#x26; MCP에서 boxShadow 코드 생성을 지원하고 엔티티 정보를 최신화합니다. c1f818f

## 1.1.13

### Updated Dependencies

- **@seed-design/css@1.1.13**
  - [Patch Changes] radiomark Rootage 정의를 명확화합니다. (스타일 변경사항 없음) 9be0581
  - [Patch Changes] 신규 Elevation 가이드 에 맞는 shadow 토큰을 추가합니다. cc4a45a React: Box, Flex, HStack 등 StyleProps를 사용하는 컴포넌트에서 boxShadow prop을 사용하여 shadow 토큰을 쉽게 사용할 수 있습니다.
  - [Patch Changes] Button들의 xsmall variant의 텍스트 사이즈를 t4에서 t3로 변경해요. 739937f

## 1.1.12

### Patch Changes

- Figma Codegen 정보를 최신화합니다. 6d680ba

### Updated Dependencies

- **@seed-design/css@1.1.12**
  - [Patch Changes] seedFontMultiplier, seedFontScaling attribute를 추가합니다 8d0ad90 seedFontMultiplier: 폰트 크기 스케일링 계수 (e.g. 0.8, 1.35, 1.5, 1) seedFontScaling: 폰트 크기 스케일링 활성화 여부 (e.g. "enabled")
  - [Patch Changes] cssnano 등 CSS 최적화 도구를 사용할 때, bleedX 와 bleedY 중 한 가지 속성만 정의하는 경우 bleed가 적용되지 않던 문제를 수정합니다. 8f31f93
  - [Patch Changes] Overlay 컴포넌트에 skipAnimation 옵션을 추가합니다 69ccc6e
  - [Patch Changes] Badge의 크기와 Field의 indicator 크기 및 여백이 폰트 스케일링 제한의 영향을 받도록 업데이트합니다. 279001a

## 1.1.10

### Patch Changes

- Figma 엔티티 및 Codegen을 업데이트합니다. (신규 아이콘 및 ResultSection Codegen 지원) 23e9246

### Updated Dependencies

- **@seed-design/css@1.1.10**
  - [Patch Changes] PageBanner에 tone="magic" 스타일을 추가합니다. db5de74
  - [Patch Changes] Segmented Control의 스타일을 업데이트합니다: Indicator에서 shadow 정의를 제거합니다. 70d11b8
  - [Patch Changes] TextFieldInput 및 TextFieldTextarea (text-input 스타일시트)에서 브라우저 기본 자동 완성 스타일이 표시되지 않도록 수정합니다. c03a3dd
  - [Patch Changes] Field(TextField)의 스타일을 수정합니다. a12e49b maxGraphemeCount 를 사용하지만 description 을 사용하지 않는 경우 maxGraphemeCount 가 우측이 아닌 좌측에 표시되는 문제를 수정합니다. Tailwind Preflight 사용 시 Character Count 영역이 디자인 의도보다 높이를 더 많이 차지하는 문제를 수정합니다.

## 1.1.9

### Updated Dependencies

- **@seed-design/css@1.1.9**
  - [Patch Changes] AppBar 에 적용되는 그라디언트를 AppScreen 으로 이동합니다. 37d332d &#x3C;AppBar tone="transparent"> 를 사용하는 경우 tone="transparent" 를 AppScreen 으로 옮겨 그라디언트를 표시할 수 있습니다. AppScreen 에 gradient={false} 를 설정하여 그라디언트를 숨길 수 있습니다.
  - [Patch Changes] iOS 웹뷰 환경에서 Avatar가 정상적으로 렌더링되지 않는 문제를 수정합니다. 77517f1

## 1.1.8

### Updated Dependencies

- **@seed-design/css@1.1.8**
  - [Patch Changes] List Item에 신규 active(pressed) 스타일을 적용하고, disabled 상태에서 detail 영역의 색상을 수정합니다. 8752805
  - [Patch Changes] Help Bubble이 기본적으로 z-index 99를 가지도록 수정합니다. (HelpBubblePositioner 또는 HelpBubblePositionerPortal에 직접 인라인 스타일을 적용한 경우 인라인 스타일이 우선 적용됩니다.) ee98674

## 1.1.7

### Updated Dependencies

- **@seed-design/css@1.1.7**
  - [Patch Changes] 스타일시트에서 logical property(padding-block 등)를 physical property(padding-left 및 padding-right 등)로 교체합니다. (브라우저 지원) bee919c
  - [Patch Changes] Slider Value Indicator가 표시되는 조건을 설정하는 valueIndicatorTrigger prop을 추가합니다. ("active"|"hover", 기본값: "active") 1340675
  - [Patch Changes] Slider Value Indicator가 Track 양 끝에 있을 때 Track 바깥 영역을 차지하지 않도록 수정합니다. 1340675

## 1.1.6

### Updated Dependencies

- **@seed-design/css@1.1.6**
  - [Patch Changes] transparent 상태 컬러 추가, 컴포넌트 상태 컬러 변경, transition 추가 dfe6c1e $color.bg.transparent-pressed 컬러와 $color.bg.transparent 컬러가 추가되었습니다. 다음 컴포넌트들의 색상이 transparent 관련 토큰으로 변경되었습니다. Chip (outlineStrong, outlineWeak) Action Button (neutralOutline, brandOutline, ghost) Checkmark Tabs (outline) List Item Radiomark Reaction Button Select Box 다음 컴포넌트들의 color transition이 추가되었습니다. (duration: $duration.d3, timing-function: $timing-function.easing) Checkmark Radiomark Reaction Button Select Box
  - [Patch Changes] 다음 컴포넌트들의 color transition을 $duration.color-transition (d3) 토큰으로 변경합니다 a09e6b4 Action Button Bottom Sheet Handle Checkmark Tabs (outline) Chip Contextual Floating Button Floating Action Button Input Button List Item Radiomark Reaction Button Segmented Control Item Select Box Text Input Toggle Button

## 1.1.5

### Updated Dependencies

- **@seed-design/css@1.1.5**
  - [Patch Changes] FieldButton에 Read Only 상태를 추가합니다. Disabled 상태인 FieldButton은 내부 &#x3C;input /> 도 disabled 속성을 갖도록 수정합니다. 53290ab

## 1.1.4

### Updated Dependencies

- **@seed-design/css@1.1.4**
  - [Patch Changes] Stackflow의 AppScreen에 있던 gradient 스타일을 AppBar로 이동합니다 795668c

## 1.1.3

### Patch Changes

- Figma Codegen 컴포넌트 핸들러를 업데이트합니다. 레거시 Text Field에 대한 Codegen을 한시적으로 지원합니다. d986fd5

### Updated Dependencies

- **@seed-design/css@1.1.3**
  - [Patch Changes] 일반적인 CSS Reset을 사용하지 않는 환경에서도 스타일이 의도한 대로 표시될 수 있도록 수정합니다. 15c658b list-header 에 box-sizing: border-box; 추가 button 으로 렌더링되는 컴포넌트 스타일 수정
  - [Patch Changes] 1.1 이전 버전과 호환 가능하도록 임시적으로 사용할 text-input size=medium variant를 추가합니다. f4e07bb 영향 받는 React 컴포넌트: TextFieldInput, TextFieldTextarea
  - [Patch Changes] text-input의 readonly 스타일을 업데이트합니다. 114dafd 영향 받는 React 컴포넌트: TextFieldInput, TextFieldTextarea
  - [Patch Changes] ScrollFog 컴포넌트를 추가합니다 bc3cd6f

## 1.1.2

### Patch Changes

- Figma 토큰 정보 및 Codegen 핸들러를 최신화합니다. 4c5d7c4

## 1.1.0

### Patch Changes

- Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.

### Updated Dependencies

- **@seed-design/css@1.1.0**
  - [Minor Changes] Slider 컴포넌트를 추가합니다. a55f584
  - [Minor Changes] Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.
  - [Minor Changes] (BREAKING CHANGE: BottomSheet snippet을 다시 설치해야 합니다.) BottomSheet에 드래그를 통해 닫는 기능을 추가합니다. 33def2d vaul headless 코드 기반으로 seed에 맞게 커스텀하여 구현했습니다. vaul과 동일한 인터페이스를 가지고 있습니다. (snap-points, fade-from-index, etc.) npx @seed-design/cli@latest add ui:bottom-sheet 로 snippet을 최신화하세요.
  - [Patch Changes] (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
  - [Patch Changes] AppScreen에 tone 속성을 조절해 그라데이션이 들어간 투명한 배경을 사용할 수 있습니다. b131282 AppBar에 있던 tone 속성을 AppScreen에서도 사용할 수 있도록 이동합니다. AppScreen, AppBar 둘 다 tone 속성을 사용할 수 있도록 합니다.
  - [Patch Changes] (BREAKING CHANGE: PageBanner snippet을 다시 설치해야 합니다.) Page Banner 스니펫을 업데이트합니다. 6af6501 Box를 사용하여 스타일링하던 부분을 PageBanner.Body 로 교체합니다. PageBanner.TextContent 를 PageBanner.Content 로 이름 변경합니다.

## 1.0.7

### Updated Dependencies

- **@seed-design/css@1.0.7**
  - [Patch Changes] Article에서 selection 색상에 대한 정의를 제거합니다. e52d6d1
  - [Patch Changes] Tailwind Preflight 사용 시 Page Banner가 디자인 의도와 다르게 표시되는 문제를 수정합니다. 97669bc
  - [Patch Changes] List Item 컴포넌트의 상하 여백을 $dimension.x2_5 에서 $dimension.x3 로 늘립니다. 15ab93a
  - [Patch Changes] Tailwind Preflight 사용 시 Text Field의 Header/Footer와 Callout이 디자인 의도와 다르게 표시되는 문제를 수정합니다. 50366c0

## 1.0.6

### Patch Changes

- Tag Group 컴포넌트를 추가합니다. Tag Group은 아이콘 및 텍스트로 이루어진 태그를 구분 기호와 함께 수평 레이아웃으로 표시하는 컴포넌트입니다. 6aafce0

### Updated Dependencies

- **@seed-design/css@1.0.6**
  - [Patch Changes] Tag Group 컴포넌트를 추가합니다. Tag Group은 아이콘 및 텍스트로 이루어진 태그를 구분 기호와 함께 수평 레이아웃으로 표시하는 컴포넌트입니다. 6aafce0
  - [Patch Changes] AppBar의 스타일을 업데이트합니다. 1902dfa Top Navigation의 title 및 description에 lineHeight 값을 정의합니다. (React AppBar 컴포넌트에 반영됩니다.) &#x3C;Icon /> 컴포넌트를 활용하여 &#x3C;AppBarIconButton /> 내부 아이콘을 커스터마이징할 수 있도록 수정합니다.
  - [Patch Changes] Article 유틸리티 컴포넌트를 추가하고 Text 컴포넌트를 업데이트합니다. f2ddf29 Article 컴포넌트는 일관된 selection 스타일 및 줄바꿈 정책을 사용할 수 있게 돕습니다. Text 컴포넌트에서 textDecorationLine="underline" 및 whiteSpace, userSelect prop을 지원합니다.
  - [Patch Changes] Switch가 checked 상태가 아닐 때 thumb 크기를 줄여 상태를 인지하기 쉽도록 합니다. enabled-disabled 상태 간 트랜지션을 추가합니다. 4c33f07
  - [Patch Changes] Switch와 Switch Mark의 disabled 상태를 더 잘 구별할 수 있도록 스타일을 수정합니다. 3df657f

## 1.0.5

### Updated Dependencies

- **@seed-design/css@1.0.5**
  - [Patch Changes] Text Field와 Multiline Text Field가 기본적으로 배경 색을 갖지 않도록 수정합니다. f1cf4cd
  - [Patch Changes] AppScreen에서 스와이프로 pop할 때 AppScreen이 한번 깜빡거리고 닫히는 버그를 수정합니다. 9b91751
  - [Patch Changes] 매너온도 L9 전경 및 배경 색상의 채도를 낮춥니다. 3898183

## 1.0.3

### Patch Changes

- Figma Codegen이 Bottom Sheet의 hideCloseButton prop을 사용하는 코드를 반환하도록 수정합니다. ac1fd00
- Figma 아이콘 및 스타일 정보를 최신화합니다. 8b07555

### Updated Dependencies

- **@seed-design/css@1.0.3**
  - [Patch Changes] HelpBubble의 스타일을 업데이트하고, 신규 기능을 지원합니다. 0b8a02e arrowTip이 content에서 떨어져 보이던 문제를 수정합니다. title과 description에서 \n 을 줄바꿈으로 렌더링하도록 수정합니다. closeOnInteractOutside 를 false 로 설정하여 Help Bubble 외부와 상호작용 시에도 닫히지 않도록 설정할 수 있습니다. (기본값: true )
  - [Patch Changes] Callout에 tone=positive variant를 추가합니다. 6c6099d

## 1.0.2

### Updated Dependencies

- **@seed-design/css@1.0.2**
  - [Patch Changes] MannerTemp 컴포넌트가 레이아웃에서 너비를 덜 차지하도록 업데이트합니다. 6d2e13d

## 1.0.1

### Updated Dependencies

- **@seed-design/css@1.0.1**
  - [Patch Changes] MannerTemp 컴포넌트가 레이아웃에서 높이를 덜 차지하도록 업데이트합니다. 1420b68

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/css@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
  - [Minor Changes] ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.
  - [Patch Changes] ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
  - [Patch Changes] HelpBubble 컴포넌트의 배경색이 다크모드에서 흰색으로 변경됩니다. 4153ca5
  - [Patch Changes] ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.

## 0.2.5

### Patch Changes

- Figma Variable &#x26; Variable Collection 정보를 최신화합니다. bef65a6

### Updated Dependencies

- **@seed-design/css@0.2.5**
  - [Patch Changes] Segmented Control 컴포넌트를 업데이트합니다. 0ca19c0 Notification Badge를 표시하는 notification prop을 추가합니다. SegmentedControlItem 의 children 을 string 에서 ReactNode 로 확대합니다. 스타일을 업데이트합니다.

## 0.2.4

### Patch Changes

- Figma Codegen을 위한 컴포넌트 핸들러를 업데이트합니다. afdd1ee List, Checkmark, RadioMark, Radio, Tabs, ChipTabs 지원 Chip, Divider, HelpBubble, Switch, Checkbox 업데이트

### Updated Dependencies

- **@seed-design/css@0.2.4**
  - [Patch Changes] Switch, Checkmark, Radio Mark의 스타일을 업데이트합니다. 8ebe8a5 tone=neutral variant를 추가합니다. Switch의 thumb 크기를 조정합니다. Checkbox와 Radio의 weight variant를 default, stronger에서 regular, bold로 수정합니다.
  - [Patch Changes] 다크 모드에서의 색상 대비 보장을 위해 시맨틱 색상을 수정하고 컴포넌트에서의 색상을 변경합니다. f61b80d $color.bg.warning-solid : theme-dark에서 $color.palette.yellow-600 → $color.palette.yellow-800 $color.bg.warning-solid-pressed : theme-dark에서 $color.palette.yellow-700 → $color.palette.yellow-900 Badge, Page Banner의 tone=warning, variant=solid variant에서 전경 항목 색상 변경: $color.fg.neutral → $color.palette.static-black-alpha-900

## 0.2.3

### Updated Dependencies

- **@seed-design/css@0.2.3**
  - [Patch Changes] ChipTabs 컴포넌트 Variant, Size 변경 및 디자인 수정 a22b8b9 variant neutralOutline 추가 variant brandSolid deprecated size( medium(default) | large ) 추가
  - [Patch Changes] text-field의 value slot이 input의 size attribute로 인해 기본적으로 width를 가지는 문제를 해결합니다. 5836976
  - [Patch Changes] List 컴포넌트를 추가하고, Checkbox 및 Radio 컴포넌트를 개선합니다. 12faf5a List 컴포넌트를 제공하여, 정보를 구조화된 목록 형태로 표시할 수 있도록 합니다. Checkbox와 Radio의 컨트롤 영역만을 표시하는 Checkmark와 RadioMark를 제공합니다. Select Box에서 컨트롤 영역을 Checkmark와 RadioMark로 교체합니다. RadioGroup 컴포넌트를 제공합니다.

## 0.2.1

### Updated Dependencies

- **@seed-design/css@0.2.1**
  - [Patch Changes] Chip 컴포넌트를 업데이트합니다. 35984d0 아이콘에 트랜지션 효과가 적용되지 않던 현상을 수정합니다. Button, Toggle 등 사용되는 방식에 따라 적절한 data prop을 받도록 수정합니다.

## 0.2.0

### Updated Dependencies

- **@seed-design/css@0.2.0**
  - [Minor Changes] 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.15

### Updated Dependencies

- **@seed-design/css@0.1.15**
  - [Patch Changes] font-size, line-height 토큰에 static variant를 추가합니다. c51a261 --seed-font-size-t1-static ~ --seed-font-size-t10-static --seed-line-height-t1-static ~ --seed-line-height-t10-static
  - [Patch Changes] CSS 최적화 도구(e.g. cssnano)가 CSS variable로 정의된 longhand declaration을 병합하지 않도록 합니다. (workaround, 관련 issue ) 5f2ee39
  - [Patch Changes] Snackbar 컴포넌트를 업데이트합니다. 8299ba9 root 영역에 maxWidth 스펙을 추가합니다. pauseOnInteraction 의 기본값을 false 에서 true 로 변경합니다.
  - [Patch Changes] 플랫폼별 조건부 폰트 스케일링 제한 (iOS: 135%, Android: 150%) 적용 3de4cec CSS 변수 --seed-{font-size|line-height}-limit-{min|max} 도입 빌드 타임 basePx 계산을 런타임 static 토큰 참조로 대체 global.ts에 폰트 스케일링 변수 통합

## 0.1.14

### Patch Changes

- Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
  ```tsx
  <PageBanner
    tone="informative"
    variant="weak"
    description="사업자 정보를 등록해주세요."
    suffix={
      <PageBannerButton asChild>
        <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
          새 탭에서 열기
        </a>
      </PageBannerButton>
    }
  />
  ```
  시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
- Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

### Updated Dependencies

- **@seed-design/css@0.1.14**
  - [Patch Changes] Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
    ```tsx
    <PageBanner
      tone="informative"
      variant="weak"
      description="사업자 정보를 등록해주세요."
      suffix={
        <PageBannerButton asChild>
          <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
            새 탭에서 열기
          </a>
        </PageBannerButton>
      }
    />
    ```
    시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
  - [Patch Changes] Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

## 0.1.13

### Updated Dependencies

- **@seed-design/css@0.1.13**
  - [Patch Changes] Avatar, Avatar Stack 컴포넌트에 size=108 variant를 추가합니다. 0be9b00

## 0.1.12

### Updated Dependencies

- **@seed-design/css@0.1.12**
  - [Patch Changes] Help Bubble의 스타일 문제를 수정합니다. 62094b6 placement=left-* / placement=right-* 에서 arrow가 content와 떨어져 표시되는 문제를 수정합니다.

## 0.1.11

### Patch Changes

- 레이아웃 컴포넌트를 사용할 때 flexGrow , flexShrink , flexWrap 에도 true 를 사용할 수 있도록 수정합니다. 9993e0e Figma 레이어가 이미지 Fill을 가지고 있는 경우 &#x3C;img /> 요소를 prepend합니다.

## 0.1.10

### Patch Changes

- Figma 컴포넌트 정보 및 핸들러를 최신화하고 codegen을 업데이트합니다. aa40f66 Instance에 오버라이드한 내용이 있는 경우 주석으로 알립니다.

### Updated Dependencies

- **@seed-design/css@0.1.10**
  - [Patch Changes] Bottom Sheet의 스타일 문제를 수정해요. ef91c21 Close Button에 브라우저 기본 스타일이 표시되는 문제를 수정해요.

## 0.1.9

### Patch Changes

- Switch 컴포넌트를 업데이트합니다. 5a025b7 size: medium → 32, small → 16으로 rename합니다. (React) size="medium" 으로 32 , size="small" 로 16 을 사용할 수 있습니다. (deprecated) size: 24를 추가합니다. 모든 size에 대해 레이블 스타일을 추가합니다. (기존: small에만 존재)
- Figma 컴포넌트 핸들러 정보를 최신화하고 정확한 prop을 생성하도록 수정합니다. f9379e0 Chip, Progress Circle, Switch 컴포넌트 핸들러를 업데이트합니다. grow 대신 flexGrow 가 생성되도록, borderWidth 가 string 으로 생성되도록 수정합니다.

### Updated Dependencies

- **@seed-design/css@0.1.9**
  - [Patch Changes] Switch 컴포넌트를 업데이트합니다. 5a025b7 size: medium → 32, small → 16으로 rename합니다. (React) size="medium" 으로 32 , size="small" 로 16 을 사용할 수 있습니다. (deprecated) size: 24를 추가합니다. 모든 size에 대해 레이블 스타일을 추가합니다. (기존: small에만 존재)
  - [Patch Changes] Chip.Root position: relative 속성 추가 ac35731 이제 Chip.Toggle을 사용해도 예상치 못한 스크롤이 발생하지 않습니다.
  - [Patch Changes] CheckSelectBox , RadioSelectBox 의 label , description 영역을 수정합니다. f9041e9 span 대신 div 를 렌더링합니다. 기본적으로 grow하도록 만들어 Badge 등 추가 요소를 넣기 쉽게 만듭니다.

## 0.1.8

### Patch Changes

- Figma 컴포넌트 핸들러 및 스타일 정보를 최신화합니다. 2e2cc53 normalize 과정에서 그라디언트 정보를 포함하도록 수정합니다.

### Updated Dependencies

- **@seed-design/css@0.1.8**
  - [Patch Changes] iOS의 더 큰 텍스트 기능에 제한을 둡니다. 609b8f3 iOS는 7단계(XS ~ XXXL)의 텍스트 크기 조절 이외에도, 보다 더 큰 텍스트를 위한 더 큰 텍스트 기능을 제공합니다. iOS 네이티브에서는 더 큰 텍스트 의 UI 레이아웃 대응이 어렵다고 결정하여, XXXL(135%) 이상의 텍스트 크기 조절을 지원하지 않습니다. 웹뷰도 iOS와 동일한 제한을 위한 기능이 추가되었습니다.

## 0.1.7

### Updated Dependencies

- **@seed-design/css@0.1.7**
  - [Patch Changes] MultilineTextField의 스타일 문제를 수정합니다. 4afe80b 스크롤바가 요소 끝에 표시되도록 수정합니다.

## 0.1.6

### Updated Dependencies

- **@seed-design/css@0.1.6**
  - [Patch Changes] action-button: size=medium, layout=withText variant에서 gap을 1 → 1.5로 수정합니다. 235147d
  - [Patch Changes] highlight-magic-pressed 그라디언트 토큰을 추가합니다. 3c13ad7

## 0.1.5

### Updated Dependencies

- **@seed-design/css@0.1.5**
  - [Patch Changes] Menu Sheet 컴포넌트를 추가하는 동시에 Action Sheet과 Extended Action Sheet 컴포넌트를 deprecate합니다. 861ecb4 Menu Sheet React 문서 Menu Sheet는 기존 Extended Action Sheet의 모든 기능을 포함하는 동시에, labelAlign prop으로 MenuSheetItem 를 left 또는 center 로 정렬할 수 있습니다.
  - [Patch Changes] Inline Banner의 스타일 문제를 수정합니다. 3889eb6 title 과 description 이 inline-flex 로 레이아웃되던 문제를 해결합니다. title 과 description 간의 간격을 조정합니다. 닫기 버튼(Dismissible)과 suffix icon , link label 이 상단으로 레이아웃되던 문제를 해결합니다. Callout의 스타일 문제를 수정합니다. title 과 description 간의 간격을 조정합니다. Chip의 스타일 문제를 수정합니다. Chip.Button 의 label 이 의도한 글꼴로 표시되도록 수정합니다.

## 0.1.4

### Updated Dependencies

- **@seed-design/css@0.1.4**
  - [Patch Changes] Chip 컴포넌트가 추가되고, ActionChip, ControlChip 컴포넌트가 Deprecated 되었습니다. 0ffcd48 Chip 컴포넌트 Chip 컴포넌트는 버튼과 토글 컴포넌트를 모두 포함하고 있습니다.

## 0.1.3

### Updated Dependencies

- **@seed-design/css@0.1.3**
  - [Patch Changes] @seed-design/stackflow 백스와이프 애니메이션 개선 cdc0930 iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 300ms 에서 350ms 로 조정되어 더 부드러운 전환 효과를 제공합니다. 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다. 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.
  - [Patch Changes] 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.
  - [Patch Changes] iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

## 0.1.2

### Patch Changes

- Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

### Updated Dependencies

- **@seed-design/css@0.1.2**
  - [Patch Changes] Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.1

### Updated Dependencies

- **@seed-design/css@0.1.1**
  - [Patch Changes] stroke.neutral , stroke.neutral-muted , stroke.on-image 의 컬러를 alpha 값으로 변경합니다. e3b782d

## 0.1.0

### Updated Dependencies

- **@seed-design/css@0.1.0**
  - [Minor Changes] HelpBubble의 arrow가 상위 요소의 font-size에 영향을 받는 것을 수정합니다 7cc6087
  - [Minor Changes] BottomSheet의 description font-size를 t5로 변경합니다 bdca898

## 0.0.41

### Updated Dependencies

- **@seed-design/css@0.0.41**
  - [Patch Changes] Text 컴포넌트에 textDecorationLine 옵션을 추가합니다. 561f74c
  - [Patch Changes] Gradient 컬러를 추가합니다 b43de05

## 0.0.40

### Patch Changes

- Instance Swap의 대상 노드가 visible: false일 때 REST API에서 원본 컴포넌트 정보를 제공하지 않아 발생하는 참조 오류를 수정합니다. 5a55fb3

## 0.0.39

### Updated Dependencies

- **@seed-design/css@0.0.39**
  - [Patch Changes] 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.38

### Updated Dependencies

- **@seed-design/css@0.0.38**
  - [Patch Changes] Action Button에 type="ghost"를 추가합니다. 70fbaaf

## 0.0.35

### Updated Dependencies

- **@seed-design/css@0.0.35**
  - [Patch Changes] _active style prop이 값이 없는 경우에 기존 style prop을 제거하는 버그를 수정합니다. 0789dc8

## 0.0.34

### Updated Dependencies

- **@seed-design/css@0.0.34**
  - [Patch Changes] _active style prop이 상태가 없는 값보다 우선순위가 낮게 적용되는 문제를 수정합니다. 92801a2

## 0.0.33

### Updated Dependencies

- **@seed-design/css@0.0.33**
  - [Patch Changes] Style prop에 _active 를 추가합니다. background 속성만을 지원합니다. fbdb091

## 0.0.31

### Updated Dependencies

- **@seed-design/css@0.0.31**
  - [Patch Changes] Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

## 0.0.30

### Updated Dependencies

- **@seed-design/css@0.0.30**
  - [Patch Changes] ContextualFloatingButton 과 FloatingActionButton 컴포넌트를 제공합니다. 285cb9b 기존의 Fab 및 ExtendedFab 를 deprecate합니다. Floating 요소들의 위치를 편리하게 제어하도록 Float 유틸리티 컴포넌트를 제공합니다.

## 0.0.29

### Updated Dependencies

- **@seed-design/css@0.0.29**
  - [Patch Changes] ActionButton의 min-width variable 기본값을 수정합니다. 116ee2c

## 0.0.28

### Patch Changes

- Figma XML 타겟에서 instance 노드의 컴포넌트 정보를 제공합니다. b3da758

### Updated Dependencies

- **@seed-design/css@0.0.28**
  - [Patch Changes] Callout의 wrapping 동작을 수정합니다. 5337e14

## 0.0.27

### Patch Changes

- 레이아웃 컴포넌트의 codegen이 default value를 정상적으로 제외하도록 수정합니다. 4133c5e

### Updated Dependencies

- **@seed-design/css@0.0.27**
  - [Patch Changes] InlineBanner의 title 영역에 flex-shrink: 0을 추가해요 9d85c16
  - [Patch Changes] Color 토큰을 업데이트합니다. d951317
  - [Patch Changes] Avatar의 디자인 업데이트를 반영합니다. (stroke 추가) b3f964d

## 0.0.25

### Patch Changes

- codegen 결과물이 import 문을 함께 반환하는 기능을 추가합니다. c8a6d41

### Updated Dependencies

- **@seed-design/css@0.0.25**
  - [Patch Changes] Avatar Stack의 디자인을 업데이트합니다. c87ede9

## 0.0.24

### Updated Dependencies

- **@seed-design/css@0.0.24**
  - [Patch Changes] ActionSheet의 header가 렌더링되지 않을 때 상단 radius가 누락되는 버그를 수정합니다. 4da536f

## 0.0.23

### Updated Dependencies

- **@seed-design/css@0.0.23**
  - [Patch Changes] AppBar의 배경이 상단 safe-area를 덮도록 수정합니다. 63e1541

## 0.0.22

### Patch Changes

- 커스텀 컴포넌트를 등록할 수 있도록 extend.componentHandlers 설정을 제공합니다. 6c0133a

## 0.0.21

### Patch Changes

- NormalizedInstanceNode의 componentProperties에 componentSetKey를 추가합니다. b167e95
- TextField codegen이 아이콘을 인식하지 못하는 문제를 수정합니다. 2f2f9b3
- 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/css@0.0.21**
  - [Patch Changes] Button, Chip 컴포넌트들의 누락된 line-height를 추가합니다. 5d69d1d Button, Chip 컴포넌트들의 white-space를 nowrap으로 설정합니다.
  - [Patch Changes] 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
  - [Patch Changes] 2개의 컨텐츠를 동일한 비율로 나누어 배치하되, 너무 긴 경우 세로로 접는 &#x3C;ResponsivePair> 컴포넌트를 추가합니다. 7ae87f8
  - [Patch Changes] BottomSheet, Dialog의 배경 색상을 layer-floating으로 변경합니다. f144d28
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.20

### Patch Changes

- Text style, 아이콘을 찾지 못했을 때 fallback을 추가합니다. 38ece6a

## 0.0.19

### Updated Dependencies

- **@seed-design/css@0.0.19**
  - [Patch Changes] feat: 와일드카드 지원하지 않는 곳을 위해 CSS 파일 명시적 export 3c9ec66
  - [Patch Changes] LoadingIndicator를 사용하는 컴포넌트에 position: relative를 추가합니다. b3bb6e7

## 0.0.18

### Patch Changes

- borderRadius codegen에 radius prefix가 붙지 않도록 수정합니다. b28303c

## 0.0.17

### Updated Dependencies

- **@seed-design/css@0.0.17**
  - [Patch Changes] recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

## 0.0.15

### Patch Changes

- 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.

### Updated Dependencies

- **@seed-design/css@0.0.15**
  - [Patch Changes] vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.
  - [Patch Changes] 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) f4b0723
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

## 0.0.6

### Updated Dependencies

- **@seed-design/css@0.0.14**
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) 92c0b80
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

## 0.0.5

### Updated Dependencies

- **@seed-design/css@0.0.13**
  - [Patch Changes] Avatar의 Badge 스펙을 최신화합니다. 7fca755

## 0.0.4

### Updated Dependencies

- **@seed-design/css@0.0.12**
  - [Patch Changes] 유틸리티 컴포넌트에 사용되는 ScopedColorFg, ScopedColorBg, ScopedColorPalette, ScopedColorStroke 타입을 제공합니다. 6426379
  - [Patch Changes] close button의 위치가 의도와 다르게 설정된 것을 수정합니다. ee41f37

## 0.0.3

### Patch Changes

- 숨겨진 노드 및 Fill을 무시하도록 수정합니다. 9ff6487 BOOLEAN_OPERATION 노드를 지원합니다.

### Updated Dependencies

- **@seed-design/css@0.0.11**
  - [Patch Changes] Dialog 및 Sheet 컴포넌트 레이아웃 스펙 업데이트 e70f340
  - [Patch Changes] $dimension.spacing-y.screen-bottom 토큰을 추가합니다. 72f344f $dimension.spacing-y.between-text 토큰을 추가합니다.

## 0.0.2

### Patch Changes

- SEED Design의 Figma 통합을 위한 패키지를 제공합니다. 1d9e06a REST API와 Plugin API를 normalize 합니다. 플러그인 및 서버 환경 모두 동일한 방식으로 사용할 수 있도록 합니다. Figma Plugin으로 제공되었던 Codegen 기능을 패키지로 제공합니다.

### Updated Dependencies

- **@seed-design/css@0.0.10**
  - [Patch Changes] Avatar size=42를 추가합니다. e4b704c

---

## @seed-design/icon-deprecated

## 0.2.1

### Patch Changes

- change svg width, height to 100% aa25955

## 0.2.0

### Minor Changes

- change sprite svg to inline svg 4b334ca

## 0.1.13

### Patch Changes

- chore: remove navigator in component template b8933f7

## 0.1.12

### Patch Changes

- fix: escape variable name in component template 5e5145c

## 0.1.11

### Patch Changes

- fix mobile safari not working 03b5e65

## 0.1.10

### Patch Changes

- add tag in sprite.svg ec0e449

## 0.1.9

### Patch Changes

- change template 90724ac

## 0.1.8

### Patch Changes

- remove ts-nocheck, add string type in size, sum withContext and contextPath 5601faf

## 0.1.7

### Patch Changes

- eslint-disabled , ts-nocheck in component template, check tsconfig jsx option. f878d22

## 0.1.6

### Patch Changes

- automatic yml schema versioning ee461d4

## 0.1.5

### Patch Changes

- json schema versioning 7b87056

## 0.1.4

### Patch Changes

- update schema 86ef6a4

## 0.1.2

### Patch Changes

- version up karrot-ui-icon e73aa6f

## 0.1.1

### Patch Changes

- 한국어 cff2c8a 라이브러리 제공자가 seed-icon 을 사용할 때 필요한 provider 가 추가되었습니다. 라이브러리 제공자가 아닌 기존 프로젝트는 그대로 사용할 수 있습니다. provider withContext 와 contextPath 옵션을 추가했습니다. withContext 옵션은 true 로 설정하면 contextPath 에 설정된 경로로 context 를 생성합니다. 라이브러리 제공자는 유저가 어떤 sprite.svg 경로를 사용할 지 모릅니다. 어떤 loader를 쓰는지 라이브러리 제작자 입장에서는 알 수 없습니다. 그래서 seed-icon 에서 제공되는 provider 를 노출시켜 유저가 spriteUrl 을 설정하도록 하였습니다. etc 코드 리팩토링 Readme.md 내용 추가 English Added provider , which is required when a library provider uses seed-icon . Existing projects that are not library providers can still be used as is . provider Added withContext and contextPath options. The withContext option, when set to true , creates a context with the path set in contextPath . The library provider doesn't know which sprite.svg path the user will use. The library provider doesn't know what loader user use. So we expose the provider provided by seed-icon and let the user set the spriteUrl . etc Code refactoring Added Readme.md content

## 0.1.0

### Minor Changes

- Config 64d5540 add vite config template add yaml schema in config template Icon Component change component span style to inline-flex remove component props width , height and add size prop etc logs more detail update readme

## 0.0.8

### Patch Changes

- change chalk to kleur 4634f52 remove unnecessary options

## 0.0.7

### Patch Changes

- support monorepo 7dcf86a

## 0.0.6

### Patch Changes

- remove assert 633ba69

## 0.0.5

### Patch Changes

- version dataset, width, height 4ce85ad
- assert json 4ce85ad
- add size props 4ce85ad
- update 4ce85ad

## 0.0.4

### Patch Changes

- version dataset, width, height 53fde00
- add size props 53fde00
- update 53fde00

## 0.0.3

### Patch Changes

- add size props f1abcb5
- update 89fb8bf

## 0.0.2

### Patch Changes

- init project a79399f
- fix svg relative url a79399f

## 0.0.1

### Patch Changes

- init project 8dbbbc8

---

## @seed-design/lynx-css

## 0.8.1

### Patch Changes

- iOS Lynx에서 ProgressCircle 의 색상이 표시되지 않는 문제를 수정합니다. 21aa395

## 0.8.0

### Minor Changes

- Lynx 입력 폼 컴포넌트를 추가합니다. ebb4eae Field , TextField , KeyboardAvoidingScrollView 를 제공합니다. TextField.Input 과 TextField.Textarea 에서 native 입력, controlled value, grapheme 단위 글자 수 제한을 지원합니다. TextField.Textarea 는 내용에 따른 자동 높이 조절을 지원합니다. KeyboardAvoidingScrollView 는 focus된 입력과 Field footer가 키보드에 가려지지 않도록 스크롤합니다. npx @seed-design/cli@latest add ui:text-field 로 조합된 snippet을 설치할 수 있습니다.
  ```tsx
  <KeyboardAvoidingScrollView>
    <TextField label="소개" maxGraphemeCount={80}>
      <TextFieldTextarea accessibility-label="소개" />
    </TextField>
  </KeyboardAvoidingScrollView>
  ```

### Patch Changes

- Date Picker에서 시작일을 유지하고 종료일만 변경할 수 있는 기능을 추가합니다. ebb4eae selectionMode="range" 에서 rangeStartReadOnly prop을 사용할 수 있습니다. 시작일보다 늦은 날짜만 새 종료일로 선택할 수 있습니다. 읽기 전용 시작일의 시각적 상태와 접근성 이름을 제공합니다.
  ```tsx
  <DatePicker
    selectionMode="range"
    rangeStartReadOnly
    value={{
      start: { year: 2026, month: 8, day: 7 },
      end: { year: 2026, month: 8, day: 9 },
    }}
  />
  ```

## 0.7.0

### Minor Changes

- DatePicker 컴포넌트를 추가합니다. c9acaa6 Single, Range, Multiple 선택 모드를 지원합니다. Month, Two Months, Week, Continuous 레이아웃을 각각 DatePicker , TwoMonthDatePicker , WeekDatePicker , ContinuousDatePicker 로 제공합니다. 날짜 constraints와 예약·가격 표시를 위한 renderDateCellSupplement , 내부 콘텐츠 전체를 교체하는 renderDateCellContent 를 제공합니다. actionsRef 를 통해 특정 날짜로 이동하거나 날짜 셀에 포커스할 수 있습니다. locale 기반 달력, 키보드·스크린 리더 접근성, Wheel Picker를 이용한 월·연도 이동을 지원합니다.
- TimePicker 컴포넌트를 추가합니다. c9acaa6 12시간제 시간 선택 UI와 locale에 따른 컬럼 순서를 지원합니다. minuteStep 으로 선택 가능한 분 간격을 설정할 수 있습니다.

## 0.6.0

### Minor Changes

- 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
  ```tsx
  <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
    <SelectTrigger placeholder="과일을 선택하세요" />
    <SelectContent>
      <SelectGroup>
        <SelectItem value="apple" label="사과" />
        <SelectItem value="banana" label="바나나" />
      </SelectGroup>
    </SelectContent>
  </SelectRoot>
  ```
- 기존 Alert Dialog와 별개로, 범용 Dialog와 ResponsiveDialog를 추가합니다. 6ba7292 Dialog : medium , large size를 지원하며, 본문이 길면 Body가 스크롤되고 상단에 divider와 하단 fade가 나타납니다. ResponsiveDialog : md 이상에서는 Dialog로, 그 아래에서는 Bottom Sheet로 렌더링합니다. ui:dialog , ui:responsive-dialog snippet으로 설치할 수 있습니다.
  ```tsx
  <DialogRoot size="medium">
    <DialogTrigger asChild>
      <ActionButton>열기</ActionButton>
    </DialogTrigger>
    <DialogContent title="제목" description="설명">
      <DialogBody>{/* ... */}</DialogBody>
      <DialogFooter>
        <HStack gap="x2" justify="flex-end">
          <DialogAction variant="neutralWeak">취소</DialogAction>
          <DialogAction variant="neutralSolid">확인</DialogAction>
        </HStack>
      </DialogFooter>
    </DialogContent>
  </DialogRoot>
  ```
- QuantityPicker 컴포넌트를 추가합니다. 19f07f5 지정한 최소·최대 수량 범위에서 값을 증감할 수 있으며, 최소 수량에서 제거 동작을 지원합니다. size , disabled , readOnly , invalid , 증감 중 loading 상태를 지원합니다. 폼 제출에 사용할 수 있는 QuantityPicker.HiddenInput 을 제공합니다. ui:quantity-picker snippet으로 설치할 수 있으며, @seed-design/css@^2.3.0 을 사용합니다.
  ```tsx
  <QuantityPicker.Root min={0} max={99} defaultValue={1}>
    <QuantityPicker.DecrementButton icon={<IconMinusLine />} />
    <QuantityPicker.ValueDisplay />
    <QuantityPicker.IncrementButton icon={<IconPlusLine />} />
    <QuantityPicker.HiddenInput name="quantity" />
  </QuantityPicker.Root>
  ```

## 0.5.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- (사용자 변경사항 없음) Side Panel 닫기 버튼 spec에서 사용되지 않던 pressed 상태의 icon 색상 정의를 제거합니다. 09e28ef
- Slider disabled 상태에서 track(비활성 구간) 색상을 bg.disabled 로 지정해, range(활성 구간)와의 색상 대비가 명확히 보이도록 수정합니다. 6963994

## 0.5.0

### Minor Changes

- Action Button의 pressed 상태에 scale 모션을 추가합니다. f523979 pressed 상태에 적절한 모션 피드백을 제공하기 위해 사용하는 $scale.s95 , $scale.s97 , $scale.s98 토큰을 추가합니다. scale 토큰은 플랫폼 별 동작 줄이기 설정에 따라 값이 1 로 동작합니다. 웹 CSS 환경에서는 (prefers-reduced-motion: reduce) 미디어 쿼리가 매치되는 환경에서 1 로 동작합니다. Tailwind 유틸리티 클래스 scale-s* 를 통해 scale 토큰을 사용할 수 있습니다. 신규 토큰을 사용할 수 있도록 Tailwind 패키지의 @seed-design/css peerDependency 범위를 ^2.1.0 에서 ^2.2.0 으로 올립니다.

## 0.4.1

### Patch Changes

- ImageFrameReactionButton root에 반투명 배경색과 그림자를 추가하여 밝은 이미지 위에서의 가시성을 개선합니다. 7224b94
- Side Panel Close Button 및 Side Panel Header의 스타일을 디자인 스펙에 맞게 수정하고, Side Panel body에 box-sizing: border-box 를 적용하여, body에 지정한 height / minHeight / maxHeight 가 padding을 포함해 계산되도록 수정합니다. c4ce431

## 0.4.0

### Minor Changes

- $color.bg.layer-fill 토큰을 다시 추가합니다. f2b198d 2.0.0 에서 제거했으나 마땅한 대체 토큰이 없어 deprecated 상태로 되살립니다. 값은 제거 이전과 동일합니다. 추후 동일한 값의 새 이름 토큰으로 대체된 뒤 3.0.0 에서 제거될 예정입니다. @seed-design/tailwind3-plugin 과 @seed-design/tailwind4-theme 의 @seed-design/css peer dependency 버전 범위를 ^2.1.0 으로 올립니다.

## 0.3.0

### Minor Changes

- Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
- 신규 타이포그래피 토큰을 추가합니다. d1a8d7c 폰트 크기 토큰 ( $font-size ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 줄 간격 토큰 ( $line-height ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 텍스트 스타일 ( textStyle ) t8Regular , t8Medium , t8StaticRegular , t8StaticMedium t9Regular , t9Medium , t9StaticRegular , t9StaticMedium t10Regular , t10Medium , t10StaticRegular , t10StaticMedium t11Regular , t11Medium , t11Bold , t11StaticRegular , t11StaticMedium , t11StaticBold t12Regular , t12Medium , t12Bold , t12StaticRegular , t12StaticMedium , t12StaticBold t13Regular , t13Medium , t13Bold , t13StaticRegular , t13StaticMedium , t13StaticBold t14Regular , t14Medium , t14Bold , t14StaticRegular , t14StaticMedium , t14StaticBold
- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- Chip Tabs Trigger가 disabled 상태일 때 opacity를 사용하여 스타일을 조절하도록 수정합니다. 57e4f1a
- 컴포넌트 및 파운데이션 전반에 JSDoc 주석을 강화합니다. 270b277

## 0.2.1

### Patch Changes

- deprecated 항목의 제거 예정 버전 안내를 1.3.0에서 2.0.0으로 변경합니다. 234e8c7 ImageFrame 의 rounded 옵션, Switch / Checkbox / ChipTabs 의 deprecated 옵션, 유틸리티 스타일 prop( display , flexDirection , justifyContent , alignItems )의 deprecated 값의 제거 예정 버전을 2.0.0으로 안내합니다. $color.bg.layer-fill , $gradient.fade-layer-floating , $gradient.fade-layer-default 토큰의 제거 예정 버전을 2.0.0으로 안내합니다. 2.0.0부터 deprecated 항목 제거를 포함한 breaking change는 메이저 릴리스에서만 수행됩니다.

## 0.2.0

### Minor Changes

- Lynx AppBar 컴포넌트를 추가합니다. c8d4c26 AppBar.Root , AppBar.Left , AppBar.Main , AppBar.Right , AppBar.IconButton 등 compound API를 제공합니다. SystemInfo.platform 에 따라 Android에서는 android , 그 외 플랫폼에서는 cupertino theme을 기본으로 적용합니다. theme prop으로 platform 기본값을 수동 override할 수 있습니다.
- Lynx Badge 컴포넌트를 추가합니다. 26d3517 @seed-design/lynx-react 에서 Badge 를 직접 import해 사용할 수 있습니다. @seed-design/lynx-css/recipes/badge 에서 Badge recipe 스타일을 제공합니다.
  ```tsx
  import { Badge } from "@seed-design/lynx-react";

  <Badge tone="positive" variant="weak">
    거래 가능
  </Badge>;
  ```

### Patch Changes

- Lynx BottomSheet가 앱 셸 위에 안정적으로 표시되고, 본문 스크롤 제스처를 내부에서 처리하도록 개선합니다. 4e2ee69 BottomSheet overlay의 기본 z-index 를 높여 앱바 같은 상단 영역까지 backdrop이 덮이도록 수정합니다. BottomSheetBody 가 세로 스크롤 영역으로 렌더링되어 본문을 스크롤할 때 뒤쪽 화면이 함께 스크롤되는 문제를 방지합니다. 스크롤 가능한 BottomSheet에서는 BottomSheetRoot 의 handleOnly 를 함께 사용할 수 있습니다. BottomSheet handle의 드래그 target size를 보이는 handle보다 크게 보장합니다.
- Menu Sheet의 디자인 스펙에서 핸들 여백 확보를 위해 content 상단 패딩을 x4 → x6 으로 늘리고 header.paddingTop 을 제거합니다 (핸들 여백 확보). React/CSS MenuSheet 의 경우 핸들이 존재하지 않으므로 변경사항이 없습니다. 8dc8f4f
- Lynx에서 테마(라이트/다크) 전환 시 텍스트 색상이 갱신되지 않던 문제를 수정합니다. 0fa9a1f

## 0.1.0

### Minor Changes

- SEED Design Lynx의 첫 stable 버전을 릴리즈합니다. 699af2c @seed-design/lynx-css : Lynx 환경에서 사용할 수 있는 SEED 디자인 토큰, base CSS, component recipe CSS를 제공합니다. @seed-design/lynx-react : Lynx용 SEED React 컴포넌트와 hook을 제공합니다. 컴포넌트: ActionButton , BottomSheet , Box , Checkbox , HStack , ProgressCircle , RadioGroup , Switch , TagGroup , Text , VStack Hook: useControllableState , useIconColor , usePressTap , useSafeArea Safe Area: useSafeArea API로 env(safe-area-inset-*) 와 host 앱의 lynx.__globalProps fallback을 함께 지원합니다. @seed-design/cli : Lynx framework 감지, registry snippet 추가, compatibility check, docs lookup 흐름을 지원합니다.

---

## @seed-design/lynx-react

## 0.4.1

### Patch Changes

- iOS에서 TextFieldTextarea 의 첫 입력 시 자동 높이가 세로 여백만큼 불필요하게 늘어나는 문제를 수정합니다. 598cd3a
- Lynx TagGroup 의 문자열 구분자 앞뒤 공백을 제거해 브라우저 프리뷰와 네이티브 Lynx에서 항목 간격이 다르게 보이는 문제를 수정합니다. fdf4575
- iOS에서 TextFieldTextarea 의 자동 높이 영역을 눌렀을 때 포커스가 해제되어 키를 입력할 수 없는 문제를 수정합니다. 5a7ca99
- iOS에서 VStack 과 HStack 의 gap 에 SEED 간격 토큰을 사용하면 간격이 사라지는 문제를 수정합니다. 554cca0
- Lynx ProgressCircle 의 indeterminate 상태가 첫 화면부터 표시되도록 수정합니다. 21aa395

## 0.4.0

### Minor Changes

- Lynx 입력 폼 컴포넌트를 추가합니다. ebb4eae Field , TextField , KeyboardAvoidingScrollView 를 제공합니다. TextField.Input 과 TextField.Textarea 에서 native 입력, controlled value, grapheme 단위 글자 수 제한을 지원합니다. TextField.Textarea 는 내용에 따른 자동 높이 조절을 지원합니다. KeyboardAvoidingScrollView 는 focus된 입력과 Field footer가 키보드에 가려지지 않도록 스크롤합니다. npx @seed-design/cli@latest add ui:text-field 로 조합된 snippet을 설치할 수 있습니다.
  ```tsx
  <KeyboardAvoidingScrollView>
    <TextField label="소개" maxGraphemeCount={80}>
      <TextFieldTextarea accessibility-label="소개" />
    </TextField>
  </KeyboardAvoidingScrollView>
  ```

## 0.3.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 0.3.0

### Minor Changes

- (BREAKING CHANGE: @lynx-js/react 를 0.117.0 이상으로 업그레이드해야 합니다.) 테마 변경에 반응하는 useSeedClassName 훅을 추가합니다. 2ad8e8c root &#x3C;page> 에서 getSeedClassName() 대신 useSeedClassName() 을 사용하면, host가 lynx.__globalProps.theme 을 변경할 때 자동으로 리렌더되어 테마가 즉시 반영됩니다. getSeedClassName() 순수 함수는 그대로 유지됩니다. 테마 변경에 반응할 필요가 없는 정적 컨텍스트에서 계속 사용할 수 있습니다. useGlobalProps() 에 의존하므로 @lynx-js/react 0.117.0 이상이 필요합니다.
  ```tsx
  import { useSeedClassName } from "@seed-design/lynx-react";

  function Root() {
    const seedClassName = useSeedClassName({ colorMode: "system" });
    return (
      <page className={seedClassName}>
        <App />
      </page>
    );
  }
  ```

## 0.2.0

### Minor Changes

- Lynx AppBar 컴포넌트를 추가합니다. c8d4c26 AppBar.Root , AppBar.Left , AppBar.Main , AppBar.Right , AppBar.IconButton 등 compound API를 제공합니다. SystemInfo.platform 에 따라 Android에서는 android , 그 외 플랫폼에서는 cupertino theme을 기본으로 적용합니다. theme prop으로 platform 기본값을 수동 override할 수 있습니다.
- native element의 접근성 속성을 표준화한 LynxAccessibilityProps 타입을 추가했습니다. 컴포넌트가 이 타입을 확장해 accessibility-label / accessibility-role-description / accessibility-value / accessibility-elements-hidden 등을 받아 native element에 전달할 수 있습니다. f039fb3
- Lynx Badge 컴포넌트를 추가합니다. 26d3517 @seed-design/lynx-react 에서 Badge 를 직접 import해 사용할 수 있습니다. @seed-design/lynx-css/recipes/badge 에서 Badge recipe 스타일을 제공합니다.
  ```tsx
  import { Badge } from "@seed-design/lynx-react";

  <Badge tone="positive" variant="weak">
    거래 가능
  </Badge>;
  ```

### Patch Changes

- Lynx BottomSheet가 앱 셸 위에 안정적으로 표시되고, 본문 스크롤 제스처를 내부에서 처리하도록 개선합니다. 4e2ee69 BottomSheet overlay의 기본 z-index 를 높여 앱바 같은 상단 영역까지 backdrop이 덮이도록 수정합니다. BottomSheetBody 가 세로 스크롤 영역으로 렌더링되어 본문을 스크롤할 때 뒤쪽 화면이 함께 스크롤되는 문제를 방지합니다. 스크롤 가능한 BottomSheet에서는 BottomSheetRoot 의 handleOnly 를 함께 사용할 수 있습니다. BottomSheet handle의 드래그 target size를 보이는 handle보다 크게 보장합니다.

## 0.1.0

### Minor Changes

- SEED Design Lynx의 첫 stable 버전을 릴리즈합니다. 699af2c @seed-design/lynx-css : Lynx 환경에서 사용할 수 있는 SEED 디자인 토큰, base CSS, component recipe CSS를 제공합니다. @seed-design/lynx-react : Lynx용 SEED React 컴포넌트와 hook을 제공합니다. 컴포넌트: ActionButton , BottomSheet , Box , Checkbox , HStack , ProgressCircle , RadioGroup , Switch , TagGroup , Text , VStack Hook: useControllableState , useIconColor , usePressTap , useSafeArea Safe Area: useSafeArea API로 env(safe-area-inset-*) 와 host 앱의 lynx.__globalProps fallback을 함께 지원합니다. @seed-design/cli : Lynx framework 감지, registry snippet 추가, compatibility check, docs lookup 흐름을 지원합니다.

---

## @seed-design/mcp

## 3.0.0

### Major Changes

- MCP TypeScript SDK를 v1( @modelcontextprotocol/sdk )에서 v2( @modelcontextprotocol/server )로 마이그레이션합니다. 56f57da 두 패키지를 MCP 서버로만 사용하는 경우( bunx @seed-design/mcp , npx @seed-design/docs-mcp 등) 달라지는 것은 없습니다. 패키지를 직접 import해서 커스텀 MCP 서버에 통합하는 경우 아래 영향이 있습니다. registerTools ( @seed-design/mcp )와 initializeTools , server ( @seed-design/docs-mcp )가 다루는 McpServer 의 출처가 @modelcontextprotocol/sdk 에서 @modelcontextprotocol/server 로 변경됩니다. v1으로 만든 McpServer 는 더 이상 넘길 수 없으므로, 함께 v2로 옮겨야 합니다. @modelcontextprotocol/server 를 직접 설치해야 합니다. 마이그레이션은 공식 가이드 의 codemod로 대부분 자동 처리됩니다.

### Minor Changes

- 특정 레이어의 SVG 마크업을 받아오는 export_node_as_svg 툴을 추가합니다. export_node_as_image 의 format SVG 파라미터를 대체합니다. 894e2b7 REST 및 WebSocket 모드 모두에서 사용할 수 있습니다. outlineText 파라미터를 사용하여 텍스트 레이어를 vector path로 변환할지 정합니다. Figma API 기본값은 true 지만 이 도구의 기본값은 응답 크기 최적화를 위해 false 입니다. figma-api 의존성을 업데이트합니다.
- export_node_as_image 가 Figma 앱과 웹소켓 서버 없이 REST 모드에서도 작동하도록 업데이트합니다. ba859f2 format 파라미터에서 주요 LLM 도구가 이미지로 판단하지 않는 PDF 를 제거합니다. format 파라미터에서 SVG 를 제거합니다. scale 파라미터의 스키마를 Figma REST API 제약에 맞춰 0.01 이상 4 이하로 제한합니다.
- get_annotations 가 Figma 앱과 웹소켓 서버 없이 REST 모드에서도 작동하도록 업데이트하고, 반환 결과를 개선합니다. 94929d6 조회 대상 레이어 자신에 붙은 Annotation이 결과에서 빠지던 문제를 수정합니다. Text, Rectangle처럼 하위 레이어를 가질 수 없는 레이어를 조회하면 오류가 나던 문제를 수정합니다. Annotation 카테고리를 category: { id, label, color, isPreset } 으로 반환합니다. Annotation이 붙은 레이어의 name , type , 그리고 조회 대상부터 해당 레이어까지의 상위 레이어 정보를 path 로 반환합니다.

### Patch Changes

- WebSocket 모드에서 소켓이 준비되기 전에 툴을 호출하면 생기던 문제를 수정합니다. a4f0fe9 서버 기동 직후 소켓이 열리기 전에 툴을 호출하면 MCP 서버 프로세스가 종료되어 이후 모든 요청이 응답 없이 멈추던 문제를 수정합니다. 이제 해당 호출은 에러를 반환하고 서버는 계속 동작합니다. 재연결 직후 채널 참여가 끝나기 전에 툴을 호출하면 30초 타임아웃이 날 때까지 기다리는 대신, 즉시 에러를 반환합니다.
- 툴 호출이 실패했을 때 반환되는 응답에 isError 플래그가 포함되도록 업데이트합니다. 3ad8406

## 2.1.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/figma@2.1.0**
  - [Minor Changes] 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Changes

- 이 패키지의 코드 변경은 없으며, SEED React 2 릴리즈에 맞춰 앞으로의 semver 정합성을 위해 버전을 올립니다.

## 1.3.18

### Patch Changes

- @seed-design/figma@1.3.18

## 1.3.17

### Patch Changes

- @seed-design/figma@1.3.17

## 1.3.16

### Patch Changes

- @seed-design/figma@1.3.16

## 1.3.15

### Patch Changes

- CLI 기반 도구의 cac 의존성을 v7로 업데이트합니다. 91f2e12 @seed-design/cli 와 @seed-design/codemod 의 Node.js 요구사항을 >=20.19.0 으로 맞춥니다. @seed-design/mcp 와 @seed-design/figma-extractor 에서도 최신 cac 런타임을 사용합니다. @seed-design/figma@1.3.15

## 1.3.14

### Updated Dependencies

- **@seed-design/figma@1.3.14**
  - [Patch Changes] Figma 코드젠 컴포넌트 핸들러 및 아이콘 데이터를 업데이트합니다. 546f1fc

## 1.3.13

### Patch Changes

- uuid 의존성을 v14로 업데이트합니다. 95d0aa2

### Updated Dependencies

- **@seed-design/figma@1.3.13**
  - [Patch Changes] Figma 엔티티 및 Codegen을 업데이트합니다. 87f6f45

## 1.3.12

### Patch Changes

- @seed-design/figma@1.3.12

## 1.3.11

### Patch Changes

- axios 의존성을 업데이트합니다. 7ca8e6c

### Updated Dependencies

- **@seed-design/figma@1.3.11**
  - [Patch Changes] 아이콘 데이터 및 Figma Codegen 컴포넌트 핸들러를 최신 버전으로 업데이트합니다. 41cd943

## 1.3.10

### Patch Changes

- @seed-design/figma@1.3.10

## 1.3.9

### Updated Dependencies

- **@seed-design/figma@1.3.9**
  - [Patch Changes] Figma Codegen 및 MCP에서 Slot 레이어 을 지원하도록 업데이트합니다. 72dfd8f

## 1.3.8

### Patch Changes

- SEED Figma MCP에 find_nodes 도구를 추가합니다. 하위 레이어를 이름(정규식)으로 검색하여 목록을 반환합니다. 9f11b31

### Updated Dependencies

- **@seed-design/figma@1.3.8**
  - [Patch Changes] Figma 레이어 normalizer 과정에서, 일부 텍스트 레이어에서 fontFamily 관련 크래시가 발생할 수 있는 문제를 수정합니다. 7cbe9f3

## 1.3.7

### Patch Changes

- Figma MCP 플러그인이 MCP 웹소켓 서버에 연결할 수 없던 문제를 해결합니다. 9f039c5

### Updated Dependencies

- **@seed-design/figma@1.3.7**
  - [Patch Changes] 신규 컴포넌트 ContentPlaceholder 에 대한 Figma Codegen을 지원합니다. ImageFrame codegen 시 fallback 값으로 ContentPlaceholder 코드를 생성합니다. 534eb1c

## 1.3.6

### Patch Changes

- @seed-design/figma@1.3.6

## 1.3.5

### Updated Dependencies

- **@seed-design/figma@1.3.5**
  - [Patch Changes] Figma Codegen 관련 개선사항을 적용합니다. d6df976 TabsTrigger, ChipTabsTrigger Codegen 시 label 값이 누락되던 문제를 수정합니다. MenuSheet Codegen 시 컴포넌트 이름이 MenuSheet 로 잘못 생성되던 문제를 MenuSheetRoot 로 수정합니다. BottomSheet Codegen 시 정적 컴포넌트 키 대신 props에서 동적으로 키를 참조하도록 수정하여 인스턴스 매칭 오류를 해결합니다. 지원되지 않는 종류의 레이어를 발견하는 경우 어떤 종류인지 결과에 명시합니다.

## 1.3.4

### Updated Dependencies

- **@seed-design/figma@1.3.4**
  - [Patch Changes] Figma Codegen 관련 개선 사항을 적용합니다. 934a877 Image Frame 컴포넌트의 React Codegen을 지원합니다. OS 상단바 등 불필요한 UI 요소를 codegen 대상에서 제외합니다. 너비가 Fill로 설정된 Action Button이 flexGrow 를 갖도록 개선합니다.

## 1.3.3

### Patch Changes

- @seed-design/figma@1.3.3

## 1.3.2

### Updated Dependencies

- **@seed-design/figma@1.3.2**
  - [Patch Changes] Figma 엔티티를 업데이트합니다. 모든 구성 요소에 대해 generated 데이터를 사용하여 안정성을 개선합니다. 934bea0

## 1.3.1

### Patch Changes

- MCP를 Node.js 프로젝트에서 직접 구성할 수 있도록 registerTools 를 비롯한 export를 추가합니다. 2f9690a

## 1.3.0

### Minor Changes

- Figma Personal Access Token을 활용하여 WebSocket 서버와 Figma 플러그인 없이 MCP 일부 기능을 활용할 수 있도록 합니다. --mode 옵션을 통해 필요한 도구만 등록할 수 있습니다. 423d604

## 1.2.1

### Updated Dependencies

- **@seed-design/figma@1.2.1**
  - [Patch Changes] Figma 엔티티를 최신 버전으로 업데이트합니다. 15d9587

## 1.2.0

### Patch Changes

- MCP get_node(s)_info 및 get_node_react_code 툴 호출이 실패하는 경우 Figma 라이브러리 업데이트 안내를 추가합니다. 41c4e31

### Updated Dependencies

- **@seed-design/figma@1.2.0**
  - [Minor Changes] SwitchMark 를 Switchmark 로, RadioMark 를 Radiomark 로 Snippet 컴포넌트 이름을 변경합니다. a58022d 1.1 → 1.2 업그레이드 시 변경 권장 : snippet을 다시 내려받고, SwitchMark , RadioMark 를 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:switch ui:radio-group snippet에 SwitchMark , RadioMark 정의가 존재하지만, 1.3 릴리즈 시 snippet에서 해당 맵핑이 제거될 예정이므로 미리 변경해두시길 권장드립니다.
    ```tsx
    // 전
    import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
    import { SwitchMark } from "seed-design/ui/switch";
    import { RadioMark } from "seed-design/ui/radio-group";

    <ListSwitchItem
      title="리스트 아이템 스위치"
      detail="설명 텍스트"
      suffix={<SwitchMark tone="neutral" />}
    />;

    <ListRadioItem
      prefix={<RadioMark tone="neutral" size="large" />}
      value="option"
      title="옵션"
    />;
    ```
    ```tsx
    // 후
    import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
    import { Switchmark } from "seed-design/ui/switch";
    import { Radiomark } from "seed-design/ui/radio-group";

    <ListSwitchItem
      title="리스트 아이템 스위치"
      detail="설명 텍스트"
      suffix={<Switchmark tone="neutral" />}
    />;

    <ListRadioItem
      prefix={<Radiomark tone="neutral" size="large" />}
      value="option"
      title="옵션"
    />;
    ```
  - [Minor Changes] Tag Group 관련 컴포넌트를 업데이트합니다. a0e40ca TagGroupItem 레이블 내부에서 줄바꿈이 발생할 수 있도록 수정합니다. (기존: TagGroupItem 또는 separator 전후에서 줄바꿈 발생) 한 줄 레이아웃 및 우선순위 옵션을 추가합니다. TagGroupRoot 에 truncate prop을 사용하여 한 줄로 유지하고 말줄임 처리를 할 수 있습니다. (기본값: false ) TagGroupItem 에 flexShrink prop을 사용하여 말줄임 우선순위를 조정할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : TagGroupItem 내부 레이블을 TagGroupItemLabel 로 감싸거나, 신규로 제공되는 Snippet에서 제공하는 API로 교체해주세요. npx @seed-design/cli@latest add ui:tag-group 명령어로 Snippet을 추가할 수 있습니다.
    ```tsx
    // 전
    import { TagGroupRoot, TagGroupItem } from "@seed-design/react";

    {
      /* TagGroup.Root, TagGroup.Item처럼 namespace import하는 코드가 있을 수 있습니다. */
    }
    <TagGroupRoot>
      <TagGroupItem>
        <PrefixIcon svg={<IconLocationpinFill />} />
        서초4동
      </TagGroupItem>
      <TagGroupItem>
        광고
        <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
      </TagGroupItem>
      {/* ... */}
    </TagGroupRoot>;
    ```
    ```tsx
    // 후 (Compound Component 유지)

    import {
      TagGroupRoot,
      TagGroupItem,
      TagGroupItemLabel,
    } from "@seed-design/react";

    <TagGroupRoot>
      <TagGroupItem>
        <PrefixIcon svg={<IconLocationpinFill />} />
        {/* TagGroupItemLabel 사용 */}
        <TagGroupItemLabel>서초4동</TagGroupItemLabel>
      </TagGroupItem>
      <TagGroupItem>
        {/* TagGroupItemLabel 사용 */}
        <TagGroupItemLabel>광고</TagGroupItemLabel>
        <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
      </TagGroupItem>
      {/* ... */}
    </TagGroupRoot>;
    ```
    ```tsx
    // 후 (snippet API로 교체)
    // snippet 없는 경우, `npx @seed-design/cli@latest add ui:tag-group`

    import { TagGroupRoot, TagGroupItem } from "seed-design/ui/tag-group";
    import {
      TagGroupRoot as SeedTagGroupRoot,
      TagGroupItem as SeedTagGroupItem,
      TagGroupItemLabel as SeedTagGroupItemLabel,
    } from "@seed-design/react";

    <TagGroupRoot>
      <TagGroupItem label="서초4동" prefixIcon={<IconLocationpinFill />} />
      <SeedTagGroupItem>
        <SeedTagGroupItemLabel>광고</SeedTagGroupItemLabel>
        {/* 아이콘 커스터마이징이 필요한 경우 snippet 대신 Compound Component를 사용합니다. */}
        <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
      </SeedTagGroupItem>
      {/* ... */}
    </TagGroupRoot>;
    ```
  - [Minor Changes] Menu Sheet 관련 컴포넌트를 업데이트합니다. 358a1e4 MenuSheetContent 에 설명을 추가할 수 있는 description prop이 추가되었습니다. MenuSheetItem 에 설명을 추가할 수 있는 description prop이 추가되었습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : snippet을 다시 내려받고, MenuSheetItem 을 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:menu-sheet children 대신 label prop을 사용합니다. description , prefixIcon prop이 추가되었습니다.
    ```tsx
    // 전
    <MenuSheetItem>
      <PrefixIcon svg={<IconHouseLine />} />
      메뉴 항목
    </MenuSheetItem>

    // 후
    <MenuSheetItem
      prefixIcon={<IconHouseLine />}
      label="메뉴 항목"
      description="이제 설명도 추가할 수 있어요"
    />
    ```

## 1.1.19

### Patch Changes

- @seed-design/figma@1.1.19

## 1.1.18

### Updated Dependencies

- **@seed-design/figma@1.1.18**
  - [Patch Changes] 아이콘 정보를 업데이트합니다. e92892a

## 1.1.17

### Patch Changes

- @seed-design/figma@1.1.17

## 1.1.16

### Patch Changes

- @seed-design/figma@1.1.16

## 1.1.15

### Patch Changes

- @seed-design/figma@1.1.15

## 1.1.14

### Updated Dependencies

- **@seed-design/figma@1.1.14**
  - [Patch Changes] Figma Codegen &#x26; MCP에서 boxShadow 코드 생성을 지원하고 엔티티 정보를 최신화합니다. c1f818f

## 1.1.13

### Patch Changes

- @seed-design/figma@1.1.13

## 1.1.12

### Updated Dependencies

- **@seed-design/figma@1.1.12**
  - [Patch Changes] Figma Codegen 정보를 최신화합니다. 6d680ba

## 1.1.11

### Patch Changes

- Figma MCP가 export_node_as_image 툴과 clone_node 툴 호출 후 반환 결과를 정상적으로 파싱하지 못하는 문제를 수정합니다. b58ac46

## 1.1.10

### Updated Dependencies

- **@seed-design/figma@1.1.10**
  - [Patch Changes] Figma 엔티티 및 Codegen을 업데이트합니다. (신규 아이콘 및 ResultSection Codegen 지원) 23e9246

## 1.1.9

### Patch Changes

- @seed-design/figma@1.1.9

## 1.1.8

### Patch Changes

- @seed-design/figma@1.1.8

## 1.1.7

### Patch Changes

- @seed-design/figma@1.1.7

## 1.1.6

### Patch Changes

- @seed-design/figma@1.1.6

## 1.1.5

### Patch Changes

- @seed-design/figma@1.1.5

## 1.1.4

### Patch Changes

- @seed-design/figma@1.1.4

## 1.1.3

### Updated Dependencies

- **@seed-design/figma@1.1.3**
  - [Patch Changes] Figma Codegen 컴포넌트 핸들러를 업데이트합니다. 레거시 Text Field에 대한 Codegen을 한시적으로 지원합니다. d986fd5

## 1.1.2

### Updated Dependencies

- **@seed-design/figma@1.1.2**
  - [Patch Changes] Figma 토큰 정보 및 Codegen 핸들러를 최신화합니다. 4c5d7c4

## 1.1.0

### Updated Dependencies

- **@seed-design/figma@1.1.0**
  - [Patch Changes] Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.

## 1.0.7

### Patch Changes

- @seed-design/figma@1.0.7

## 1.0.6

### Updated Dependencies

- **@seed-design/figma@1.0.6**
  - [Patch Changes] Tag Group 컴포넌트를 추가합니다. Tag Group은 아이콘 및 텍스트로 이루어진 태그를 구분 기호와 함께 수평 레이아웃으로 표시하는 컴포넌트입니다. 6aafce0

## 1.0.5

### Patch Changes

- @seed-design/figma@1.0.5

## 1.0.3

### Updated Dependencies

- **@seed-design/figma@1.0.3**
  - [Patch Changes] Figma Codegen이 Bottom Sheet의 hideCloseButton prop을 사용하는 코드를 반환하도록 수정합니다. ac1fd00
  - [Patch Changes] Figma 아이콘 및 스타일 정보를 최신화합니다. 8b07555

## 1.0.2

### Patch Changes

- @seed-design/figma@1.0.2

## 1.0.1

### Patch Changes

- @seed-design/figma@1.0.1

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/figma@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.2.5

### Updated Dependencies

- **@seed-design/figma@0.2.5**
  - [Patch Changes] Figma Variable &#x26; Variable Collection 정보를 최신화합니다. bef65a6

## 0.2.4

### Updated Dependencies

- **@seed-design/figma@0.2.4**
  - [Patch Changes] Figma Codegen을 위한 컴포넌트 핸들러를 업데이트합니다. afdd1ee List, Checkmark, RadioMark, Radio, Tabs, ChipTabs 지원 Chip, Divider, HelpBubble, Switch, Checkbox 업데이트

## 0.2.3

### Patch Changes

- @seed-design/figma@0.2.3

## 0.2.1

### Patch Changes

- @seed-design/figma@0.2.1

## 0.2.0

### Patch Changes

- @seed-design/figma@0.2.0

## 0.1.15

### Patch Changes

- @seed-design/figma@0.1.15

## 0.1.14

### Updated Dependencies

- **@seed-design/figma@0.1.14**
  - [Patch Changes] Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
    ```tsx
    <PageBanner
      tone="informative"
      variant="weak"
      description="사업자 정보를 등록해주세요."
      suffix={
        <PageBannerButton asChild>
          <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
            새 탭에서 열기
          </a>
        </PageBannerButton>
      }
    />
    ```
    시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
  - [Patch Changes] Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

## 0.1.13

### Patch Changes

- @seed-design/figma@0.1.13

## 0.1.12

### Patch Changes

- @seed-design/figma@0.1.12

## 0.1.11

### Updated Dependencies

- **@seed-design/figma@0.1.11**
  - [Patch Changes] 레이아웃 컴포넌트를 사용할 때 flexGrow , flexShrink , flexWrap 에도 true 를 사용할 수 있도록 수정합니다. 9993e0e Figma 레이어가 이미지 Fill을 가지고 있는 경우 &#x3C;img /> 요소를 prepend합니다.

## 0.1.10

### Updated Dependencies

- **@seed-design/figma@0.1.10**
  - [Patch Changes] Figma 컴포넌트 정보 및 핸들러를 최신화하고 codegen을 업데이트합니다. aa40f66 Instance에 오버라이드한 내용이 있는 경우 주석으로 알립니다.

## 0.1.9

### Updated Dependencies

- **@seed-design/figma@0.1.9**
  - [Patch Changes] Switch 컴포넌트를 업데이트합니다. 5a025b7 size: medium → 32, small → 16으로 rename합니다. (React) size="medium" 으로 32 , size="small" 로 16 을 사용할 수 있습니다. (deprecated) size: 24를 추가합니다. 모든 size에 대해 레이블 스타일을 추가합니다. (기존: small에만 존재)
  - [Patch Changes] Figma 컴포넌트 핸들러 정보를 최신화하고 정확한 prop을 생성하도록 수정합니다. f9379e0 Chip, Progress Circle, Switch 컴포넌트 핸들러를 업데이트합니다. grow 대신 flexGrow 가 생성되도록, borderWidth 가 string 으로 생성되도록 수정합니다.

## 0.1.8

### Updated Dependencies

- **@seed-design/figma@0.1.8**
  - [Patch Changes] Figma 컴포넌트 핸들러 및 스타일 정보를 최신화합니다. 2e2cc53 normalize 과정에서 그라디언트 정보를 포함하도록 수정합니다.

## 0.1.7

### Patch Changes

- @seed-design/figma@0.1.7

## 0.1.6

### Patch Changes

- @seed-design/figma@0.1.6

## 0.1.5

### Patch Changes

- @seed-design/figma@0.1.5

## 0.1.4

### Patch Changes

- @seed-design/figma@0.1.4

## 0.1.3

### Patch Changes

- @seed-design/figma@0.1.3

## 0.1.2

### Patch Changes

- Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

### Updated Dependencies

- **@seed-design/figma@0.1.2**
  - [Patch Changes] Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.1

### Patch Changes

- @seed-design/figma@0.1.1

## 0.1.0

### Patch Changes

- @seed-design/figma@0.1.0

## 0.0.41

### Patch Changes

- @seed-design/figma@0.0.41

## 0.0.40

### Patch Changes

- Instance Swap의 대상 노드가 visible: false일 때 REST API에서 원본 컴포넌트 정보를 제공하지 않아 발생하는 참조 오류를 수정합니다. 5a55fb3

### Updated Dependencies

- **@seed-design/figma@0.0.40**
  - [Patch Changes] Instance Swap의 대상 노드가 visible: false일 때 REST API에서 원본 컴포넌트 정보를 제공하지 않아 발생하는 참조 오류를 수정합니다. 5a55fb3

## 0.0.39

### Patch Changes

- @seed-design/figma@0.0.39

## 0.0.38

### Patch Changes

- @seed-design/figma@0.0.38

## 0.0.35

### Patch Changes

- @seed-design/figma@0.0.35

## 0.0.34

### Patch Changes

- @seed-design/figma@0.0.34

## 0.0.33

### Patch Changes

- @seed-design/figma@0.0.33

## 0.0.31

### Patch Changes

- @seed-design/figma@0.0.31

## 0.0.30

### Patch Changes

- @seed-design/figma@0.0.30

## 0.0.29

### Patch Changes

- @seed-design/figma@0.0.29

## 0.0.28

### Updated Dependencies

- **@seed-design/figma@0.0.28**
  - [Patch Changes] Figma XML 타겟에서 instance 노드의 컴포넌트 정보를 제공합니다. b3da758

## 0.0.27

### Updated Dependencies

- **@seed-design/figma@0.0.27**
  - [Patch Changes] 레이아웃 컴포넌트의 codegen이 default value를 정상적으로 제외하도록 수정합니다. 4133c5e

## 0.0.25

### Patch Changes

- codegen 결과물이 import 문을 함께 반환하는 기능을 추가합니다. c8a6d41

### Updated Dependencies

- **@seed-design/figma@0.0.25**
  - [Patch Changes] codegen 결과물이 import 문을 함께 반환하는 기능을 추가합니다. c8a6d41

## 0.0.24

### Patch Changes

- @seed-design/figma@0.0.24

## 0.0.23

### Patch Changes

- 기본적으로 local-default 채널을 사용하도록 변경합니다. join_channel을 매 세션마다 요청할 필요를 없앱니다. bf38ec2 @seed-design/figma@0.0.23

## 0.0.22

### Patch Changes

- 커스텀 컴포넌트를 등록할 수 있도록 extend.componentHandlers 설정을 제공합니다. 6c0133a

### Updated Dependencies

- **@seed-design/figma@0.0.22**
  - [Patch Changes] 커스텀 컴포넌트를 등록할 수 있도록 extend.componentHandlers 설정을 제공합니다. 6c0133a

## 0.0.21

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/figma@0.0.21**
  - [Patch Changes] NormalizedInstanceNode의 componentProperties에 componentSetKey를 추가합니다. b167e95
  - [Patch Changes] TextField codegen이 아이콘을 인식하지 못하는 문제를 수정합니다. 2f2f9b3
  - [Patch Changes] 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.20

### Updated Dependencies

- **@seed-design/figma@0.0.20**
  - [Patch Changes] Text style, 아이콘을 찾지 못했을 때 fallback을 추가합니다. 38ece6a

## 0.0.19

### Patch Changes

- @seed-design/figma@0.0.19

## 0.0.18

### Patch Changes

- 번들에 의도치 않은 외부 의존성이 포함되는 문제를 수정합니다. 4619fde

### Updated Dependencies

- **@seed-design/figma@0.0.18**
  - [Patch Changes] borderRadius codegen에 radius prefix가 붙지 않도록 수정합니다. b28303c

## 0.0.17

### Patch Changes

- @seed-design/figma@0.0.17

## 0.0.16

### Patch Changes

- npx, bunx로 사용하기 쉽도록 bin 진입점을 통합합니다. 7671445 experimental 기능을 플래그로 분리합니다.

## 0.0.15

### Updated Dependencies

- **@seed-design/figma@0.0.15**
  - [Patch Changes] 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.

## 0.0.6

### Patch Changes

- @seed-design/figma@0.0.6

## 0.0.5

### Patch Changes

- @seed-design/figma@0.0.5

## 0.0.4

### Patch Changes

- @seed-design/figma@0.0.4

## 0.0.3

### Updated Dependencies

- **@seed-design/figma@0.0.3**
  - [Patch Changes] 숨겨진 노드 및 Fill을 무시하도록 수정합니다. 9ff6487 BOOLEAN_OPERATION 노드를 지원합니다.

## 0.0.2

### Patch Changes

- SEED Design의 MCP 서버를 제공합니다. 1d9e06a

### Updated Dependencies

- **@seed-design/figma@0.0.2**
  - [Patch Changes] SEED Design의 Figma 통합을 위한 패키지를 제공합니다. 1d9e06a REST API와 Plugin API를 normalize 합니다. 플러그인 및 서버 환경 모두 동일한 방식으로 사용할 수 있도록 합니다. Figma Plugin으로 제공되었던 Codegen 기능을 패키지로 제공합니다.

---

## @seed-design/migration-index

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Major Changes

- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.30

### Patch Changes

- 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.0.28

### Patch Changes

- 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.20

### Patch Changes

- static 색상들의 맵핑을 추가해요 f17f842 needsVerification 필드를 추가해요

## 0.0.18

### Patch Changes

- fix color mapping (divider-1, on-gray-overlay-50) a7e2571

## 0.0.3

### Patch Changes

- remove static next token 4f465ba

## 0.0.2

### Patch Changes

- add iconography index 9f55b8f

## 0.0.1

(no entries)

## 0.0.1-rc.0

### Patch Changes

- migration index, codemod (vars, tailwind) f83bbf8

---

## @seed-design/react

## 2.3.0

### Minor Changes

- Date Picker에서 시작일을 유지하고 종료일만 변경할 수 있는 기능을 추가합니다. ebb4eae selectionMode="range" 에서 rangeStartReadOnly prop을 사용할 수 있습니다. 시작일보다 늦은 날짜만 새 종료일로 선택할 수 있습니다. 읽기 전용 시작일의 시각적 상태와 접근성 이름을 제공합니다.
  ```tsx
  <DatePicker
    selectionMode="range"
    rangeStartReadOnly
    value={{
      start: { year: 2026, month: 8, day: 7 },
      end: { year: 2026, month: 8, day: 9 },
    }}
  />
  ```

### Patch Changes

- unicode-segmenter 의존성 버전을 업데이트하여 자모 개수 계산 속도를 개선합니다. 80e0e33

### Updated Dependencies

- **@seed-design/react-date-picker@1.1.0**
  - [Minor Changes] Date Picker에서 시작일을 유지하고 종료일만 변경할 수 있는 기능을 추가합니다. ebb4eae selectionMode="range" 에서 rangeStartReadOnly prop을 사용할 수 있습니다. 시작일보다 늦은 날짜만 새 종료일로 선택할 수 있습니다. 읽기 전용 시작일의 시각적 상태와 접근성 이름을 제공합니다.
    ```tsx
    <DatePicker
      selectionMode="range"
      rangeStartReadOnly
      value={{
        start: { year: 2026, month: 8, day: 7 },
        end: { year: 2026, month: 8, day: 9 },
      }}
    />
    ```
- **@seed-design/react-drawer@2.0.6**
  - [Patch Changes] iOS에서 Drawer 내부 Input과 키보드 전환 동작을 개선합니다. ebb4eae Input 포커스·해제 중 Drawer 높이와 위치가 일시적으로 흔들리거나 복원되지 않는 문제를 수정합니다. 키보드에 가려진 Input이 Drawer 내부의 가장 가까운 스크롤 영역에서 부드럽게 보이도록 이동합니다.

## 2.2.2

### Patch Changes

- @seed-design/react-drawer@2.0.3 , @seed-design/css@2.3.1 에서 추가된 키보드 리포지션 애니메이션과 높이 보정 동작을 제거합니다. 225496c

### Updated Dependencies

- **@seed-design/react-drawer@2.0.5**
  - [Patch Changes] @seed-design/react-drawer@2.0.3 , @seed-design/css@2.3.1 에서 추가된 키보드 리포지션 애니메이션과 높이 보정 동작을 제거합니다. 225496c

## 2.2.1

### Patch Changes

- @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66

### Updated Dependencies

- **@seed-design/react-dialog@2.0.3**
  - [Patch Changes] @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66
- **@seed-design/react-drawer@2.0.4**
  - [Patch Changes] @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66
- **@seed-design/react-menu@2.0.2**
  - [Patch Changes] @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66
- **@seed-design/react-select@1.0.1**
  - [Patch Changes] @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66

## 2.2.0

### Minor Changes

- Time Picker와 Date Picker에서 재사용할 수 있는 Wheel Picker 기반을 추가합니다. c9acaa6 스크롤과 키보드로 값을 선택할 수 있는 headless Wheel Picker를 제공합니다. React 컴포넌트 내부에서 Scroll Fog와 Selection Indicator를 조합할 수 있는 기반을 추가합니다.
- Quantity Picker에 부모 Flex 레이아웃의 여유 공간을 채우는 layout="fill" 옵션을 추가합니다. c9acaa6 기본값 layout="hug" 는 기존 크기를 유지합니다. layout="fill" 에서는 양쪽 버튼 크기를 유지하고 Value Display 영역만 늘어납니다.
- DatePicker 컴포넌트를 추가합니다. c9acaa6 Single, Range, Multiple 선택 모드를 지원합니다. Month, Two Months, Week, Continuous 레이아웃을 각각 DatePicker , TwoMonthDatePicker , WeekDatePicker , ContinuousDatePicker 로 제공합니다. 날짜 constraints와 예약·가격 표시를 위한 renderDateCellSupplement , 내부 콘텐츠 전체를 교체하는 renderDateCellContent 를 제공합니다. actionsRef 를 통해 특정 날짜로 이동하거나 날짜 셀에 포커스할 수 있습니다. locale 기반 달력, 키보드·스크린 리더 접근성, Wheel Picker를 이용한 월·연도 이동을 지원합니다.
- TimePicker 컴포넌트를 추가합니다. c9acaa6 12시간제 시간 선택 UI와 locale에 따른 컬럼 순서를 지원합니다. minuteStep 으로 선택 가능한 분 간격을 설정할 수 있습니다.

### Updated Dependencies

- **@seed-design/react-wheel-picker@1.0.0**
  - [Major Changes] Time Picker와 Date Picker에서 재사용할 수 있는 Wheel Picker 기반을 추가합니다. c9acaa6 스크롤과 키보드로 값을 선택할 수 있는 headless Wheel Picker를 제공합니다. React 컴포넌트 내부에서 Scroll Fog와 Selection Indicator를 조합할 수 있는 기반을 추가합니다.
- **@seed-design/react-date-picker@1.0.0**
  - [Major Changes] DatePicker 컴포넌트를 추가합니다. c9acaa6 Single, Range, Multiple 선택 모드를 지원합니다. Month, Two Months, Week, Continuous 레이아웃을 각각 DatePicker , TwoMonthDatePicker , WeekDatePicker , ContinuousDatePicker 로 제공합니다. 날짜 constraints와 예약·가격 표시를 위한 renderDateCellSupplement , 내부 콘텐츠 전체를 교체하는 renderDateCellContent 를 제공합니다. actionsRef 를 통해 특정 날짜로 이동하거나 날짜 셀에 포커스할 수 있습니다. locale 기반 달력, 키보드·스크린 리더 접근성, Wheel Picker를 이용한 월·연도 이동을 지원합니다.
- **@seed-design/react-time-picker@1.0.0**
  - [Major Changes] TimePicker 컴포넌트를 추가합니다. c9acaa6 12시간제 시간 선택 UI와 locale에 따른 컬럼 순서를 지원합니다. minuteStep 으로 선택 가능한 분 간격을 설정할 수 있습니다.

## 2.1.1

### Patch Changes

- ImageFrame과 Avatar가 로딩 중에 이미지를 숨기지 않습니다. f9456d6 loading="lazy" 이미지가 화면에 들어와도 끝내 로드되지 않던 문제를 수정합니다. 이미지가 LCP 요소일 때 측정값이 실제 도착 시각으로 잡힙니다. loading="eager" 에도 해당됩니다. src 없이 srcSet 만 지정한 반응형 이미지를 지원합니다. 로딩 중 플레이스홀더가 보이고 완료 시 이미지가 보이는 동작은 그대로입니다. 다만 로딩 중에는 이미지가 화면에 남아 있으므로, 스크린리더가 플레이스홀더와 함께 이미지의 alt 도 읽습니다.

### Updated Dependencies

- **@seed-design/react-pull-to-refresh@2.0.2**
  - [Patch Changes] PullToRefresh의 제스처 인식과 상태 복구 문제를 수정합니다. bd5eda2 iOS에서 스크롤하기 위해 빠르게 스와이프하는 경우 이를 pull로 잘못 인식해, 손을 떼는 순간 콘텐츠가 위로 튕기던 문제를 수정합니다. 이제 제스처가 시작된 지점을 손가락이 닿는 순간 기록하므로, 직전 제스처가 남긴 위치와 비교해 pull이 시작되는 일이 없습니다. PullToRefreshRoot 안쪽에 별도의 스크롤 영역이 있는 경우, 그 영역이 한참 아래로 스크롤된 상태에서도 아래로 당기면 새로고침이 실행되던 문제를 수정합니다. 이제 Root가 아니라 실제로 스크롤을 담당하는 요소의 위치를 기준으로 판정합니다. pull 도중 손가락이 시작 지점 위로 올라가면 콘텐츠가 위로 밀렸다가 되돌아오던 문제를 수정합니다. 이제 그 구간에서는 이동량이 0 으로 유지되고, 다시 아래로 당기면 곧바로 이어집니다. 제스처가 중간에 취소되면 인디케이터가 남아 원래 위치로 돌아오지 않던 문제를 수정합니다. onPtrRefresh 가 반환한 Promise가 reject되면 로딩 상태에서 빠져나오지 못해, 이후 새로고침이 아예 동작하지 않던 문제를 수정합니다. onPtrPullEnd 가 pull이 취소될 때도 호출됩니다. 취소된 경우 displacement 는 0 으로 전달됩니다.
- **@seed-design/react-drawer@2.0.3**
  - [Patch Changes] 소프트웨어 키보드가 열릴 때 BottomSheet가 움직이는 방식을 개선합니다. 3d5ecf4 iOS에서 시트가 한 프레임에 점프하지 않고 새 위치까지 애니메이션합니다. Android에서 입력 필드에 포커스하면 시트가 화면을 덮을 만큼 커지던 문제를 수정합니다.
- **@seed-design/react-image@1.1.0**
  - [Minor Changes] ImageFrame과 Avatar가 로딩 중에 이미지를 숨기지 않습니다. f9456d6 loading="lazy" 이미지가 화면에 들어와도 끝내 로드되지 않던 문제를 수정합니다. 이미지가 LCP 요소일 때 측정값이 실제 도착 시각으로 잡힙니다. loading="eager" 에도 해당됩니다. src 없이 srcSet 만 지정한 반응형 이미지를 지원합니다. 로딩 중 플레이스홀더가 보이고 완료 시 이미지가 보이는 동작은 그대로입니다. 다만 로딩 중에는 이미지가 화면에 남아 있으므로, 스크린리더가 플레이스홀더와 함께 이미지의 alt 도 읽습니다.

## 2.1.0

### Minor Changes

- 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
  ```tsx
  <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
    <SelectTrigger placeholder="과일을 선택하세요" />
    <SelectContent>
      <SelectGroup>
        <SelectItem value="apple" label="사과" />
        <SelectItem value="banana" label="바나나" />
      </SelectGroup>
    </SelectContent>
  </SelectRoot>
  ```
- Select, QuantityPicker, Dialog의 스타일을 사용할 수 있도록 @seed-design/react 의 @seed-design/css peerDependency의 floor를 ^2.0.0 에서 ^2.3.0 으로 올립니다. dbad313
- 기존 Alert Dialog와 별개로, 범용 Dialog와 ResponsiveDialog를 추가합니다. 6ba7292 Dialog : medium , large size를 지원하며, 본문이 길면 Body가 스크롤되고 상단에 divider와 하단 fade가 나타납니다. ResponsiveDialog : md 이상에서는 Dialog로, 그 아래에서는 Bottom Sheet로 렌더링합니다. ui:dialog , ui:responsive-dialog snippet으로 설치할 수 있습니다.
  ```tsx
  <DialogRoot size="medium">
    <DialogTrigger asChild>
      <ActionButton>열기</ActionButton>
    </DialogTrigger>
    <DialogContent title="제목" description="설명">
      <DialogBody>{/* ... */}</DialogBody>
      <DialogFooter>
        <HStack gap="x2" justify="flex-end">
          <DialogAction variant="neutralWeak">취소</DialogAction>
          <DialogAction variant="neutralSolid">확인</DialogAction>
        </HStack>
      </DialogFooter>
    </DialogContent>
  </DialogRoot>
  ```
- QuantityPicker 컴포넌트를 추가합니다. 19f07f5 지정한 최소·최대 수량 범위에서 값을 증감할 수 있으며, 최소 수량에서 제거 동작을 지원합니다. size , disabled , readOnly , invalid , 증감 중 loading 상태를 지원합니다. 폼 제출에 사용할 수 있는 QuantityPicker.HiddenInput 을 제공합니다. ui:quantity-picker snippet으로 설치할 수 있으며, @seed-design/css@^2.3.0 을 사용합니다.
  ```tsx
  <QuantityPicker.Root min={0} max={99} defaultValue={1}>
    <QuantityPicker.DecrementButton icon={<IconMinusLine />} />
    <QuantityPicker.ValueDisplay />
    <QuantityPicker.IncrementButton icon={<IconPlusLine />} />
    <QuantityPicker.HiddenInput name="quantity" />
  </QuantityPicker.Root>
  ```

### Updated Dependencies

- **@seed-design/dom-utils@2.1.0**
  - [Minor Changes] 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
    ```tsx
    <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
      <SelectTrigger placeholder="과일을 선택하세요" />
      <SelectContent>
        <SelectGroup>
          <SelectItem value="apple" label="사과" />
          <SelectItem value="banana" label="바나나" />
        </SelectGroup>
      </SelectContent>
    </SelectRoot>
    ```
- **@seed-design/react-select@1.0.0**
  - [Major Changes] 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
    ```tsx
    <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
      <SelectTrigger placeholder="과일을 선택하세요" />
      <SelectContent>
        <SelectGroup>
          <SelectItem value="apple" label="사과" />
          <SelectItem value="banana" label="바나나" />
        </SelectGroup>
      </SelectContent>
    </SelectRoot>
    ```
- **@seed-design/react-quantity-picker@1.0.0**
  - [Major Changes] QuantityPicker 컴포넌트를 추가합니다. 19f07f5 지정한 최소·최대 수량 범위에서 값을 증감할 수 있으며, 최소 수량에서 제거 동작을 지원합니다. size , disabled , readOnly , invalid , 증감 중 loading 상태를 지원합니다. 폼 제출에 사용할 수 있는 QuantityPicker.HiddenInput 을 제공합니다. ui:quantity-picker snippet으로 설치할 수 있으며, @seed-design/css@^2.3.0 을 사용합니다.
    ```tsx
    <QuantityPicker.Root min={0} max={99} defaultValue={1}>
      <QuantityPicker.DecrementButton icon={<IconMinusLine />} />
      <QuantityPicker.ValueDisplay />
      <QuantityPicker.IncrementButton icon={<IconPlusLine />} />
      <QuantityPicker.HiddenInput name="quantity" />
    </QuantityPicker.Root>
    ```

## 2.0.5

### Patch Changes

- DialogActionProps 가 DialogAction 이 실제로 받는 props를 나타내도록 수정합니다. type , disabled , form , value 등 button 전용 속성이 포함됩니다. 26c8fac
- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-accordion@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-attachment-display@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-avatar@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-checkbox@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-collapsible@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-dialog@2.0.2**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-drawer@2.0.2**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-field@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-field-button@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-fieldset@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-file-upload@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-image@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-menu@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
  - [Patch Changes] 메뉴가 닫힐 때 목록이 맨 위로 튀는 문제를 수정합니다. fb6f9c4 MenuContent 가 열림/닫힘이 바뀔 때마다 리마운트되어, 스크롤한 메뉴를 닫으면 닫힘 애니메이션이 맨 위로 되돌아간 상태로 재생됐습니다. 이제 열고 닫아도 content의 DOM이 그대로 유지되어 스크롤 위치가 보존되고, 메뉴를 여닫을 때마다 항목 전체를 다시 만들지 않습니다.
- **@seed-design/react-middle-truncate@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-navigation-menu@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-popover@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-portal@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-progress@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-pull-to-refresh@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-radio-group@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-segmented-control@2.0.2**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-side-navigation@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-slider@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-snackbar@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-switch@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-tabs@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-text-field@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-toggle@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-tooltip@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.4

### Patch Changes

- DialogRoot 등 컴포넌트에 undefined prop을 전달했을 때 각 컴포넌트의 기본값이 적용되지 않는 문제를 수정합니다. 001f539

## 2.0.3

### Patch Changes

- DialogTitle / DialogDescription 을 시맨틱 요소( h2 / p )로 렌더하고, 렌더된 경우 DialogContent 에 aria-labelledby / aria-describedby 로 연결되도록 수정합니다. fb4459e

### Updated Dependencies

- **@seed-design/react-navigation-menu@2.0.0**
  - [Major Changes] NavigationMenuGroupLabel 이 실제로 렌더된 경우에만 NavigationMenuGroup 이 aria-labelledby 를 노출하도록 수정합니다. 34586b6
- **@seed-design/react-dialog@2.0.1**
  - [Patch Changes] DialogTitle / DialogDescription 이 실제로 렌더된 경우에만 DialogContent 가 각각 aria-labelledby / aria-describedby 를 노출하도록 수정합니다. 34586b6
- **@seed-design/react-menu@2.0.0**
  - [Major Changes] MenuGroupLabel 이 실제로 렌더된 경우에만 MenuGroup 이 aria-labelledby 를 노출하도록 수정합니다. 73cd380
- **@seed-design/react-drawer@2.0.1**
  - [Patch Changes] Drawer의 active snap point가 특정 상황에서 undefined 로 설정되던 문제를 수정합니다. 1d3e8c6
- **@seed-design/react-segmented-control@2.0.1**
  - [Patch Changes] SegmentedControlItem 에 className , asChild 등 DOM 속성 전달 시 발생하던 타입 에러를 수정합니다. 176ff81

## 2.0.2

### Patch Changes

- 구형 iOS Safari(16.4 미만)에서 중첩된 Box 및 일부 컴포넌트가 상위 요소의 레이아웃 값을 잘못 상속하던 문제를 수정합니다. d71f402 값을 지정하지 않은 자식 Box 가 상위의 width , height , gap , margin 등을 물려받아 의도와 다르게 렌더링되던 문제를 해결합니다. 모던 브라우저의 동작에는 변화가 없습니다. SidePanel , BottomSheet , Skeleton , HelpBubble 에서도 동일한 상속 문제를 바로잡습니다. bleed 를 지정한 요소가 구형 Safari에서도 정상 동작하도록 개선합니다.

## 2.0.1

### Patch Changes

- @seed-design/react 에서 @seed-design/css/vars/component 의존을 제거하여 ImageFrame offsetX offsetY 및 ScrollFog size 의 기본값을 기존과 동일한 값으로 하드코딩합니다. e97a89c
- ImageFrameReactionButton root에 반투명 배경색과 그림자를 추가하여 밝은 이미지 위에서의 가시성을 개선합니다. 7224b94

## 2.0.0

### Major Changes

- Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 margin 관련 프로퍼티를 추가합니다. 4ad24cc margin / m , marginX / mx , marginY / my , marginTop / mt , marginRight / mr , marginBottom / mb , marginLeft / ml "auto" 리터럴 및 breakpoint 기반 반응형 스타일링을 지원합니다. margin* 과 bleed* 를 동시에 사용할 수 없도록 타입 레벨 제약(discriminated union)을 추가합니다. @seed-design/react를 통해 제공되는 다음 인터페이스가 interface 에서 type 으로 전환됩니다. BoxProps , FlexProps , GridProps , StackProps , VStackProps , HStackProps , ArticleProps , AspectRatioProps , ColumnsProps , ColumnProps , GridItemProps , ImageFrameProps , InlineProps , ResponsivePairProps . 위 인터페이스를 extend 하는 타입은 type X = BoxProps &#x26; {...} 처럼 전환할 수 있습니다. Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 4개 방향 모두에 negative margin을 적용하는 bleed 프로퍼티를 추가합니다.
- Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
- Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
- Layout 컴포넌트를 추가합니다. 54a2ff8
- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- Side Navigation에서 내부적으로 사용되는 NavigationMenu 컴포넌트를 추가합니다. 2abd3ed
- Breakpoint 기반 반응형 스타일링을 지원합니다. 9369ff9 Box, Flex, Grid, VStack 등 유틸리티 컴포넌트의 레이아웃 관련 프로퍼티에 breakpoint 기반 반응형 객체를 사용할 수 있습니다.
  ```tsx
  <Box padding={{ base: "x3", md: "x6" }} />
  <Grid columns={{ base: 1, md: 2, lg: 4 }} gap="x4" />
  ```
  @seed-design/react 에서 useBreakpoint 훅과 useBreakpointValue 훅을 제공합니다. useBreakpoint() — 현재 활성 breakpoint 이름을 반환합니다. ( "base" | "sm" | "md" | "lg" | "xl" ) useBreakpointValue(values) — 반응형 객체에서 현재 breakpoint에 해당하는 값을 반환합니다.
  ```tsx
  const actionButtonProps = useBreakpointValue<ActionButtonProps>({
    base: { variant: "neutralWeak" },
    lg: { variant: "brandSolid" },
  });
  ```
  &#x3C;Grid display="none"> 으로 Grid를 숨길 수 없던 문제를 수정합니다.
- selectBoxCheckmark recipe의 생성 클래스명과 import 경로를 다른 recipe와 동일하게 kebab-case로 정정합니다. 4839a64 클래스명: seed-selectBoxCheckmark__* → seed-select-box-checkmark__* import 경로: @seed-design/css/recipes/selectBoxCheckmark → @seed-design/css/recipes/select-box-checkmark
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- Side Navigation 컴포넌트를 추가합니다. ec33023
- Side Panel 컴포넌트를 추가합니다. 98b52a7 화면 좌/우 가장자리에서 슬라이드해 보조 콘텐츠, 상세 정보, 설정 흐름을 표시할 수 있습니다.
- Snackbar 내부 액션 버튼 클릭 시 onAction 핸들러 호출 이후 스낵바가 닫히는 동작을 기본값으로 제공합니다. afb77c5 snippet에 존재하던 deprecate된 shouldCloseOnAction 옵션(default: true )을 제거합니다. 해당 동작을 React 컴포넌트로 이전하여 항상 true 처럼 동작하도록 변경합니다.
- SwipeableMenuSheet 컴포넌트를 추가하고, 기존 MenuSheet 관련 API를 deprecate합니다. f982d61 SwipeableMenuSheet 추가 Drawer 기반의 SwipeableMenuSheet 관련 컴포넌트를 추가합니다. 전체 영역을 스와이프하여 시트를 닫을 수 있으며, 해당 동작의 힌트로 상단에 드래그 핸들이 표시됩니다. MenuSheet 에서는 항상 표시되었던 닫기 버튼을 기본적으로 UI에 표시하지 않습니다. showCloseButton prop을 통해 닫기 버튼의 노출 여부를 제어할 수 있습니다. MenuSheet 관련 컴포넌트 및 API Deprecate Dialog 기반의 MenuSheet 관련 컴포넌트 및 API를 deprecate합니다. 신규로 Menu Sheet 사용이 필요한 경우 SwipeableMenuSheet 를 사용합니다. open / defaultOpen / onOpenChange 등 기본적인 MenuSheet 의 API는 SwipeableMenuSheet 에서 동일하게 유지됩니다.
- Footer.LinkText 컴포넌트 및 Footer Block 예시를 추가합니다. 7f1dbe3
- Text Input(Text Field)과 Input Button(Field Button)에 size="medium" variant를 추가합니다. c0fd999
- Accordion 컴포넌트를 추가합니다. 31bf164 여러 개의 관련된 콘텐츠 섹션을 수직으로 나열하고, 각 섹션을 펼치거나 접어 정보를 탐색할 수 있는 컴포넌트입니다.

### Updated Dependencies

- **@seed-design/react-attachment-display@1.0.0**
  - [Major Changes] Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
- **@seed-design/react-middle-truncate@1.0.0**
  - [Major Changes] Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
- **@seed-design/react-file-upload@1.0.0**
  - [Major Changes] Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
- **@seed-design/react-tooltip@1.0.0**
  - [Major Changes] Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
- **@seed-design/react-popover@2.0.0**
  - [Major Changes] Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
- **@seed-design/react-dialog@2.0.0**
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- **@seed-design/react-drawer@2.0.0**
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- **@seed-design/react-menu@1.0.0**
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- **@seed-design/react-navigation-menu@1.0.0**
  - [Major Changes] Side Navigation에서 내부적으로 사용되는 NavigationMenu 컴포넌트를 추가합니다. 2abd3ed
- **@seed-design/react-side-navigation@1.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023
- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023
- **@seed-design/react-snackbar@2.0.0**
  - [Major Changes] Snackbar 내부 액션 버튼 클릭 시 onAction 핸들러 호출 이후 스낵바가 닫히는 동작을 기본값으로 제공합니다. afb77c5 snippet에 존재하던 deprecate된 shouldCloseOnAction 옵션(default: true )을 제거합니다. 해당 동작을 React 컴포넌트로 이전하여 항상 true 처럼 동작하도록 변경합니다.
- **@seed-design/react-accordion@1.0.0**
  - [Major Changes] Accordion 컴포넌트를 추가합니다. 31bf164 여러 개의 관련된 콘텐츠 섹션을 수직으로 나열하고, 각 섹션을 펼치거나 접어 정보를 탐색할 수 있는 컴포넌트입니다.
- **@seed-design/react-avatar@1.0.1**
- **@seed-design/react-checkbox@1.0.2**
- **@seed-design/react-collapsible@0.1.1**
- **@seed-design/react-field@1.0.2**
- **@seed-design/react-field-button@1.0.3**
- **@seed-design/react-fieldset@0.1.1**
- **@seed-design/react-image@0.1.2**
- **@seed-design/react-progress@1.0.1**
- **@seed-design/react-pull-to-refresh@1.0.2**
- **@seed-design/react-radio-group@1.1.1**
- **@seed-design/react-segmented-control@1.0.2**
- **@seed-design/react-slider@1.0.3**
- **@seed-design/react-switch@1.0.2**
- **@seed-design/react-tabs@1.0.6**
- **@seed-design/react-text-field@1.1.2**
- **@seed-design/react-toggle@1.0.2**

## 1.2.15

### Patch Changes

- SEED React 2.0.0에서 제거될 예정인 BottomSheet의 direction 옵션을 deprecated 처리합니다. 2.0.0부터 BottomSheet는 항상 아래에서 올라오며 direction 을 받지 않습니다. 47690e2

### Updated Dependencies

- **@seed-design/react-drawer@1.0.11**
  - [Patch Changes] iOS 환경에서 Bottom Sheet(Drawer) 내부 버튼에서 시트 스와이프 동작을 수행하는 경우 의도하지 않은 버튼 클릭을 발생시키던 문제를 수정합니다. 306673a

## 1.2.14

### Patch Changes

- deprecated 항목의 제거 예정 버전 안내를 1.3.0에서 2.0.0으로 변경합니다. 234e8c7 ImageFrame 의 rounded 옵션, Switch / Checkbox / ChipTabs 의 deprecated 옵션, 유틸리티 스타일 prop( display , flexDirection , justifyContent , alignItems )의 deprecated 값의 제거 예정 버전을 2.0.0으로 안내합니다. $color.bg.layer-fill , $gradient.fade-layer-floating , $gradient.fade-layer-default 토큰의 제거 예정 버전을 2.0.0으로 안내합니다. 2.0.0부터 deprecated 항목 제거를 포함한 breaking change는 메이저 릴리스에서만 수행됩니다.

### Updated Dependencies

- **@seed-design/react-drawer@1.0.10**
  - [Patch Changes] SEED React 2.0.0에서 제거될 예정인 Drawer/BottomSheet의 noBodyStyles , preventScrollRestoration 옵션을 deprecated 처리합니다. 2.0.0부터는 두 옵션 모두 기본값( noBodyStyles=true , preventScrollRestoration=false )처럼 동작합니다. 59887b7

## 1.2.13

### Updated Dependencies

- **@seed-design/react-dialog@1.0.3**
  - [Patch Changes] AlertDialog , MenuSheet 등 Dialog 기반 컴포넌트가 열릴 때 첫 항목 대신 컨테이너에 포커스가 가도록 수정합니다. 26b1de5 URL로 직접 진입해 열었을 때 첫 항목에 포커스 링이 노출되던 문제를 수정합니다. 스크린리더가 다이얼로그의 제목과 설명을 먼저 읽도록 초기 포커스를 컨테이너로 옮깁니다.

## 1.2.12

### Updated Dependencies

- **@seed-design/react-popover@1.0.4**
  - [Patch Changes] HelpBubble이 좁은 화면에서 화면 밖으로 잘리던 문제를 수정합니다. (Popover의 floating 요소 너비를 viewport에 맞게 동적으로 제한하고, 긴 텍스트가 Help Bubble 밖으로 넘치지 않도록 긴 단어 중간 줄바꿈을 허용합니다.) e48f021

## 1.2.11

### Patch Changes

- lazyMount를 사용하는 Tabs · ChipTabs에서 멀리 떨어진 탭을 선택하면 다른 탭이 열리던 문제를 해결합니다. lazyMount 및 TabsCarousel 사용 시 TabsContent 자체를 항상 렌더하고, TabsContent의 children만 lazy mount하도록 변경합니다. 81ec9f5
- iOS 환경에서 ChipTabs + ScrollFog 사용 시 가로 스크롤이 동작하지 않는 문제를 해결합니다. 136a150

### Updated Dependencies

- **@seed-design/react-tabs@1.0.5**
  - [Patch Changes] lazyMount를 사용하는 Tabs · ChipTabs에서 멀리 떨어진 탭을 선택하면 다른 탭이 열리던 문제를 해결합니다. lazyMount 및 TabsCarousel 사용 시 TabsContent 자체를 항상 렌더하고, TabsContent의 children만 lazy mount하도록 변경합니다. 81ec9f5
  - [Patch Changes] iOS 환경에서 ChipTabs + ScrollFog 사용 시 가로 스크롤이 동작하지 않는 문제를 해결합니다. 136a150

## 1.2.10

### Patch Changes

- Snackbar가 표시된 상태에서 새 Snackbar를 create할 때의 동작을 정의하는 strategy 옵션을 추가합니다. 기본값은 immediate 로, 새 Snackbar가 기존 Snackbar를 즉시 교체합니다. 840f5d5 기존 스낵바에 할당된 시간이 모두 지난 뒤 새 Snackbar가 표시되는 이전 버전의 기존 동작을 선호하는 경우 SnackbarProvider 또는 useSnackbarAdapter 옵션으로 queued 를 사용할 수 있습니다. immediate 옵션을 모방하기 위해 dismiss() 후 setTimeout(() => create(...), 0) 하던 workaround와 함께 사용해도 정상 동작하지만, 동작이 동일하므로 workaround는 제거하는 것을 권장합니다.
- Snackbar의 timeout 기본값을 5초에서 4초로 변경합니다. timeout 을 명시적으로 지정한 경우에는 기존 동작이 유지됩니다. 934a0ba

### Updated Dependencies

- **@seed-design/react-snackbar@1.0.2**
  - [Patch Changes] Snackbar가 표시된 상태에서 새 Snackbar를 create할 때의 동작을 정의하는 strategy 옵션을 추가합니다. 기본값은 immediate 로, 새 Snackbar가 기존 Snackbar를 즉시 교체합니다. 840f5d5 기존 스낵바에 할당된 시간이 모두 지난 뒤 새 Snackbar가 표시되는 이전 버전의 기존 동작을 선호하는 경우 SnackbarProvider 또는 useSnackbarAdapter 옵션으로 queued 를 사용할 수 있습니다. immediate 옵션을 모방하기 위해 dismiss() 후 setTimeout(() => create(...), 0) 하던 workaround와 함께 사용해도 정상 동작하지만, 동작이 동일하므로 workaround는 제거하는 것을 권장합니다.
  - [Patch Changes] Snackbar의 timeout 기본값을 5초에서 4초로 변경합니다. timeout 을 명시적으로 지정한 경우에는 기존 동작이 유지됩니다. 934a0ba

## 1.2.9

### Updated Dependencies

- **@seed-design/react-tabs@1.0.4**
  - [Patch Changes] TabsCarousel 의 autoHeight 와 lazyMount 를 함께 사용할 때 lazy content 마운트 후 높이가 갱신되지 않는 문제를 수정합니다. db6ea04 Embla v8 AutoHeight 플러그인이 slide 내부 content의 높이 변화를 감지하지 못하는 알려진 이슈에 대해 watchResize workaround를 적용합니다.

## 1.2.8

### Patch Changes

- Content Placeholder 컴포넌트를 추가합니다. 67a7780
- ImageFrame 컴포넌트 개선 9d9b891 fallback prop이 이미지 로딩 실패 시 대체 콘텐츠를 올바르게 표시하도록 개선합니다. Reaction Button이 iOS에서 렌더링되지 않는 문제를 수정합니다. Reaction Button uncontrolled 상태에서 클릭 시 상태가 변경되지 않는 문제를 수정합니다.

## 1.2.7

### Patch Changes

- TagGroupRoot 내부에서 "" , 0 등 falsy한 값으로 조건부 렌더링 시 불필요한 separator가 표시될 수 있는 문제를 수정합니다. e903fac
  ```tsx
  <TagGroupRoot>
    {/* distance === 0인 경우  separator 표시되는 문제 수정*/}
    {distance && <TagGroupItem label={`${distance}m`} />}
    {/* label === ""인 경우 separator  표시되는 문제 수정 */}
    {label && <TagGroupItem label={label} />}
  </TagGroupRoot>
  ```
- Box의 배경 색상을 class 기반으로 지정하는 경우 :active 스타일 선언이 배경 색상을 덮어쓰는 문제를 수정합니다. c9fb0c5

### Updated Dependencies

- **@seed-design/react-tabs@1.0.3**
  - [Patch Changes] Tabs trigger에 포커스 후 키보드 조작으로 탭 변경 시 탭은 변경되지만 포커스가 이동하지 않는 문제를 수정합니다. 2552b1d
  - [Patch Changes] Tabs trigger에 포커스된 상태에서 키보드 조작 시 스크롤 등 브라우저 기본 동작이 발생하지 않도록 수정합니다. a465d74

## 1.2.6

### Patch Changes

- IdentityPlaceholder의 스타일과 글리프를 업데이트하고, identity="business" variant를 추가합니다. 77cdc0e

### Updated Dependencies

- **@seed-design/react-slider@1.0.2**
  - [Patch Changes] 마우스/키보드 사용 환경에서 Slider의 사용성을 개선합니다. fe1cdb3 Slider valueIndicatorTrigger 에 "auto" 옵션을 추가하여 마우스를 사용하는 환경에서 thumb에 hover할 때, 터치 환경에서 thumb을 누를 때 value indicator가 표시되도록 하고 valueIndicatorTrigger 기본값을 "active" 에서 "auto" 로 변경합니다. Slider thumb에 focus할 때 value indicator가 표시되도록 수정합니다.
- **@seed-design/react-field-button@1.0.2**
  - [Patch Changes] FieldButton 내부 clear button이 FieldButton 상호작용에 따른 data prop을 받지 않도록 수정합니다. 751e952
- **@seed-design/react-toggle@1.0.1**
  - [Patch Changes] ToggleButton이 비활성화 상태에서 aria-disabled="true" 를 갖도록 수정합니다. 7e0728a

## 1.2.5

### Patch Changes

- PullToRefresh.Root의 ref 타입을 실제 렌더링 요소인 HTMLDivElement로 수정해 잘못된 SVG ref 타입 요구를 해결했습니다. 434de88
- AspectRatio 스타일시트의 position: relative 와 overflow: hidden 선언을 React 레이어로 이동하여 CSS specificity 문제를 수정합니다. 6fb6dc2

### Updated Dependencies

- **@seed-design/react-image@0.1.1**
  - [Patch Changes] Image.Content ( ImageFrame 및 AvatarImage )에 loading="lazy" 사용 시 이미지 로드가 시작되지 않는 문제를 수정합니다. c46d593
- **@seed-design/react-drawer@1.0.9**
  - [Patch Changes] Android 환경에서 온스크린 키보드가 닫힐 때 Drawer(Bottom Sheet) 높이가 정상적으로 복원되지 않는 문제를 수정합니다. 0420c89

## 1.2.4

### Patch Changes

- ImageFrame rounded 옵션을 제거하고, borderRadius를 받을 수 있게 변경합니다 a3e6859
- BottomSheet title 영역에서 닫기 버튼 간격에 따라 조정된 padding 기준으로 정리하고, word-break 추가 및 description 영역 너비를 정리했습니다. 4287600

## 1.2.3

### Updated Dependencies

- **@seed-design/react-snackbar@1.0.1**
  - [Patch Changes] Snackbar 타이머가 멈추는 기준을 focus 에서 focus-visible 로 수정하여 pauseOnInteraction={true} 인 경우 Snackbar가 닫히지 않는 문제를 수정합니다. acae645

## 1.2.2

### Patch Changes

- AlertDialogRoot , MenuSheetRoot 및 BottomSheetRoot 의 onOpenChange 두 번째 인자로 details 를 제공합니다. details.reason 과 details.event 를 사용할 수 있습니다. 576c2e6 DialogAction 을 DialogPrimitive.CloseButton 으로 교체합니다. AlertDialogAction onClick 핸들러에서 event.preventDefault() 를 호출하여 닫기 동작을 방지할 수 있습니다. (예제)

### Updated Dependencies

- **@seed-design/react-dialog@1.0.2**
  - [Patch Changes] AlertDialogRoot , MenuSheetRoot 및 BottomSheetRoot 의 onOpenChange 두 번째 인자로 details 를 제공합니다. details.reason 과 details.event 를 사용할 수 있습니다. 576c2e6 DialogAction 을 DialogPrimitive.CloseButton 으로 교체합니다. AlertDialogAction onClick 핸들러에서 event.preventDefault() 를 호출하여 닫기 동작을 방지할 수 있습니다. (예제)
- **@seed-design/react-drawer@1.0.8**
  - [Patch Changes] AlertDialogRoot , MenuSheetRoot 및 BottomSheetRoot 의 onOpenChange 두 번째 인자로 details 를 제공합니다. details.reason 과 details.event 를 사용할 수 있습니다. 576c2e6 DialogAction 을 DialogPrimitive.CloseButton 으로 교체합니다. AlertDialogAction onClick 핸들러에서 event.preventDefault() 를 호출하여 닫기 동작을 방지할 수 있습니다. (예제)

## 1.2.1

### Patch Changes

- ImageFrameReactionButton의 SVG 사이즈와 Rootage 정의를 수정합니다. 8ad9484

### Updated Dependencies

- **@seed-design/react-drawer@1.0.6**
  - [Patch Changes] AlertDialog 닫힐 때 focus 복원으로 인해 BottomSheet가 즉시 닫히는 문제 수정 8188130 onFocusOutside에서 항상 preventDefault 호출 onInteractOutside에서 defaultPrevented 체크 추가
  - [Patch Changes] BottomSheet showCloseButton variant 변경 및 animation 버그 수정 9cbeba0 showCloseButton variant 변경: CloseButton 미사용 시 header padding 조정 가능 hasEntered 상태 추가: modal prop 변경 시 enter animation 재실행 방지

## 1.2.0

### Minor Changes

- Help Bubble 관련 컴포넌트를 업데이트합니다. 0ecb893 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : HelpBubbleTrigger 및 HelpBubbleAnchor 의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:help-bubble 인터페이스 변경사항이 없으므로 HelpBubbleAnchor 와 HelpBubbleTrigger 를 사용하는 기존 코드를 변경할 필요가 없습니다. HelpBubble.Body 를 사용하여 HelpBubble.Title 과 HelpBubble.Description 을 감싸도록 변경되었습니다. zIndexOffset 을 활용하여 HelpBubble.Positioner 의 z-index를 조정할 수 있습니다. ( 예시 )
- Checkbox 관련 컴포넌트를 추가합니다. 98dbac4 CheckboxGroup snippet 컴포넌트가 추가되었습니다. 사용하려면 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:checkbox CheckboxGroup 은 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 Checkbox 를 묶지 않아도 됩니다. 기존 Checkbox 를 CheckboxGroup 으로 감쌀 필요는 없습니다. CheckboxGroup 은 선택적으로 사용할 수 있습니다. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. Radio Group 관련 컴포넌트를 업데이트합니다. 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : RadioGroup snippet의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:radio-group RadioGroup 이 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 RadioGroupItem 을 묶는 코드를 제거합니다. 1.1 → 1.2 업그레이드 시 변경 필요 : RadioGroupItem 을 묶어서 사용하던 VStack 을 제거하여 RadioGroupItem 이 RadioGroup 의 direct child가 되도록 변경하세요. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. @seed-design/react 의 RadioGroup.Root 를 레이아웃 컴포넌트로 변경합니다. @seed-design/react 에서 직접 import해서 사용하는 코드가 있다면 RadioGroup.Root 를 @seed-design/react/primitive 의 RadioGroup.Root 로 변경해주세요.
  ```tsx
  // 전
  import { VStack } from "@seed-design/react";
  import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

  <RadioGroup defaultValue="apple" aria-label="Fruit selection">
    <VStack>
      <RadioGroupItem value="apple" label="Apple" />
      <RadioGroupItem value="banana" label="Banana" />
    </VStack>
  </RadioGroup>;
  ```
  ```tsx
  // 후
  import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

  {
    /* aria-label 대신 label을 사용하여 시각적으로 레이블을 표시할 수도 있습니다. */
  }
  <RadioGroup defaultValue="apple" aria-label="Fruit selection">
    <RadioGroupItem value="apple" label="Apple" />
    <RadioGroupItem value="banana" label="Banana" />
  </RadioGroup>;
  ```
  ```tsx
  // 전
  import { RadioGroup } from "@seed-design/react";
  import { ListRadioItem } from "seed-design/ui/list";

  <RadioGroup.Root
    value={value}
    onValueChange={onValueChange}
    aria-label="옵션 선택"
  >
    <ListRadioItem
      value="option1"
      title="옵션 1"
      detail="첫 번째 선택지"
      suffix={<Radiomark tone="neutral" size="large" />}
    />
  </RadioGroup.Root>;
  ```
  ```tsx
  // 후
  import { RadioGroup } from "@seed-design/react/primitive";
  import { ListRadioItem } from "seed-design/ui/list";

  <RadioGroup.Root
    value={value}
    onValueChange={onValueChange}
    aria-label="옵션 선택"
  >
    <ListRadioItem
      value="option1"
      title="옵션 1"
      detail="첫 번째 선택지"
      suffix={<Radiomark tone="neutral" size="large" />}
    />
  </RadioGroup.Root>;
  ```
  RadioGroupItem, RadioChipItem, RadioSelectBoxItem, ListRadioItem에서 invalid prop이 제거되었습니다. 1.1 → 1.2 업그레이드 시 확인 필요 : invalid 상태는 group/field 레벨에서 설정해주세요. 각 항목을 data-invalid 속성으로 스타일링하는 경우 확인이 필요합니다.
- SwitchMark 를 Switchmark 로, RadioMark 를 Radiomark 로 Snippet 컴포넌트 이름을 변경합니다. a58022d 1.1 → 1.2 업그레이드 시 변경 권장 : snippet을 다시 내려받고, SwitchMark , RadioMark 를 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:switch ui:radio-group snippet에 SwitchMark , RadioMark 정의가 존재하지만, 1.3 릴리즈 시 snippet에서 해당 맵핑이 제거될 예정이므로 미리 변경해두시길 권장드립니다.
  ```tsx
  // 전
  import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
  import { SwitchMark } from "seed-design/ui/switch";
  import { RadioMark } from "seed-design/ui/radio-group";

  <ListSwitchItem
    title="리스트 아이템 스위치"
    detail="설명 텍스트"
    suffix={<SwitchMark tone="neutral" />}
  />;

  <ListRadioItem
    prefix={<RadioMark tone="neutral" size="large" />}
    value="option"
    title="옵션"
  />;
  ```
  ```tsx
  // 후
  import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
  import { Switchmark } from "seed-design/ui/switch";
  import { Radiomark } from "seed-design/ui/radio-group";

  <ListSwitchItem
    title="리스트 아이템 스위치"
    detail="설명 텍스트"
    suffix={<Switchmark tone="neutral" />}
  />;

  <ListRadioItem
    prefix={<Radiomark tone="neutral" size="large" />}
    value="option"
    title="옵션"
  />;
  ```
- Select Box 관련 컴포넌트를 업데이트합니다. 2643d17 1.1 → 1.2 업그레이드 시 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:select-box CheckSelectBoxGroup , RadioSelectBoxRoot 의 children이 기본적으로 gap이 포함된 그리드 레이아웃으로 정렬됩니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 을 묶어서 사용하던 VStack 을 제거하여 CheckSelectBox 와 RadioSelectBoxItem 이 CheckSelectBoxGroup 또는 RadioSelectBoxRoot 의 direct child가 되도록 변경하세요. VStack 에 gap 이외의 스타일이 적용된 경우 &#x3C;VStack paddingX="x4">&#x3C;CheckSelectBoxGroup>...&#x3C;/CheckSelectBoxGroup>&#x3C;/VStack> 와 같이 VStack 을 외부에 남겨두세요. 기능 추가 : CheckSelectBoxGroup 와 RadioSelectBoxRoot 에 columns 를 지정할 수 있습니다. columns 가 2 이상인 경우 하위 항목에 기본적으로 layout="vertical" 이 적용됩니다. 기본 layout 은 하위 항목에서 오버라이드할 수 있습니다. 기능 추가 : CheckSelectBoxGroup 과 RadioSelectBoxRoot 에 label , description , errorMessage , indicator 등 Fieldset 관련 prop을 사용할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 에 기본적으로 표시되던 Checkmark 와 RadioMark 가 이제 표시되지 않습니다. suffix prop을 통해 선택적으로 추가할 수 있습니다. 단순 마이그레이션 시 suffix={&#x3C;CheckSelectBoxCheckmark />} 와 suffix={&#x3C;RadioSelectBoxRadiomark />} 를 추가하세요. 기능 추가 : prefixIcon , footer , footerVisibility prop 추가 footer 에 넣는 요소는 기본적으로 해당 CheckSelectBox 또는 RadioSelectBoxItem 가 선택된 상태일 때 표시됩니다. footerVisibility="always" 를 설정하여 footer 요소를 항상 표시할 수 있습니다. label 이 기본적으로 가로 나열되며 $dimension.x2 gap을 갖는 flex container로 변경되었습니다. 1.1 → 1.2 업그레이드 시 확인 권장 : label={&#x3C;HStack gap="x2">{/* ... */}&#x3C;/HStack>} 와 같은 코드는 HStack 을 Fragment 등으로 대체할 수 있습니다. 문제 수정 : CheckSelectBox 와 RadioSelectBoxItem 에서 사용되지 않는 children 을 타입 정의에서 제거합니다. CheckSelectBoxGroup 에 label , aria-label , aria-labelledby 중 아무것도 설정하지 않은 경우 경고를 표시합니다. ( RadioSelectBoxRoot 는 기존에도 표시)
- Tag Group 관련 컴포넌트를 업데이트합니다. a0e40ca TagGroupItem 레이블 내부에서 줄바꿈이 발생할 수 있도록 수정합니다. (기존: TagGroupItem 또는 separator 전후에서 줄바꿈 발생) 한 줄 레이아웃 및 우선순위 옵션을 추가합니다. TagGroupRoot 에 truncate prop을 사용하여 한 줄로 유지하고 말줄임 처리를 할 수 있습니다. (기본값: false ) TagGroupItem 에 flexShrink prop을 사용하여 말줄임 우선순위를 조정할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : TagGroupItem 내부 레이블을 TagGroupItemLabel 로 감싸거나, 신규로 제공되는 Snippet에서 제공하는 API로 교체해주세요. npx @seed-design/cli@latest add ui:tag-group 명령어로 Snippet을 추가할 수 있습니다.
  ```tsx
  // 전
  import { TagGroupRoot, TagGroupItem } from "@seed-design/react";

  {
    /* TagGroup.Root, TagGroup.Item처럼 namespace import하는 코드가 있을 수 있습니다. */
  }
  <TagGroupRoot>
    <TagGroupItem>
      <PrefixIcon svg={<IconLocationpinFill />} />
      서초4동
    </TagGroupItem>
    <TagGroupItem>
      광고
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </TagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
  ```tsx
  // 후 (Compound Component 유지)

  import {
    TagGroupRoot,
    TagGroupItem,
    TagGroupItemLabel,
  } from "@seed-design/react";

  <TagGroupRoot>
    <TagGroupItem>
      <PrefixIcon svg={<IconLocationpinFill />} />
      {/* TagGroupItemLabel 사용 */}
      <TagGroupItemLabel>서초4동</TagGroupItemLabel>
    </TagGroupItem>
    <TagGroupItem>
      {/* TagGroupItemLabel 사용 */}
      <TagGroupItemLabel>광고</TagGroupItemLabel>
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </TagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
  ```tsx
  // 후 (snippet API로 교체)
  // snippet 없는 경우, `npx @seed-design/cli@latest add ui:tag-group`

  import { TagGroupRoot, TagGroupItem } from "seed-design/ui/tag-group";
  import {
    TagGroupRoot as SeedTagGroupRoot,
    TagGroupItem as SeedTagGroupItem,
    TagGroupItemLabel as SeedTagGroupItemLabel,
  } from "@seed-design/react";

  <TagGroupRoot>
    <TagGroupItem label="서초4동" prefixIcon={<IconLocationpinFill />} />
    <SeedTagGroupItem>
      <SeedTagGroupItemLabel>광고</SeedTagGroupItemLabel>
      {/* 아이콘 커스터마이징이 필요한 경우 snippet 대신 Compound Component를 사용합니다. */}
      <Icon svg={<IconMegaphoneFill />} color="fg.brand" />
    </SeedTagGroupItem>
    {/* ... */}
  </TagGroupRoot>;
  ```
- Menu Sheet 관련 컴포넌트를 업데이트합니다. 358a1e4 MenuSheetContent 에 설명을 추가할 수 있는 description prop이 추가되었습니다. MenuSheetItem 에 설명을 추가할 수 있는 description prop이 추가되었습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : snippet을 다시 내려받고, MenuSheetItem 을 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:menu-sheet children 대신 label prop을 사용합니다. description , prefixIcon prop이 추가되었습니다.
  ```tsx
  // 전
  <MenuSheetItem>
    <PrefixIcon svg={<IconHouseLine />} />
    메뉴 항목
  </MenuSheetItem>

  // 후
  <MenuSheetItem
    prefixIcon={<IconHouseLine />}
    label="메뉴 항목"
    description="이제 설명도 추가할 수 있어요"
  />
  ```

### Patch Changes

- Grid 및 GridItem 레이아웃 유틸리티 컴포넌트를 추가합니다. 477ec8a

### Updated Dependencies

- **@seed-design/react-radio-group@1.1.0**
  - [Minor Changes] Checkbox 관련 컴포넌트를 추가합니다. 98dbac4 CheckboxGroup snippet 컴포넌트가 추가되었습니다. 사용하려면 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:checkbox CheckboxGroup 은 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 Checkbox 를 묶지 않아도 됩니다. 기존 Checkbox 를 CheckboxGroup 으로 감쌀 필요는 없습니다. CheckboxGroup 은 선택적으로 사용할 수 있습니다. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. Radio Group 관련 컴포넌트를 업데이트합니다. 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : RadioGroup snippet의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:radio-group RadioGroup 이 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 RadioGroupItem 을 묶는 코드를 제거합니다. 1.1 → 1.2 업그레이드 시 변경 필요 : RadioGroupItem 을 묶어서 사용하던 VStack 을 제거하여 RadioGroupItem 이 RadioGroup 의 direct child가 되도록 변경하세요. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. @seed-design/react 의 RadioGroup.Root 를 레이아웃 컴포넌트로 변경합니다. @seed-design/react 에서 직접 import해서 사용하는 코드가 있다면 RadioGroup.Root 를 @seed-design/react/primitive 의 RadioGroup.Root 로 변경해주세요.
    ```tsx
    // 전
    import { VStack } from "@seed-design/react";
    import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

    <RadioGroup defaultValue="apple" aria-label="Fruit selection">
      <VStack>
        <RadioGroupItem value="apple" label="Apple" />
        <RadioGroupItem value="banana" label="Banana" />
      </VStack>
    </RadioGroup>;
    ```
    ```tsx
    // 후
    import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

    {
      /* aria-label 대신 label을 사용하여 시각적으로 레이블을 표시할 수도 있습니다. */
    }
    <RadioGroup defaultValue="apple" aria-label="Fruit selection">
      <RadioGroupItem value="apple" label="Apple" />
      <RadioGroupItem value="banana" label="Banana" />
    </RadioGroup>;
    ```
    ```tsx
    // 전
    import { RadioGroup } from "@seed-design/react";
    import { ListRadioItem } from "seed-design/ui/list";

    <RadioGroup.Root
      value={value}
      onValueChange={onValueChange}
      aria-label="옵션 선택"
    >
      <ListRadioItem
        value="option1"
        title="옵션 1"
        detail="첫 번째 선택지"
        suffix={<Radiomark tone="neutral" size="large" />}
      />
    </RadioGroup.Root>;
    ```
    ```tsx
    // 후
    import { RadioGroup } from "@seed-design/react/primitive";
    import { ListRadioItem } from "seed-design/ui/list";

    <RadioGroup.Root
      value={value}
      onValueChange={onValueChange}
      aria-label="옵션 선택"
    >
      <ListRadioItem
        value="option1"
        title="옵션 1"
        detail="첫 번째 선택지"
        suffix={<Radiomark tone="neutral" size="large" />}
      />
    </RadioGroup.Root>;
    ```
    RadioGroupItem, RadioChipItem, RadioSelectBoxItem, ListRadioItem에서 invalid prop이 제거되었습니다. 1.1 → 1.2 업그레이드 시 확인 필요 : invalid 상태는 group/field 레벨에서 설정해주세요. 각 항목을 data-invalid 속성으로 스타일링하는 경우 확인이 필요합니다.
  - [Minor Changes] Select Box 관련 컴포넌트를 업데이트합니다. 2643d17 1.1 → 1.2 업그레이드 시 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:select-box CheckSelectBoxGroup , RadioSelectBoxRoot 의 children이 기본적으로 gap이 포함된 그리드 레이아웃으로 정렬됩니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 을 묶어서 사용하던 VStack 을 제거하여 CheckSelectBox 와 RadioSelectBoxItem 이 CheckSelectBoxGroup 또는 RadioSelectBoxRoot 의 direct child가 되도록 변경하세요. VStack 에 gap 이외의 스타일이 적용된 경우 &#x3C;VStack paddingX="x4">&#x3C;CheckSelectBoxGroup>...&#x3C;/CheckSelectBoxGroup>&#x3C;/VStack> 와 같이 VStack 을 외부에 남겨두세요. 기능 추가 : CheckSelectBoxGroup 와 RadioSelectBoxRoot 에 columns 를 지정할 수 있습니다. columns 가 2 이상인 경우 하위 항목에 기본적으로 layout="vertical" 이 적용됩니다. 기본 layout 은 하위 항목에서 오버라이드할 수 있습니다. 기능 추가 : CheckSelectBoxGroup 과 RadioSelectBoxRoot 에 label , description , errorMessage , indicator 등 Fieldset 관련 prop을 사용할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 에 기본적으로 표시되던 Checkmark 와 RadioMark 가 이제 표시되지 않습니다. suffix prop을 통해 선택적으로 추가할 수 있습니다. 단순 마이그레이션 시 suffix={&#x3C;CheckSelectBoxCheckmark />} 와 suffix={&#x3C;RadioSelectBoxRadiomark />} 를 추가하세요. 기능 추가 : prefixIcon , footer , footerVisibility prop 추가 footer 에 넣는 요소는 기본적으로 해당 CheckSelectBox 또는 RadioSelectBoxItem 가 선택된 상태일 때 표시됩니다. footerVisibility="always" 를 설정하여 footer 요소를 항상 표시할 수 있습니다. label 이 기본적으로 가로 나열되며 $dimension.x2 gap을 갖는 flex container로 변경되었습니다. 1.1 → 1.2 업그레이드 시 확인 권장 : label={&#x3C;HStack gap="x2">{/* ... */}&#x3C;/HStack>} 와 같은 코드는 HStack 을 Fragment 등으로 대체할 수 있습니다. 문제 수정 : CheckSelectBox 와 RadioSelectBoxItem 에서 사용되지 않는 children 을 타입 정의에서 제거합니다. CheckSelectBoxGroup 에 label , aria-label , aria-labelledby 중 아무것도 설정하지 않은 경우 경고를 표시합니다. ( RadioSelectBoxRoot 는 기존에도 표시)
- **@seed-design/react-collapsible@0.1.0**
  - [Minor Changes] fieldset, collapsible headless 릴리즈 cfd2df4
- **@seed-design/react-fieldset@0.1.0**
  - [Minor Changes] fieldset, collapsible headless 릴리즈 cfd2df4
- **@seed-design/react-image@0.1.0**
  - [Minor Changes] react-image headless 릴리즈 cfd2df4

## 1.1.17

### Patch Changes

- @seed-design/css@1.3 및 @seed-design/react@1.3 에서 제거되는 토큰 및 옵션에 관한 경고를 추가합니다. 50ee0a6 1.3에서 제거 예정인 색상 토큰 $color.bg.layer-fill $gradient.fade-layer-floating $gradient.fade-layer-default 1.3에서 제거 예정인 컴포넌트 variant ChipTabs variant="brandSolid" 1.2까지 사용 가능, 1.3부터 디자인 변경 필요 Checkbox weight="default" 0.2.4부터 weight="regular" 사용 가능 weight="default" 는 1.2까지 사용 가능, 1.3부터 weight="regular" 만 허용 weight="stronger" 0.2.4부터 weight="bold" 사용 가능 weight="stronger" 는 1.2까지 사용 가능, 1.3부터 weight="bold" 만 허용 Switch size="small" 0.1.9부터 size="16" 사용 가능 size="small" 은 1.2까지 사용 가능, 1.3부터 size="16" 만 허용 size="medium" 0.1.9부터 size="32" 사용 가능 size="medium" 은 1.2까지 사용 가능, 1.3부터 size="32" 만 허용 StyleProps 를 상속하는 컴포넌트 display , justifyContent/justify , alignItems/align , alignContent , alignSelf , flexDirection/direction 프로퍼티에서의 camelCase 값 제거 예정 0.0.15부터 kebab-case 값 사용 가능 camelCase 값은 1.2까지 사용 가능, 1.3부터 kebab-case 값만 허용 예: justifyContent="spaceBetween" → justifyContent="space-between" 영향 범위인 컴포넌트: Box , Flex , HStack , VStack , Article , List (List.Root) 및 ListItem, ListButtonItem, ListLinkItem, ListSwitchItem, ListCheckItem, ListRadioItem (List.Item) , BottomSheetBody (BottomSheet.Body) , ResponsivePair, Inline (deprecated) , Columns, Column (deprecated) , Stack (deprecated)

### Updated Dependencies

- **@seed-design/css@1.1.17**
  - [Patch Changes] Chip 컴포넌트 스펙에 layout=withText variant를 명시합니다. (스타일 변경사항 없음) db49a84
  - [Patch Changes] Skeleton 가시성 향상을 위해 $gradient.shimmer-magic 및 $gradient.shimmer-neutral 토큰의 색상을 업데이트합니다. 6fab0e7
  - [Patch Changes] 주석, 참고 사항 및 상세 리스트 등 부가 정보에 사용할 수 있는 시맨틱 텍스트 스타일 articleNote 를 추가합니다. 5faef3a
  - [Patch Changes] @seed-design/css@1.3 및 @seed-design/react@1.3 에서 제거되는 토큰 및 옵션에 관한 경고를 추가합니다. 50ee0a6 1.3에서 제거 예정인 색상 토큰 $color.bg.layer-fill $gradient.fade-layer-floating $gradient.fade-layer-default 1.3에서 제거 예정인 컴포넌트 variant ChipTabs variant="brandSolid" 1.2까지 사용 가능, 1.3부터 디자인 변경 필요 Checkbox weight="default" 0.2.4부터 weight="regular" 사용 가능 weight="default" 는 1.2까지 사용 가능, 1.3부터 weight="regular" 만 허용 weight="stronger" 0.2.4부터 weight="bold" 사용 가능 weight="stronger" 는 1.2까지 사용 가능, 1.3부터 weight="bold" 만 허용 Switch size="small" 0.1.9부터 size="16" 사용 가능 size="small" 은 1.2까지 사용 가능, 1.3부터 size="16" 만 허용 size="medium" 0.1.9부터 size="32" 사용 가능 size="medium" 은 1.2까지 사용 가능, 1.3부터 size="32" 만 허용 StyleProps 를 상속하는 컴포넌트 display , justifyContent/justify , alignItems/align , alignContent , alignSelf , flexDirection/direction 프로퍼티에서의 camelCase 값 제거 예정 0.0.15부터 kebab-case 값 사용 가능 camelCase 값은 1.2까지 사용 가능, 1.3부터 kebab-case 값만 허용 예: justifyContent="spaceBetween" → justifyContent="space-between" 영향 범위인 컴포넌트: Box , Flex , HStack , VStack , Article , List (List.Root) 및 ListItem, ListButtonItem, ListLinkItem, ListSwitchItem, ListCheckItem, ListRadioItem (List.Item) , BottomSheetBody (BottomSheet.Body) , ResponsivePair, Inline (deprecated) , Columns, Column (deprecated) , Stack (deprecated)
  - [Patch Changes] $color.bg.layer-basement 위에서 컴포넌트의 가시성을 보장하기 위해 $color.bg.neutral-weak-alpha 토큰을 추가합니다. 94bebf8 Chip variant=solid 에 적용 ChipTab variant=neutralSolid 에 적용 SegmentedControl root에 적용
  - [Patch Changes] 잘못된 pseudo selector를 수정합니다 8495fae

## 1.1.16

### Patch Changes

- 배너 템플릿에 사용되는 $color.banner.* 색상 토큰을 추가합니다. 10c0765

### Updated Dependencies

- **@seed-design/css@1.1.16**
  - [Patch Changes] 정적 텍스트 스타일 추가 (t1Static* ~ t10Static*) 2f29fe8
  - [Patch Changes] Checkmark variant=ghost tone=neutral 에서 icon의 색상을 $color.fg.neutral로 변경하고 색상 트랜지션을 추가합니다. 9119723
  - [Patch Changes] Stackflow와 함께 AppScreen 사용 시 최상위 AppScreen이 push/pop될 때, 이외의 AppScreen이 고유한 transitionStyle 을 재생하는 문제를 수정합니다. 같은 스택 내에 여러 transitionStyle 이 공존할 때 자연스러운 트랜지션을 제공하기 위해 최상위 AppScreen의 transitionStyle 을 재생합니다. ( 데모 ) 6d30b72 예를 들면, transitionStyle="fadeFromBottomAndroid" 인 0번 AppScreen 위에 transitionStyle="slideFromLeftIOS" 인 1번 AppScreen이 push되는 경우, 0번 AppScreen이 slideFromLeftIOS 트랜지션을 재생하도록 수정합니다. 0번 AppScreen이 자연스럽게 좌측으로 조금 밀려나며 어두워지고( slideFromLeftIOS ) 1번 AppScreen이 우측에서 슬라이드 인( slideFromLeftIOS )
  - [Patch Changes] 배너 템플릿에 사용되는 $color.banner.* 색상 토큰을 추가합니다. 10c0765
  - [Patch Changes] AppScreen 에 신규 transitionStyle fadeIn 을 추가합니다. 5e462db

## 1.1.13

### Patch Changes

- 신규 Elevation 가이드 에 맞는 shadow 토큰을 추가합니다. cc4a45a React: Box, Flex, HStack 등 StyleProps를 사용하는 컴포넌트에서 boxShadow prop을 사용하여 shadow 토큰을 쉽게 사용할 수 있습니다.
- unicode-segmenter 0.14.4 버전을 설치합니다. 8f54b80
- Divider 자체적으로 16px의 여백을 가지는 inset 옵션을 추가합니다. fce8668

### Updated Dependencies

- **@seed-design/css@1.1.13**
  - [Patch Changes] radiomark Rootage 정의를 명확화합니다. (스타일 변경사항 없음) 9be0581
  - [Patch Changes] 신규 Elevation 가이드 에 맞는 shadow 토큰을 추가합니다. cc4a45a React: Box, Flex, HStack 등 StyleProps를 사용하는 컴포넌트에서 boxShadow prop을 사용하여 shadow 토큰을 쉽게 사용할 수 있습니다.
  - [Patch Changes] Button들의 xsmall variant의 텍스트 사이즈를 t4에서 t3로 변경해요. 739937f

## 1.1.12

### Updated Dependencies

- **@seed-design/css@1.1.12**
  - [Patch Changes] seedFontMultiplier, seedFontScaling attribute를 추가합니다 8d0ad90 seedFontMultiplier: 폰트 크기 스케일링 계수 (e.g. 0.8, 1.35, 1.5, 1) seedFontScaling: 폰트 크기 스케일링 활성화 여부 (e.g. "enabled")
  - [Patch Changes] cssnano 등 CSS 최적화 도구를 사용할 때, bleedX 와 bleedY 중 한 가지 속성만 정의하는 경우 bleed가 적용되지 않던 문제를 수정합니다. 8f31f93
  - [Patch Changes] Overlay 컴포넌트에 skipAnimation 옵션을 추가합니다 69ccc6e
  - [Patch Changes] Badge의 크기와 Field의 indicator 크기 및 여백이 폰트 스케일링 제한의 영향을 받도록 업데이트합니다. 279001a
- **@seed-design/react-dialog@1.0.1**
  - [Patch Changes] Overlay 컴포넌트에 skipAnimation 옵션을 추가합니다 69ccc6e
- **@seed-design/react-drawer@1.0.5**
  - [Patch Changes] Overlay 컴포넌트에 skipAnimation 옵션을 추가합니다 69ccc6e

## 1.1.10

### Patch Changes

- TagGroupRoot 의 children이 null 또는 undefined 를 포함하는 경우 불필요한 separator가 표시되는 문제를 수정합니다. a2b874b
- peerDeps에 @seed-design/css 패키지가 추가됩니다. 12ffece
- PageBanner에 tone="magic" 스타일을 추가합니다. db5de74
- Field(TextField)의 스타일을 수정합니다. a12e49b maxGraphemeCount 를 사용하지만 description 을 사용하지 않는 경우 maxGraphemeCount 가 우측이 아닌 좌측에 표시되는 문제를 수정합니다. Tailwind Preflight 사용 시 Character Count 영역이 디자인 의도보다 높이를 더 많이 차지하는 문제를 수정합니다.

### Updated Dependencies

- **@seed-design/css@1.1.10**
  - [Patch Changes] PageBanner에 tone="magic" 스타일을 추가합니다. db5de74
  - [Patch Changes] Segmented Control의 스타일을 업데이트합니다: Indicator에서 shadow 정의를 제거합니다. 70d11b8
  - [Patch Changes] TextFieldInput 및 TextFieldTextarea (text-input 스타일시트)에서 브라우저 기본 자동 완성 스타일이 표시되지 않도록 수정합니다. c03a3dd
  - [Patch Changes] Field(TextField)의 스타일을 수정합니다. a12e49b maxGraphemeCount 를 사용하지만 description 을 사용하지 않는 경우 maxGraphemeCount 가 우측이 아닌 좌측에 표시되는 문제를 수정합니다. Tailwind Preflight 사용 시 Character Count 영역이 디자인 의도보다 높이를 더 많이 차지하는 문제를 수정합니다.
- **@seed-design/react-tabs@1.0.2**
  - [Patch Changes] TabsCarousel에 onSwipeStart, onSwipeEnd 이벤트 콜백을 추가합니다. 938bf0b

## 1.1.8

### Patch Changes

- List Item에 신규 active(pressed) 스타일을 적용하고, disabled 상태에서 detail 영역의 색상을 수정합니다. 8752805
- @seed-design/react에서 unicode-segmenter가 externalize되지 않는 문제를 수정합니다. 8edbf00
- BottomSheet에 handleOnly 옵션이 정상적으로 동작하지 않는 이슈를 수정합니다 e3806c1

### Updated Dependencies

- **@seed-design/react-drawer@1.0.4**
  - [Patch Changes] BottomSheet에 handleOnly 옵션이 정상적으로 동작하지 않는 이슈를 수정합니다 e3806c1

## 1.1.7

### Patch Changes

- Scroll Fog 컴포넌트가 항상 fog를 표시하게 변경하고 padding 가이드라인을 추가합니다 f4c62f6
- Slider Value Indicator가 표시되는 조건을 설정하는 valueIndicatorTrigger prop을 추가합니다. ("active"|"hover", 기본값: "active") 1340675
- Slider Value Indicator가 Track 양 끝에 있을 때 Track 바깥 영역을 차지하지 않도록 수정합니다. 1340675

### Updated Dependencies

- **@seed-design/react-slider@1.0.1**
  - [Patch Changes] Slider Value Indicator가 표시되는 조건을 설정하는 valueIndicatorTrigger prop을 추가합니다. ("active"|"hover", 기본값: "active") 1340675
  - [Patch Changes] Slider Value Indicator가 Track 양 끝에 있을 때 Track 바깥 영역을 차지하지 않도록 수정합니다. 1340675

## 1.1.5

### Patch Changes

- BottomSheetBody에 제공한 style 관련 prop( paddingX 등)이 적용되지 않고 DOM으로 bleed되는 문제를 수정합니다. 03ff678
- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-field-button@1.0.1**
  - [Patch Changes] FieldButton에 Read Only 상태를 추가합니다. Disabled 상태인 FieldButton은 내부 &#x3C;input /> 도 disabled 속성을 갖도록 수정합니다. 53290ab
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768
- **@seed-design/react-drawer@1.0.3**
  - [Patch Changes] use-prevent-scroll 로직을 삭제합니다 cc8864d
- **@seed-design/react-segmented-control@1.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768
- **@seed-design/react-radio-group@1.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768
- **@seed-design/react-text-field@1.1.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768
- **@seed-design/react-checkbox@1.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768
- **@seed-design/react-switch@1.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768
- **@seed-design/react-field@1.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768
- **@seed-design/react-tabs@1.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.1.4

### Patch Changes

- @radix-ui/react-dialog 의존성을 추가해 React 패키지를 Portable하게 수정합니다 77d304d

## 1.1.3

### Patch Changes

- PopoverPositionerPortal과 HelpBubblePositionerPortal을 추가합니다. 2c302a5
- ScrollFog 컴포넌트를 추가합니다 bc3cd6f

### Updated Dependencies

- **@seed-design/react-popover@1.0.3**
  - [Patch Changes] PopoverPositionerPortal과 HelpBubblePositionerPortal을 추가합니다. 2c302a5
- **@seed-design/react-scrollable@1.0.0**
  - [Major Changes] Release @seed-design/react-scrollable bc3cd6f
- **@seed-design/react-drawer@1.0.2**
  - [Patch Changes] BottomSheetContent에 style 객체가 전달되지 않는 버그를 수정합니다. 4102a4b
  - [Patch Changes] Export 수정: DialogProps → UseDrawerProps e272ef8
  - [Patch Changes] uncontrolled 상태에서 onOpenChange가 두번 호출되는 버그를 수정합니다 fbc9cb0
  - [Patch Changes] body에 강제로 스타일을 주입하는 noBodyStyles 옵션의 기본값을 true로 변경합니다 4971dcc

## 1.1.1

### Updated Dependencies

- **@seed-design/react-drawer@1.0.1**
  - [Patch Changes] @seed-design/react-drawer 패키지 배포 68b5eab

## 1.1.0

### Minor Changes

- Slider 컴포넌트를 추가합니다. a55f584
- Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.
- (BREAKING CHANGE: BottomSheet snippet을 다시 설치해야 합니다.) BottomSheet에 드래그를 통해 닫는 기능을 추가합니다. 33def2d vaul headless 코드 기반으로 seed에 맞게 커스텀하여 구현했습니다. vaul과 동일한 인터페이스를 가지고 있습니다. (snap-points, fade-from-index, etc.) npx @seed-design/cli@latest add ui:bottom-sheet 로 snippet을 최신화하세요.

### Patch Changes

- (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
- (BREAKING CHANGE: PageBanner snippet을 다시 설치해야 합니다.) Page Banner 스니펫을 업데이트합니다. 6af6501 Box를 사용하여 스타일링하던 부분을 PageBanner.Body 로 교체합니다. PageBanner.TextContent 를 PageBanner.Content 로 이름 변경합니다.

### Updated Dependencies

- **@seed-design/react-field-button@1.0.0**
  - [Major Changes] (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
- **@seed-design/react-text-field@1.1.0**
  - [Minor Changes] (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
- **@seed-design/react-slider@1.0.0**
  - [Major Changes] Slider 컴포넌트를 추가합니다. a55f584
- **@seed-design/react-field@1.0.0**
  - [Major Changes] Slider 컴포넌트를 추가합니다. a55f584
- **@seed-design/react-drawer@1.0.0**
  - [Major Changes] @seed-design/react-drawer 1.0.0 33def2d
- **@seed-design/react-popover@1.0.2**
  - [Patch Changes] 닫힌 HelpBubbleAnchor/HelpBubbleTrigger가 불필요하게 리렌더링되지 않도록 수정합니다. 0c1ab6a

## 1.0.7

### Updated Dependencies

- **@seed-design/css@1.0.7**
  - [Patch Changes] Article에서 selection 색상에 대한 정의를 제거합니다. e52d6d1
  - [Patch Changes] Tailwind Preflight 사용 시 Page Banner가 디자인 의도와 다르게 표시되는 문제를 수정합니다. 97669bc
  - [Patch Changes] List Item 컴포넌트의 상하 여백을 $dimension.x2_5 에서 $dimension.x3 로 늘립니다. 15ab93a
  - [Patch Changes] Tailwind Preflight 사용 시 Text Field의 Header/Footer와 Callout이 디자인 의도와 다르게 표시되는 문제를 수정합니다. 50366c0

## 1.0.6

### Patch Changes

- Tag Group 컴포넌트를 추가합니다. Tag Group은 아이콘 및 텍스트로 이루어진 태그를 구분 기호와 함께 수평 레이아웃으로 표시하는 컴포넌트입니다. 6aafce0
- Article 유틸리티 컴포넌트를 추가하고 Text 컴포넌트를 업데이트합니다. f2ddf29 Article 컴포넌트는 일관된 selection 스타일 및 줄바꿈 정책을 사용할 수 있게 돕습니다. Text 컴포넌트에서 textDecorationLine="underline" 및 whiteSpace, userSelect prop을 지원합니다.

### Updated Dependencies

- **@seed-design/css@1.0.6**
  - [Patch Changes] Tag Group 컴포넌트를 추가합니다. Tag Group은 아이콘 및 텍스트로 이루어진 태그를 구분 기호와 함께 수평 레이아웃으로 표시하는 컴포넌트입니다. 6aafce0
  - [Patch Changes] AppBar의 스타일을 업데이트합니다. 1902dfa Top Navigation의 title 및 description에 lineHeight 값을 정의합니다. (React AppBar 컴포넌트에 반영됩니다.) &#x3C;Icon /> 컴포넌트를 활용하여 &#x3C;AppBarIconButton /> 내부 아이콘을 커스터마이징할 수 있도록 수정합니다.
  - [Patch Changes] Article 유틸리티 컴포넌트를 추가하고 Text 컴포넌트를 업데이트합니다. f2ddf29 Article 컴포넌트는 일관된 selection 스타일 및 줄바꿈 정책을 사용할 수 있게 돕습니다. Text 컴포넌트에서 textDecorationLine="underline" 및 whiteSpace, userSelect prop을 지원합니다.
  - [Patch Changes] Switch가 checked 상태가 아닐 때 thumb 크기를 줄여 상태를 인지하기 쉽도록 합니다. enabled-disabled 상태 간 트랜지션을 추가합니다. 4c33f07
  - [Patch Changes] Switch와 Switch Mark의 disabled 상태를 더 잘 구별할 수 있도록 스타일을 수정합니다. 3df657f

## 1.0.5

### Patch Changes

- PullToRefresh.preventPull 을 활용하여 PullToRefreshContent 내부에서 당겨서 새로고침(PTR) 동작을 비활성화할 수 있습니다. 687b261
- 실제 기본값을 표시하도록 JSDoc을 업데이트합니다. a839fd2

### Updated Dependencies

- **@seed-design/css@1.0.5**
  - [Patch Changes] Text Field와 Multiline Text Field가 기본적으로 배경 색을 갖지 않도록 수정합니다. f1cf4cd
  - [Patch Changes] AppScreen에서 스와이프로 pop할 때 AppScreen이 한번 깜빡거리고 닫히는 버그를 수정합니다. 9b91751
  - [Patch Changes] 매너온도 L9 전경 및 배경 색상의 채도를 낮춥니다. 3898183
- **@seed-design/react-pull-to-refresh@1.0.1**
  - [Patch Changes] PullToRefresh.preventPull 을 활용하여 PullToRefreshContent 내부에서 당겨서 새로고침(PTR) 동작을 비활성화할 수 있습니다. 687b261

## 1.0.4

### Updated Dependencies

- **@seed-design/react-popover@1.0.1**
  - [Patch Changes] closeOnInteractOutside를 false로 설정하여 Help Bubble 외부와 상호작용 시에도 닫히지 않도록 설정할 수 있습니다. (기본값: true) b10ff0b

## 1.0.3

### Updated Dependencies

- **@seed-design/css@1.0.3**
  - [Patch Changes] HelpBubble의 스타일을 업데이트하고, 신규 기능을 지원합니다. 0b8a02e arrowTip이 content에서 떨어져 보이던 문제를 수정합니다. title과 description에서 \n 을 줄바꿈으로 렌더링하도록 수정합니다. closeOnInteractOutside 를 false 로 설정하여 Help Bubble 외부와 상호작용 시에도 닫히지 않도록 설정할 수 있습니다. (기본값: true )
  - [Patch Changes] Callout에 tone=positive variant를 추가합니다. 6c6099d

## 1.0.2

### Updated Dependencies

- **@seed-design/css@1.0.2**
  - [Patch Changes] MannerTemp 컴포넌트가 레이아웃에서 너비를 덜 차지하도록 업데이트합니다. 6d2e13d

## 1.0.1

### Updated Dependencies

- **@seed-design/css@1.0.1**
  - [Patch Changes] MannerTemp 컴포넌트가 레이아웃에서 높이를 덜 차지하도록 업데이트합니다. 1420b68

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Minor Changes

- ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.

### Patch Changes

- ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
- ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.

### Updated Dependencies

- **@seed-design/css@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
  - [Minor Changes] ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.
  - [Patch Changes] ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
  - [Patch Changes] HelpBubble 컴포넌트의 배경색이 다크모드에서 흰색으로 변경됩니다. 4153ca5
  - [Patch Changes] ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.
- **@seed-design/react-avatar@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-checkbox@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-dialog@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-popover@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-portal@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-progress@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-pull-to-refresh@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-radio-group@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-segmented-control@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-snackbar@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-switch@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-tabs@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-text-field@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/react-toggle@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.2.5

### Updated Dependencies

- **@seed-design/css@0.2.5**
  - [Patch Changes] Segmented Control 컴포넌트를 업데이트합니다. 0ca19c0 Notification Badge를 표시하는 notification prop을 추가합니다. SegmentedControlItem 의 children 을 string 에서 ReactNode 로 확대합니다. 스타일을 업데이트합니다.
- **@seed-design/react-snackbar@0.0.7**
  - [Patch Changes] Snackbar 헤드리스에서 닫기 버튼에 하드코딩된 aria-label 속성을 제거합니다. 11f5e76

## 0.2.4

### Patch Changes

- Switch, Checkmark, Radio Mark의 스타일을 업데이트합니다. 8ebe8a5 tone=neutral variant를 추가합니다. Switch의 thumb 크기를 조정합니다. Checkbox와 Radio의 weight variant를 default, stronger에서 regular, bold로 수정합니다.

### Updated Dependencies

- **@seed-design/css@0.2.4**
  - [Patch Changes] Switch, Checkmark, Radio Mark의 스타일을 업데이트합니다. 8ebe8a5 tone=neutral variant를 추가합니다. Switch의 thumb 크기를 조정합니다. Checkbox와 Radio의 weight variant를 default, stronger에서 regular, bold로 수정합니다.
  - [Patch Changes] 다크 모드에서의 색상 대비 보장을 위해 시맨틱 색상을 수정하고 컴포넌트에서의 색상을 변경합니다. f61b80d $color.bg.warning-solid : theme-dark에서 $color.palette.yellow-600 → $color.palette.yellow-800 $color.bg.warning-solid-pressed : theme-dark에서 $color.palette.yellow-700 → $color.palette.yellow-900 Badge, Page Banner의 tone=warning, variant=solid variant에서 전경 항목 색상 변경: $color.fg.neutral → $color.palette.static-black-alpha-900
- **@seed-design/react-tabs@0.0.9**
  - [Patch Changes] Tabs.Carousel의 reInit 이벤트 시 탭 인덱스가 변경되지 않는 문제를 수정합니다. ce047f5

## 0.2.3

### Patch Changes

- List 컴포넌트를 추가하고, Checkbox 및 Radio 컴포넌트를 개선합니다. 12faf5a List 컴포넌트를 제공하여, 정보를 구조화된 목록 형태로 표시할 수 있도록 합니다. Checkbox와 Radio의 컨트롤 영역만을 표시하는 Checkmark와 RadioMark를 제공합니다. Select Box에서 컨트롤 영역을 Checkmark와 RadioMark로 교체합니다. RadioGroup 컴포넌트를 제공합니다.

### Updated Dependencies

- **@seed-design/css@0.2.3**
  - [Patch Changes] ChipTabs 컴포넌트 Variant, Size 변경 및 디자인 수정 a22b8b9 variant neutralOutline 추가 variant brandSolid deprecated size( medium(default) | large ) 추가
  - [Patch Changes] text-field의 value slot이 input의 size attribute로 인해 기본적으로 width를 가지는 문제를 해결합니다. 5836976
  - [Patch Changes] List 컴포넌트를 추가하고, Checkbox 및 Radio 컴포넌트를 개선합니다. 12faf5a List 컴포넌트를 제공하여, 정보를 구조화된 목록 형태로 표시할 수 있도록 합니다. Checkbox와 Radio의 컨트롤 영역만을 표시하는 Checkmark와 RadioMark를 제공합니다. Select Box에서 컨트롤 영역을 Checkmark와 RadioMark로 교체합니다. RadioGroup 컴포넌트를 제공합니다.

## 0.2.2

### Patch Changes

- Text 컴포넌트의 fontSize, lineHeight, color 속성에 string도 사용 가능하도록 변경했습니다. 9d93518

## 0.2.1

### Patch Changes

- Chip 컴포넌트를 업데이트합니다. 35984d0 아이콘에 트랜지션 효과가 적용되지 않던 현상을 수정합니다. Button, Toggle 등 사용되는 방식에 따라 적절한 data prop을 받도록 수정합니다.
- Divider 컴포넌트가 $color.stroke.neutral-muted 색상을 기본값으로 사용하도록 수정합니다. c5bed96

### Updated Dependencies

- **@seed-design/css@0.2.1**
  - [Patch Changes] Chip 컴포넌트를 업데이트합니다. 35984d0 아이콘에 트랜지션 효과가 적용되지 않던 현상을 수정합니다. Button, Toggle 등 사용되는 방식에 따라 적절한 data prop을 받도록 수정합니다.

## 0.2.0

### Updated Dependencies

- **@seed-design/css@0.2.0**
  - [Minor Changes] 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.15

### Patch Changes

- font-size, line-height 토큰에 static variant를 추가합니다. c51a261 --seed-font-size-t1-static ~ --seed-font-size-t10-static --seed-line-height-t1-static ~ --seed-line-height-t10-static
- Divider 컴포넌트를 업데이트합니다. 9a3c76a orientation 을 지정할 수 있습니다. Divider를 li 로 렌더링하여 ol , ul 내부에서 사용할 수 있습니다. Divider를 div 또는 li 로 렌더링하는 경우에도 role="separator" 를 지정하여 스크린 리더가 Divider를 읽도록 할 수 있습니다.

### Updated Dependencies

- **@seed-design/css@0.1.15**
  - [Patch Changes] font-size, line-height 토큰에 static variant를 추가합니다. c51a261 --seed-font-size-t1-static ~ --seed-font-size-t10-static --seed-line-height-t1-static ~ --seed-line-height-t10-static
  - [Patch Changes] CSS 최적화 도구(e.g. cssnano)가 CSS variable로 정의된 longhand declaration을 병합하지 않도록 합니다. (workaround, 관련 issue ) 5f2ee39
  - [Patch Changes] Snackbar 컴포넌트를 업데이트합니다. 8299ba9 root 영역에 maxWidth 스펙을 추가합니다. pauseOnInteraction 의 기본값을 false 에서 true 로 변경합니다.
  - [Patch Changes] 플랫폼별 조건부 폰트 스케일링 제한 (iOS: 135%, Android: 150%) 적용 3de4cec CSS 변수 --seed-{font-size|line-height}-limit-{min|max} 도입 빌드 타임 basePx 계산을 런타임 static 토큰 참조로 대체 global.ts에 폰트 스케일링 변수 통합
- **@seed-design/react-snackbar@0.0.6**
  - [Patch Changes] Snackbar 컴포넌트를 업데이트합니다. 8299ba9 root 영역에 maxWidth 스펙을 추가합니다. pauseOnInteraction 의 기본값을 false 에서 true 로 변경합니다.

## 0.1.14

### Patch Changes

- Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
  ```tsx
  <PageBanner
    tone="informative"
    variant="weak"
    description="사업자 정보를 등록해주세요."
    suffix={
      <PageBannerButton asChild>
        <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
          새 탭에서 열기
        </a>
      </PageBannerButton>
    }
  />
  ```
  시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
- Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

### Updated Dependencies

- **@seed-design/css@0.1.14**
  - [Patch Changes] Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
    ```tsx
    <PageBanner
      tone="informative"
      variant="weak"
      description="사업자 정보를 등록해주세요."
      suffix={
        <PageBannerButton asChild>
          <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
            새 탭에서 열기
          </a>
        </PageBannerButton>
      }
    />
    ```
    시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
  - [Patch Changes] Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

## 0.1.13

### Updated Dependencies

- **@seed-design/css@0.1.13**
  - [Patch Changes] Avatar, Avatar Stack 컴포넌트에 size=108 variant를 추가합니다. 0be9b00

## 0.1.12

### Patch Changes

- Help Bubble의 스타일 문제를 수정합니다. 62094b6 placement=left-* / placement=right-* 에서 arrow가 content와 떨어져 표시되는 문제를 수정합니다.

### Updated Dependencies

- **@seed-design/react-popover@0.0.8**
  - [Patch Changes] Help Bubble의 스타일 문제를 수정합니다. 62094b6 placement=left-* / placement=right-* 에서 arrow가 content와 떨어져 표시되는 문제를 수정합니다.
- **@seed-design/css@0.1.12**
  - [Patch Changes] Help Bubble의 스타일 문제를 수정합니다. 62094b6 placement=left-* / placement=right-* 에서 arrow가 content와 떨어져 표시되는 문제를 수정합니다.

## 0.1.11

### Patch Changes

- 레이아웃 컴포넌트를 사용할 때 flexGrow , flexShrink , flexWrap 에도 true 를 사용할 수 있도록 수정합니다. 9993e0e Figma 레이어가 이미지 Fill을 가지고 있는 경우 &#x3C;img /> 요소를 prepend합니다.

## 0.1.10

### Updated Dependencies

- **@seed-design/css@0.1.10**
  - [Patch Changes] Bottom Sheet의 스타일 문제를 수정해요. ef91c21 Close Button에 브라우저 기본 스타일이 표시되는 문제를 수정해요.

## 0.1.9

### Patch Changes

- Switch 컴포넌트를 업데이트합니다. 5a025b7 size: medium → 32, small → 16으로 rename합니다. (React) size="medium" 으로 32 , size="small" 로 16 을 사용할 수 있습니다. (deprecated) size: 24를 추가합니다. 모든 size에 대해 레이블 스타일을 추가합니다. (기존: small에만 존재)
- CheckSelectBox , RadioSelectBox 의 label , description 영역을 수정합니다. f9041e9 span 대신 div 를 렌더링합니다. 기본적으로 grow하도록 만들어 Badge 등 추가 요소를 넣기 쉽게 만듭니다.

### Updated Dependencies

- **@seed-design/css@0.1.9**
  - [Patch Changes] Switch 컴포넌트를 업데이트합니다. 5a025b7 size: medium → 32, small → 16으로 rename합니다. (React) size="medium" 으로 32 , size="small" 로 16 을 사용할 수 있습니다. (deprecated) size: 24를 추가합니다. 모든 size에 대해 레이블 스타일을 추가합니다. (기존: small에만 존재)
  - [Patch Changes] Chip.Root position: relative 속성 추가 ac35731 이제 Chip.Toggle을 사용해도 예상치 못한 스크롤이 발생하지 않습니다.
  - [Patch Changes] CheckSelectBox , RadioSelectBox 의 label , description 영역을 수정합니다. f9041e9 span 대신 div 를 렌더링합니다. 기본적으로 grow하도록 만들어 Badge 등 추가 요소를 넣기 쉽게 만듭니다.

## 0.1.8

### Updated Dependencies

- **@seed-design/css@0.1.8**
  - [Patch Changes] iOS의 더 큰 텍스트 기능에 제한을 둡니다. 609b8f3 iOS는 7단계(XS ~ XXXL)의 텍스트 크기 조절 이외에도, 보다 더 큰 텍스트를 위한 더 큰 텍스트 기능을 제공합니다. iOS 네이티브에서는 더 큰 텍스트 의 UI 레이아웃 대응이 어렵다고 결정하여, XXXL(135%) 이상의 텍스트 크기 조절을 지원하지 않습니다. 웹뷰도 iOS와 동일한 제한을 위한 기능이 추가되었습니다.

## 0.1.7

### Updated Dependencies

- **@seed-design/css@0.1.7**
  - [Patch Changes] MultilineTextField의 스타일 문제를 수정합니다. 4afe80b 스크롤바가 요소 끝에 표시되도록 수정합니다.

## 0.1.6

### Updated Dependencies

- **@seed-design/css@0.1.6**
  - [Patch Changes] action-button: size=medium, layout=withText variant에서 gap을 1 → 1.5로 수정합니다. 235147d
  - [Patch Changes] highlight-magic-pressed 그라디언트 토큰을 추가합니다. 3c13ad7

## 0.1.5

### Patch Changes

- Menu Sheet 컴포넌트를 추가하는 동시에 Action Sheet과 Extended Action Sheet 컴포넌트를 deprecate합니다. 861ecb4 Menu Sheet React 문서 Menu Sheet는 기존 Extended Action Sheet의 모든 기능을 포함하는 동시에, labelAlign prop으로 MenuSheetItem 를 left 또는 center 로 정렬할 수 있습니다.

### Updated Dependencies

- **@seed-design/css@0.1.5**
  - [Patch Changes] Menu Sheet 컴포넌트를 추가하는 동시에 Action Sheet과 Extended Action Sheet 컴포넌트를 deprecate합니다. 861ecb4 Menu Sheet React 문서 Menu Sheet는 기존 Extended Action Sheet의 모든 기능을 포함하는 동시에, labelAlign prop으로 MenuSheetItem 를 left 또는 center 로 정렬할 수 있습니다.
  - [Patch Changes] Inline Banner의 스타일 문제를 수정합니다. 3889eb6 title 과 description 이 inline-flex 로 레이아웃되던 문제를 해결합니다. title 과 description 간의 간격을 조정합니다. 닫기 버튼(Dismissible)과 suffix icon , link label 이 상단으로 레이아웃되던 문제를 해결합니다. Callout의 스타일 문제를 수정합니다. title 과 description 간의 간격을 조정합니다. Chip의 스타일 문제를 수정합니다. Chip.Button 의 label 이 의도한 글꼴로 표시되도록 수정합니다.

## 0.1.4

### Patch Changes

- Chip 컴포넌트가 추가되고, ActionChip, ControlChip 컴포넌트가 Deprecated 되었습니다. 0ffcd48 Chip 컴포넌트 Chip 컴포넌트는 버튼과 토글 컴포넌트를 모두 포함하고 있습니다.
- Layout 컴포넌트 pb , pt , paddingBottom , paddingTop 속성에 safeArea 값을 지정할 수 있도록 지원 56e03ca
  ```tsx
  <Box pt="safeArea" paddingTop="safeArea" />
  <Box pb="safeArea" paddingBottom="safeArea" />
  ```

### Updated Dependencies

- **@seed-design/css@0.1.4**
  - [Patch Changes] Chip 컴포넌트가 추가되고, ActionChip, ControlChip 컴포넌트가 Deprecated 되었습니다. 0ffcd48 Chip 컴포넌트 Chip 컴포넌트는 버튼과 토글 컴포넌트를 모두 포함하고 있습니다.

## 0.1.3

### Updated Dependencies

- **@seed-design/css@0.1.3**
  - [Patch Changes] @seed-design/stackflow 백스와이프 애니메이션 개선 cdc0930 iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 300ms 에서 350ms 로 조정되어 더 부드러운 전환 효과를 제공합니다. 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다. 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.
  - [Patch Changes] 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.
  - [Patch Changes] iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

## 0.1.2

### Patch Changes

- package.json에 types 필드를 추가합니다. 00eafa3

### Updated Dependencies

- **@seed-design/css@0.1.2**
  - [Patch Changes] Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.1

### Updated Dependencies

- **@seed-design/css@0.1.1**
  - [Patch Changes] stroke.neutral , stroke.neutral-muted , stroke.on-image 의 컬러를 alpha 값으로 변경합니다. e3b782d

## 0.1.0

### Minor Changes

- AI Gradient 관련 토큰을 추가합니다. (0.0.41) b0f7a4e direction 관련 속성을 css property에 맞게 변경합니다. (0.1.0)
- HelpBubble의 arrow가 상위 요소의 font-size에 영향을 받는 것을 수정합니다 7cc6087
- BottomSheet의 description font-size를 t5로 변경합니다 bdca898

### Updated Dependencies

- **@seed-design/css@0.1.0**
  - [Minor Changes] HelpBubble의 arrow가 상위 요소의 font-size에 영향을 받는 것을 수정합니다 7cc6087
  - [Minor Changes] BottomSheet의 description font-size를 t5로 변경합니다 bdca898

## 0.0.41

### Patch Changes

- Text 컴포넌트에 textDecorationLine 옵션을 추가합니다. 561f74c
- Gradient 컬러를 추가합니다 b43de05

### Updated Dependencies

- **@seed-design/css@0.0.41**
  - [Patch Changes] Text 컴포넌트에 textDecorationLine 옵션을 추가합니다. 561f74c
  - [Patch Changes] Gradient 컬러를 추가합니다 b43de05

## 0.0.39

### Updated Dependencies

- **@seed-design/css@0.0.39**
  - [Patch Changes] 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.38

### Patch Changes

- Float 컴포넌트의 기본 display를 inline-flex로 변경합니다. 145b718
- Action Button에 type="ghost"를 추가합니다. 70fbaaf

### Updated Dependencies

- **@seed-design/css@0.0.38**
  - [Patch Changes] Action Button에 type="ghost"를 추가합니다. 70fbaaf

## 0.0.35

### Updated Dependencies

- **@seed-design/css@0.0.35**
  - [Patch Changes] _active style prop이 값이 없는 경우에 기존 style prop을 제거하는 버그를 수정합니다. 0789dc8

## 0.0.34

### Patch Changes

- Icon 컴포넌트의 size, color style prop 타입을 다른 컴포넌트와 동일하게 수정합니다. 2fc411d

### Updated Dependencies

- **@seed-design/css@0.0.34**
  - [Patch Changes] _active style prop이 상태가 없는 값보다 우선순위가 낮게 적용되는 문제를 수정합니다. 92801a2

## 0.0.33

### Patch Changes

- Style prop에 _active 를 추가합니다. background 속성만을 지원합니다. fbdb091

### Updated Dependencies

- **@seed-design/css@0.0.33**
  - [Patch Changes] Style prop에 _active 를 추가합니다. background 속성만을 지원합니다. fbdb091

## 0.0.32

### Patch Changes

- 레이아웃 컴포넌트에 asChild 속성을 추가합니다. e9db89f
- Text 컴포넌트에 ref forwarding을 추가합니다. abfda51

## 0.0.31

### Patch Changes

- Icon 컴포넌트의 size의 IDE 자동완성을 개선합니다. 408d7ef
- Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

### Updated Dependencies

- **@seed-design/react-tabs@0.0.8**
  - [Patch Changes] Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.
- **@seed-design/css@0.0.31**
  - [Patch Changes] Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

## 0.0.30

### Patch Changes

- PullToRefresh에 disabled prop을 추가합니다. 4610b5b
- Tabs.Indicator의 width가 첫 렌더링 시 0으로 설정되는 문제를 수정합니다. 739b6bf Tabs의 불필요한 리렌더링을 줄입니다.
- ContextualFloatingButton 과 FloatingActionButton 컴포넌트를 제공합니다. 285cb9b 기존의 Fab 및 ExtendedFab 를 deprecate합니다. Floating 요소들의 위치를 편리하게 제어하도록 Float 유틸리티 컴포넌트를 제공합니다.

### Updated Dependencies

- **@seed-design/react-pull-to-refresh@0.0.6**
  - [Patch Changes] PullToRefresh에 disabled prop을 추가합니다. 4610b5b
- **@seed-design/react-tabs@0.0.7**
  - [Patch Changes] Tabs.Indicator의 width가 첫 렌더링 시 0으로 설정되는 문제를 수정합니다. 739b6bf Tabs의 불필요한 리렌더링을 줄입니다.
- **@seed-design/css@0.0.30**
  - [Patch Changes] ContextualFloatingButton 과 FloatingActionButton 컴포넌트를 제공합니다. 285cb9b 기존의 Fab 및 ExtendedFab 를 deprecate합니다. Floating 요소들의 위치를 편리하게 제어하도록 Float 유틸리티 컴포넌트를 제공합니다.

## 0.0.29

### Patch Changes

- reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

### Updated Dependencies

- **@seed-design/css@0.0.29**
  - [Patch Changes] ActionButton의 min-width variable 기본값을 수정합니다. 116ee2c
- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0
- **@seed-design/react-avatar@0.0.4**
- **@seed-design/react-checkbox@0.0.4**
- **@seed-design/react-dialog@0.0.5**
- **@seed-design/react-popover@0.0.7**
- **@seed-design/react-progress@0.0.4**
- **@seed-design/react-pull-to-refresh@0.0.5**
- **@seed-design/react-radio-group@0.0.4**
- **@seed-design/react-segmented-control@0.0.5**
- **@seed-design/react-snackbar@0.0.5**
- **@seed-design/react-switch@0.0.4**
- **@seed-design/react-tabs@0.0.6**
- **@seed-design/react-text-field@0.0.4**
- **@seed-design/react-toggle@0.0.4**

## 0.0.28

### Updated Dependencies

- **@seed-design/css@0.0.28**
  - [Patch Changes] Callout의 wrapping 동작을 수정합니다. 5337e14

## 0.0.27

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

### Updated Dependencies

- **@seed-design/css@0.0.27**
  - [Patch Changes] InlineBanner의 title 영역에 flex-shrink: 0을 추가해요 9d85c16
  - [Patch Changes] Color 토큰을 업데이트합니다. d951317
  - [Patch Changes] Avatar의 디자인 업데이트를 반영합니다. (stroke 추가) b3f964d
- **@seed-design/react-segmented-control@0.0.4**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-pull-to-refresh@0.0.4**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-radio-group@0.0.3**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-text-field@0.0.3**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-checkbox@0.0.3**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-progress@0.0.3**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-snackbar@0.0.4**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-popover@0.0.6**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-avatar@0.0.3**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-dialog@0.0.4**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-portal@0.0.2**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-switch@0.0.3**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-toggle@0.0.3**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31
- **@seed-design/react-tabs@0.0.5**
  - [Patch Changes] RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.25

### Patch Changes

- Avatar Stack의 디자인을 업데이트합니다. c87ede9

### Updated Dependencies

- **@seed-design/css@0.0.25**
  - [Patch Changes] Avatar Stack의 디자인을 업데이트합니다. c87ede9

## 0.0.24

### Patch Changes

- ActionSheet의 header가 렌더링되지 않을 때 상단 radius가 누락되는 버그를 수정합니다. 4da536f
- &#x3C;Portal> 컴포넌트를 제공합니다. 3efe201

### Updated Dependencies

- **@seed-design/css@0.0.24**
  - [Patch Changes] ActionSheet의 header가 렌더링되지 않을 때 상단 radius가 누락되는 버그를 수정합니다. 4da536f
- **@seed-design/react-portal@0.0.1**
  - [Patch Changes] &#x3C;Portal> 컴포넌트를 제공합니다. 3efe201

## 0.0.23

### Updated Dependencies

- **@seed-design/css@0.0.23**
  - [Patch Changes] AppBar의 배경이 상단 safe-area를 덮도록 수정합니다. 63e1541

## 0.0.21

### Patch Changes

- 2개의 컨텐츠를 동일한 비율로 나누어 배치하되, 너무 긴 경우 세로로 접는 &#x3C;ResponsivePair> 컴포넌트를 추가합니다. 7ae87f8
- BottomSheet, Dialog의 배경 색상을 layer-floating으로 변경합니다. f144d28
- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/css@0.0.21**
  - [Patch Changes] Button, Chip 컴포넌트들의 누락된 line-height를 추가합니다. 5d69d1d Button, Chip 컴포넌트들의 white-space를 nowrap으로 설정합니다.
  - [Patch Changes] 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
  - [Patch Changes] 2개의 컨텐츠를 동일한 비율로 나누어 배치하되, 너무 긴 경우 세로로 접는 &#x3C;ResponsivePair> 컴포넌트를 추가합니다. 7ae87f8
  - [Patch Changes] BottomSheet, Dialog의 배경 색상을 layer-floating으로 변경합니다. f144d28
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-segmented-control@0.0.3**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-pull-to-refresh@0.0.3**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-radio-group@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-text-field@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-checkbox@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-progress@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-snackbar@0.0.3**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-popover@0.0.5**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-avatar@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-dialog@0.0.3**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-switch@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-toggle@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-tabs@0.0.4**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.19

### Updated Dependencies

- **@seed-design/css@0.0.19**
  - [Patch Changes] feat: 와일드카드 지원하지 않는 곳을 위해 CSS 파일 명시적 export 3c9ec66
  - [Patch Changes] LoadingIndicator를 사용하는 컴포넌트에 position: relative를 추가합니다. b3bb6e7

## 0.0.17

### Patch Changes

- recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

### Updated Dependencies

- **@seed-design/css@0.0.17**
  - [Patch Changes] recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

## 0.0.15

### Patch Changes

- vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.
- 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.
- Divider의 굵기가 의도보다 굵게 렌더링되는 버그 수정 d49e697 borderColor, borderWidth 대신 color, thickness로 인터페이스 변경
- HelpBubble 디자인 스펙 업데이트 (shadow) f4b0723
- HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

### Updated Dependencies

- **@seed-design/css@0.0.15**
  - [Patch Changes] vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.
  - [Patch Changes] 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) f4b0723
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. f4b0723
- **@seed-design/react-popover@0.0.4**
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

## 0.0.14

### Patch Changes

- Divider 컴포넌트를 추가합니다. 87599b0
- HelpBubble 디자인 스펙 업데이트 (shadow) 92c0b80
- HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

### Updated Dependencies

- **@seed-design/css@0.0.14**
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) 92c0b80
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0
- **@seed-design/react-popover@0.0.3**
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

## 0.0.13

### Patch Changes

- Avatar의 Badge 스펙을 최신화합니다. 7fca755

### Updated Dependencies

- **@seed-design/css@0.0.13**
  - [Patch Changes] Avatar의 Badge 스펙을 최신화합니다. 7fca755
- **@seed-design/react-pull-to-refresh@0.0.2**
  - [Patch Changes] 여러 PTR 인스턴스가 동일한 상태를 공유하는 문제를 수정합니다. c0c0b7e

## 0.0.12

### Patch Changes

- 유틸리티 컴포넌트에 사용되는 ScopedColorFg, ScopedColorBg, ScopedColorPalette, ScopedColorStroke 타입을 제공합니다. 6426379
- feat: icon scope를 @daangn 에서 @karrotmarket 으로 변경해요 f5858ad

### Updated Dependencies

- **@seed-design/react-tabs@0.0.3**
  - [Patch Changes] overflow된 Tab 선택 시 스크롤 동작을 추가합니다. fee050d
- **@seed-design/css@0.0.12**
  - [Patch Changes] 유틸리티 컴포넌트에 사용되는 ScopedColorFg, ScopedColorBg, ScopedColorPalette, ScopedColorStroke 타입을 제공합니다. 6426379
  - [Patch Changes] close button의 위치가 의도와 다르게 설정된 것을 수정합니다. ee41f37

## 0.0.11

### Updated Dependencies

- **@seed-design/css@0.0.11**
  - [Patch Changes] Dialog 및 Sheet 컴포넌트 레이아웃 스펙 업데이트 e70f340
  - [Patch Changes] $dimension.spacing-y.screen-bottom 토큰을 추가합니다. 72f344f $dimension.spacing-y.between-text 토큰을 추가합니다.

## 0.0.10

### Patch Changes

- Avatar size=42를 추가합니다. e4b704c
- Icon 컴포넌트에 color, size prop을 추가합니다. de5901d

### Updated Dependencies

- **@seed-design/css@0.0.10**
  - [Patch Changes] Avatar size=42를 추가합니다. e4b704c
- **@seed-design/react-segmented-control@0.0.2**
  - [Patch Changes] 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9
- **@seed-design/react-snackbar@0.0.2**
  - [Patch Changes] 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9
- **@seed-design/react-popover@0.0.2**
  - [Patch Changes] 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9
- **@seed-design/react-dialog@0.0.2**
  - [Patch Changes] 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9
- **@seed-design/react-tabs@0.0.2**
  - [Patch Changes] 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9

## 0.0.9

### Patch Changes

- MannerTemp 컴포넌트를 추가합니다. 63f8651

### Updated Dependencies

- **@seed-design/css@0.0.9**
  - [Patch Changes] MannerTemp 컴포넌트를 추가합니다. 63f8651
  - [Patch Changes] feat: 다크모드에서의 gray200, gray300 색상, 라이트모드 carrot700 색상을 변경해요 d9b01a9 (light) carrot700: #e84500 -> #e04f00 (dark) gray300: #2c2f35 -> #2b2e35 (dark) gray200: #1b1c22 -> #22252b

## 0.0.8

### Patch Changes

- Notification Badge를 추가합니다. 1424700 Tabs의 Notification 슬롯을 Notification Badge로 변경합니다.

### Updated Dependencies

- **@seed-design/css@0.0.8**
  - [Patch Changes] Notification Badge를 추가합니다. 1424700 Tabs의 Notification 슬롯을 Notification Badge로 변경합니다.
  - [Patch Changes] change help-bubble paddingY, lineHeight 0efeea1

## 0.0.7

### Updated Dependencies

- **@seed-design/css@0.0.7**
  - [Patch Changes] remove text maxLines none display unset 8aca3de

## 0.0.6

### Patch Changes

- visuallyHidden을 recipe에서 제거합니다. 3d66c5b

### Updated Dependencies

- **@seed-design/css@0.0.6**
  - [Patch Changes] Skeleton의 width, height가 동작하지 않는 버그를 수정합니다. bf198e8
  - [Patch Changes] visuallyHidden을 recipe에서 제거합니다. 3d66c5b
  - [Patch Changes] callout, inline banner 디자인 스펙 수정 a8d5242
  - [Patch Changes] fix: add --seed-safe-area-top in app-bar ccf3989

## 0.0.5

### Patch Changes

- single-slot recipe를 위한 간소화된 인터페이스를 추가합니다. e3234e7

### Updated Dependencies

- **@seed-design/css@0.0.5**
  - [Patch Changes] single-slot recipe를 위한 간소화된 인터페이스를 추가합니다. e3234e7
  - [Patch Changes] add textStyles (t6, t7 regular, medium) 5502bed

## 0.0.4

### Patch Changes

- Badge 디자인 업데이트 6df5d19 neutral tone 색상 변경 pill shape 삭제

### Updated Dependencies

- **@seed-design/css@0.0.4**
  - [Patch Changes] Badge 디자인 업데이트 6df5d19 neutral tone 색상 변경 pill shape 삭제
  - [Patch Changes] recipe 스타일시트의 exports map을 수정합니다. 5cb50e7

## 0.0.3

### Updated Dependencies

- **@seed-design/css@0.0.3**
  - [Patch Changes] Fixes an issue where the theming script was injecting the wrong color mode data-attr. a33af94
  - [Patch Changes] Inject data-seed in theming script instead of plugin b180822

## 0.0.2

### Updated Dependencies

- **@seed-design/css@0.0.2**
  - [Patch Changes] theming script의 color mode data attribute 수정 d04e344

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/css@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-avatar@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-checkbox@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-dialog@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-popover@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-progress@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-pull-to-refresh@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-radio-group@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-segmented-control@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-snackbar@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-switch@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-tabs@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-text-field@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-toggle@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.4

### Updated Dependencies

- **@seed-design/css@0.0.1-rc.4**
  - [Patch Changes] feat: change theming data attribute names 93cfc30 theming에 사용되는 data attribute 이름을 변경합니다. 유저가 선호하는 color scheme과 사전에 지정된 color mode를 구분하기 쉽도록 이름을 부여합니다. 파편화된 platform 관련 네이밍을 통일합니다. 테마 관련 data attribute가 지정되지 않은 경우 light theme로 fallback하는 동작을 추가합니다.

## 0.0.1-rc.3

### Patch Changes

- fix: externalize subpath imports from @seed-design/css cc4b2c5 refactor: streamline package configurations refactor(qvism): generate recipe-shared module from cli

### Updated Dependencies

- **@seed-design/css@0.0.1-rc.3**
  - [Patch Changes] fix: externalize subpath imports from @seed-design/css cc4b2c5 refactor: streamline package configurations refactor(qvism): generate recipe-shared module from cli

## 0.0.1-rc.2

### Updated Dependencies

- **@seed-design/css@0.0.1-rc.1**
  - [Patch Changes] change package.json exports map 14c9983

## 0.0.1-rc.1

### Patch Changes

- re-export stylesheet from @seed-design/css package. 6ee6544

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/css@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-avatar@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-checkbox@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-dialog@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-popover@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-progress@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-pull-to-refresh@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-radio-group@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-segmented-control@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-snackbar@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-switch@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-tabs@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-text-field@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-toggle@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

---

## @seed-design/react-accordion

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-collapsible@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Accordion 컴포넌트를 추가합니다. 31bf164 여러 개의 관련된 콘텐츠 섹션을 수직으로 나열하고, 각 섹션을 펼치거나 접어 정보를 탐색할 수 있는 컴포넌트입니다.

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023
- **@seed-design/react-collapsible@0.1.1**

---

## @seed-design/react-attachment-display

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

---

## @seed-design/react-avatar

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.4

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.3

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

## 0.0.0-alpha-20241030023710

### Patch Changes

- alpha

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241030023710**
  - [Patch Changes] alpha

## 0.0.0-alpha-20241004093556

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241004093556**
  - [Patch Changes] prerelease

---

## @seed-design/react-checkbox

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.1

### Patch Changes

- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-supports@0.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.4

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.3

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

## 0.0.0-alpha-20241030023710

### Patch Changes

- alpha

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241030023710**
  - [Patch Changes] alpha

## 0.0.0-alpha-20241004093556

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241004093556**
  - [Patch Changes] prerelease

---

## @seed-design/react-collapsible

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 0.1.0

### Minor Changes

- fieldset, collapsible headless 릴리즈 cfd2df4

---

## @seed-design/react-date-picker

## 1.1.0

### Minor Changes

- Date Picker에서 시작일을 유지하고 종료일만 변경할 수 있는 기능을 추가합니다. ebb4eae selectionMode="range" 에서 rangeStartReadOnly prop을 사용할 수 있습니다. 시작일보다 늦은 날짜만 새 종료일로 선택할 수 있습니다. 읽기 전용 시작일의 시각적 상태와 접근성 이름을 제공합니다.
  ```tsx
  <DatePicker
    selectionMode="range"
    rangeStartReadOnly
    value={{
      start: { year: 2026, month: 8, day: 7 },
      end: { year: 2026, month: 8, day: 9 },
    }}
  />
  ```

## 1.0.0

### Major Changes

- DatePicker 컴포넌트를 추가합니다. c9acaa6 Single, Range, Multiple 선택 모드를 지원합니다. Month, Two Months, Week, Continuous 레이아웃을 각각 DatePicker , TwoMonthDatePicker , WeekDatePicker , ContinuousDatePicker 로 제공합니다. 날짜 constraints와 예약·가격 표시를 위한 renderDateCellSupplement , 내부 콘텐츠 전체를 교체하는 renderDateCellContent 를 제공합니다. actionsRef 를 통해 특정 날짜로 이동하거나 날짜 셀에 포커스할 수 있습니다. locale 기반 달력, 키보드·스크린 리더 접근성, Wheel Picker를 이용한 월·연도 이동을 지원합니다.

---

## @seed-design/react-dialog

## 2.0.3

### Patch Changes

- @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66

## 2.0.2

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-dismissible-layer@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-presence@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-prevent-scroll@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-use-controllable-state@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.1

### Patch Changes

- DialogTitle / DialogDescription 이 실제로 렌더된 경우에만 DialogContent 가 각각 aria-labelledby / aria-describedby 를 노출하도록 수정합니다. 34586b6

## 2.0.0

### Major Changes

- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

### Updated Dependencies

- **@seed-design/react-dismissible-layer@1.0.0**
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- **@seed-design/react-presence@1.0.0**
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- **@seed-design/react-prevent-scroll@1.0.0**
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.3

### Patch Changes

- AlertDialog , MenuSheet 등 Dialog 기반 컴포넌트가 열릴 때 첫 항목 대신 컨테이너에 포커스가 가도록 수정합니다. 26b1de5 URL로 직접 진입해 열었을 때 첫 항목에 포커스 링이 노출되던 문제를 수정합니다. 스크린리더가 다이얼로그의 제목과 설명을 먼저 읽도록 초기 포커스를 컨테이너로 옮깁니다.

## 1.0.2

### Patch Changes

- AlertDialogRoot , MenuSheetRoot 및 BottomSheetRoot 의 onOpenChange 두 번째 인자로 details 를 제공합니다. details.reason 과 details.event 를 사용할 수 있습니다. 576c2e6 DialogAction 을 DialogPrimitive.CloseButton 으로 교체합니다. AlertDialogAction onClick 핸들러에서 event.preventDefault() 를 호출하여 닫기 동작을 방지할 수 있습니다. (예제)

### Updated Dependencies

- **@seed-design/react-use-controllable-state@1.0.0**
  - [Major Changes] AlertDialogRoot , MenuSheetRoot 및 BottomSheetRoot 의 onOpenChange 두 번째 인자로 details 를 제공합니다. details.reason 과 details.event 를 사용할 수 있습니다. 576c2e6 DialogAction 을 DialogPrimitive.CloseButton 으로 교체합니다. AlertDialogAction onClick 핸들러에서 event.preventDefault() 를 호출하여 닫기 동작을 방지할 수 있습니다. (예제)

## 1.0.1

### Patch Changes

- Overlay 컴포넌트에 skipAnimation 옵션을 추가합니다 69ccc6e

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.5

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.4

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.3

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.2

### Patch Changes

- 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

---

## @seed-design/react-dismissible-layer

## 1.0.2

### Patch Changes

- Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 Array.prototype.at 부재로 TypeError: layers.at is not a function 크래시가 나던 문제를 수정합니다. 0e91c55

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

---

## @seed-design/react-drawer

## 2.0.6

### Patch Changes

- iOS에서 Drawer 내부 Input과 키보드 전환 동작을 개선합니다. ebb4eae Input 포커스·해제 중 Drawer 높이와 위치가 일시적으로 흔들리거나 복원되지 않는 문제를 수정합니다. 키보드에 가려진 Input이 Drawer 내부의 가장 가까운 스크롤 영역에서 부드럽게 보이도록 이동합니다.

## 2.0.5

### Patch Changes

- @seed-design/react-drawer@2.0.3 , @seed-design/css@2.3.1 에서 추가된 키보드 리포지션 애니메이션과 높이 보정 동작을 제거합니다. 225496c

## 2.0.4

### Patch Changes

- @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66

## 2.0.3

### Patch Changes

- 소프트웨어 키보드가 열릴 때 BottomSheet가 움직이는 방식을 개선합니다. 3d5ecf4 iOS에서 시트가 한 프레임에 점프하지 않고 새 위치까지 애니메이션합니다. Android에서 입력 필드에 포커스하면 시트가 화면을 덮을 만큼 커지던 문제를 수정합니다.

## 2.0.2

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-dismissible-layer@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-presence@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-prevent-scroll@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-use-controllable-state@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.1

### Patch Changes

- Drawer의 active snap point가 특정 상황에서 undefined 로 설정되던 문제를 수정합니다. 1d3e8c6

## 2.0.0

### Major Changes

- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

### Updated Dependencies

- **@seed-design/react-dismissible-layer@1.0.0**
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- **@seed-design/react-presence@1.0.0**
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- **@seed-design/react-prevent-scroll@1.0.0**
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.11

### Patch Changes

- iOS 환경에서 Bottom Sheet(Drawer) 내부 버튼에서 시트 스와이프 동작을 수행하는 경우 의도하지 않은 버튼 클릭을 발생시키던 문제를 수정합니다. 306673a

## 1.0.10

### Patch Changes

- SEED React 2.0.0에서 제거될 예정인 Drawer/BottomSheet의 noBodyStyles , preventScrollRestoration 옵션을 deprecated 처리합니다. 2.0.0부터는 두 옵션 모두 기본값( noBodyStyles=true , preventScrollRestoration=false )처럼 동작합니다. 59887b7

## 1.0.9

### Patch Changes

- Android 환경에서 온스크린 키보드가 닫힐 때 Drawer(Bottom Sheet) 높이가 정상적으로 복원되지 않는 문제를 수정합니다. 0420c89

## 1.0.8

### Patch Changes

- AlertDialogRoot , MenuSheetRoot 및 BottomSheetRoot 의 onOpenChange 두 번째 인자로 details 를 제공합니다. details.reason 과 details.event 를 사용할 수 있습니다. 576c2e6 DialogAction 을 DialogPrimitive.CloseButton 으로 교체합니다. AlertDialogAction onClick 핸들러에서 event.preventDefault() 를 호출하여 닫기 동작을 방지할 수 있습니다. (예제)

### Updated Dependencies

- **@seed-design/react-use-controllable-state@1.0.0**
  - [Major Changes] AlertDialogRoot , MenuSheetRoot 및 BottomSheetRoot 의 onOpenChange 두 번째 인자로 details 를 제공합니다. details.reason 과 details.event 를 사용할 수 있습니다. 576c2e6 DialogAction 을 DialogPrimitive.CloseButton 으로 교체합니다. AlertDialogAction onClick 핸들러에서 event.preventDefault() 를 호출하여 닫기 동작을 방지할 수 있습니다. (예제)

## 1.0.6

### Patch Changes

- AlertDialog 닫힐 때 focus 복원으로 인해 BottomSheet가 즉시 닫히는 문제 수정 8188130 onFocusOutside에서 항상 preventDefault 호출 onInteractOutside에서 defaultPrevented 체크 추가
- BottomSheet showCloseButton variant 변경 및 animation 버그 수정 9cbeba0 showCloseButton variant 변경: CloseButton 미사용 시 header padding 조정 가능 hasEntered 상태 추가: modal prop 변경 시 enter animation 재실행 방지

## 1.0.5

### Patch Changes

- Overlay 컴포넌트에 skipAnimation 옵션을 추가합니다 69ccc6e

## 1.0.4

### Patch Changes

- BottomSheet에 handleOnly 옵션이 정상적으로 동작하지 않는 이슈를 수정합니다 e3806c1

## 1.0.3

### Patch Changes

- use-prevent-scroll 로직을 삭제합니다 cc8864d

## 1.0.2

### Patch Changes

- BottomSheetContent에 style 객체가 전달되지 않는 버그를 수정합니다. 4102a4b
- Export 수정: DialogProps → UseDrawerProps e272ef8
- uncontrolled 상태에서 onOpenChange가 두번 호출되는 버그를 수정합니다 fbc9cb0
- body에 강제로 스타일을 주입하는 noBodyStyles 옵션의 기본값을 true로 변경합니다 4971dcc

## 1.0.1

### Patch Changes

- @seed-design/react-drawer 패키지 배포 68b5eab

## 1.0.0

### Major Changes

- @seed-design/react-drawer 1.0.0 33def2d

---

## @seed-design/react-field

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.1

### Patch Changes

- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-supports@0.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.0.0

### Major Changes

- Slider 컴포넌트를 추가합니다. a55f584

---

## @seed-design/react-field-button

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.2

### Patch Changes

- FieldButton 내부 clear button이 FieldButton 상호작용에 따른 data prop을 받지 않도록 수정합니다. 751e952

## 1.0.1

### Patch Changes

- FieldButton에 Read Only 상태를 추가합니다. Disabled 상태인 FieldButton은 내부 &#x3C;input /> 도 disabled 속성을 갖도록 수정합니다. 53290ab
- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-supports@0.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.0.0

### Major Changes

- (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.

---

## @seed-design/react-fieldset

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 0.1.0

### Minor Changes

- fieldset, collapsible headless 릴리즈 cfd2df4

---

## @seed-design/react-file-upload

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

---

## @seed-design/react-floating

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052

---

## @seed-design/react-image

## 1.1.0

### Minor Changes

- ImageFrame과 Avatar가 로딩 중에 이미지를 숨기지 않습니다. f9456d6 loading="lazy" 이미지가 화면에 들어와도 끝내 로드되지 않던 문제를 수정합니다. 이미지가 LCP 요소일 때 측정값이 실제 도착 시각으로 잡힙니다. loading="eager" 에도 해당됩니다. src 없이 srcSet 만 지정한 반응형 이미지를 지원합니다. 로딩 중 플레이스홀더가 보이고 완료 시 이미지가 보이는 동작은 그대로입니다. 다만 로딩 중에는 이미지가 화면에 남아 있으므로, 스크린리더가 플레이스홀더와 함께 이미지의 alt 도 읽습니다.

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 0.1.1

### Patch Changes

- Image.Content ( ImageFrame 및 AvatarImage )에 loading="lazy" 사용 시 이미지 로드가 시작되지 않는 문제를 수정합니다. c46d593

## 0.1.0

### Minor Changes

- react-image headless 릴리즈 cfd2df4

---

## @seed-design/react-menu

## 2.0.2

### Patch Changes

- @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- 메뉴가 닫힐 때 목록이 맨 위로 튀는 문제를 수정합니다. fb6f9c4 MenuContent 가 열림/닫힘이 바뀔 때마다 리마운트되어, 스크롤한 메뉴를 닫으면 닫힘 애니메이션이 맨 위로 되돌아간 상태로 재생됐습니다. 이제 열고 닫아도 content의 DOM이 그대로 유지되어 스크롤 위치가 보존되고, 메뉴를 여닫을 때마다 항목 전체를 다시 만들지 않습니다.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-dismissible-layer@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-use-controllable-state@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Major Changes

- MenuGroupLabel 이 실제로 렌더된 경우에만 MenuGroup 이 aria-labelledby 를 노출하도록 수정합니다. 73cd380

## 1.0.0

### Major Changes

- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.

### Updated Dependencies

- **@seed-design/react-dismissible-layer@1.0.0**
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

---

## @seed-design/react-middle-truncate

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

---

## @seed-design/react-navigation-menu

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-use-controllable-state@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Major Changes

- NavigationMenuGroupLabel 이 실제로 렌더된 경우에만 NavigationMenuGroup 이 aria-labelledby 를 노출하도록 수정합니다. 34586b6

## 1.0.0

### Major Changes

- Side Navigation에서 내부적으로 사용되는 NavigationMenu 컴포넌트를 추가합니다. 2abd3ed

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

---

## @seed-design/react-popover

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-floating@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Major Changes

- Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052

### Updated Dependencies

- **@seed-design/react-floating@1.0.0**
  - [Major Changes] Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.4

### Patch Changes

- HelpBubble이 좁은 화면에서 화면 밖으로 잘리던 문제를 수정합니다. (Popover의 floating 요소 너비를 viewport에 맞게 동적으로 제한하고, 긴 텍스트가 Help Bubble 밖으로 넘치지 않도록 긴 단어 중간 줄바꿈을 허용합니다.) e48f021

## 1.0.3

### Patch Changes

- PopoverPositionerPortal과 HelpBubblePositionerPortal을 추가합니다. 2c302a5

## 1.0.2

### Patch Changes

- 닫힌 HelpBubbleAnchor/HelpBubbleTrigger가 불필요하게 리렌더링되지 않도록 수정합니다. 0c1ab6a

## 1.0.1

### Patch Changes

- closeOnInteractOutside를 false로 설정하여 Help Bubble 외부와 상호작용 시에도 닫히지 않도록 설정할 수 있습니다. (기본값: true) b10ff0b

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.8

### Patch Changes

- Help Bubble의 스타일 문제를 수정합니다. 62094b6 placement=left-* / placement=right-* 에서 arrow가 content와 떨어져 표시되는 문제를 수정합니다.

## 0.0.7

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.6

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.5

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.4

### Patch Changes

- HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

## 0.0.3

### Patch Changes

- HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

## 0.0.2

### Patch Changes

- 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

## 0.0.0-alpha-20241030023710

### Patch Changes

- alpha

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241030023710**
  - [Patch Changes] alpha

## 0.0.0-alpha-20241004093556

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241004093556**
  - [Patch Changes] prerelease

---

## @seed-design/react-portal

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Changes

- 이 패키지의 코드 변경은 없으며, SEED React 2 릴리즈에 맞춰 앞으로의 semver 정합성을 위해 버전을 올립니다.

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.2

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.1

### Patch Changes

- &#x3C;Portal> 컴포넌트를 제공합니다. 3efe201

---

## @seed-design/react-presence

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

---

## @seed-design/react-prevent-scroll

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

---

## @seed-design/react-primitive

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Major Changes

- Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.3

### Patch Changes

- reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

---

## @seed-design/react-progress

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.4

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.3

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

---

## @seed-design/react-pull-to-refresh

## 2.0.2

### Patch Changes

- PullToRefresh의 제스처 인식과 상태 복구 문제를 수정합니다. bd5eda2 iOS에서 스크롤하기 위해 빠르게 스와이프하는 경우 이를 pull로 잘못 인식해, 손을 떼는 순간 콘텐츠가 위로 튕기던 문제를 수정합니다. 이제 제스처가 시작된 지점을 손가락이 닿는 순간 기록하므로, 직전 제스처가 남긴 위치와 비교해 pull이 시작되는 일이 없습니다. PullToRefreshRoot 안쪽에 별도의 스크롤 영역이 있는 경우, 그 영역이 한참 아래로 스크롤된 상태에서도 아래로 당기면 새로고침이 실행되던 문제를 수정합니다. 이제 Root가 아니라 실제로 스크롤을 담당하는 요소의 위치를 기준으로 판정합니다. pull 도중 손가락이 시작 지점 위로 올라가면 콘텐츠가 위로 밀렸다가 되돌아오던 문제를 수정합니다. 이제 그 구간에서는 이동량이 0 으로 유지되고, 다시 아래로 당기면 곧바로 이어집니다. 제스처가 중간에 취소되면 인디케이터가 남아 원래 위치로 돌아오지 않던 문제를 수정합니다. onPtrRefresh 가 반환한 Promise가 reject되면 로딩 상태에서 빠져나오지 못해, 이후 새로고침이 아예 동작하지 않던 문제를 수정합니다. onPtrPullEnd 가 pull이 취소될 때도 호출됩니다. 취소된 경우 displacement 는 0 으로 전달됩니다.

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.1

### Patch Changes

- PullToRefresh.preventPull 을 활용하여 PullToRefreshContent 내부에서 당겨서 새로고침(PTR) 동작을 비활성화할 수 있습니다. 687b261

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.6

### Patch Changes

- PullToRefresh에 disabled prop을 추가합니다. 4610b5b

## 0.0.5

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.4

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.3

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.2

### Patch Changes

- 여러 PTR 인스턴스가 동일한 상태를 공유하는 문제를 수정합니다. c0c0b7e

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

---

## @seed-design/react-quantity-picker

## 1.0.0

### Major Changes

- QuantityPicker 컴포넌트를 추가합니다. 19f07f5 지정한 최소·최대 수량 범위에서 값을 증감할 수 있으며, 최소 수량에서 제거 동작을 지원합니다. size , disabled , readOnly , invalid , 증감 중 loading 상태를 지원합니다. 폼 제출에 사용할 수 있는 QuantityPicker.HiddenInput 을 제공합니다. ui:quantity-picker snippet으로 설치할 수 있으며, @seed-design/css@^2.3.0 을 사용합니다.
  ```tsx
  <QuantityPicker.Root min={0} max={99} defaultValue={1}>
    <QuantityPicker.DecrementButton icon={<IconMinusLine />} />
    <QuantityPicker.ValueDisplay />
    <QuantityPicker.IncrementButton icon={<IconPlusLine />} />
    <QuantityPicker.HiddenInput name="quantity" />
  </QuantityPicker.Root>
  ```

### Updated Dependencies

- **@seed-design/dom-utils@2.1.0**
  - [Minor Changes] 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
    ```tsx
    <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
      <SelectTrigger placeholder="과일을 선택하세요" />
      <SelectContent>
        <SelectGroup>
          <SelectItem value="apple" label="사과" />
          <SelectItem value="banana" label="바나나" />
        </SelectGroup>
      </SelectContent>
    </SelectRoot>
    ```

---

## @seed-design/react-radio-group

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-fieldset@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023
- **@seed-design/react-fieldset@0.1.1**

## 1.1.0

### Minor Changes

- Checkbox 관련 컴포넌트를 추가합니다. 98dbac4 CheckboxGroup snippet 컴포넌트가 추가되었습니다. 사용하려면 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:checkbox CheckboxGroup 은 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 Checkbox 를 묶지 않아도 됩니다. 기존 Checkbox 를 CheckboxGroup 으로 감쌀 필요는 없습니다. CheckboxGroup 은 선택적으로 사용할 수 있습니다. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. Radio Group 관련 컴포넌트를 업데이트합니다. 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : RadioGroup snippet의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:radio-group RadioGroup 이 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 RadioGroupItem 을 묶는 코드를 제거합니다. 1.1 → 1.2 업그레이드 시 변경 필요 : RadioGroupItem 을 묶어서 사용하던 VStack 을 제거하여 RadioGroupItem 이 RadioGroup 의 direct child가 되도록 변경하세요. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. @seed-design/react 의 RadioGroup.Root 를 레이아웃 컴포넌트로 변경합니다. @seed-design/react 에서 직접 import해서 사용하는 코드가 있다면 RadioGroup.Root 를 @seed-design/react/primitive 의 RadioGroup.Root 로 변경해주세요.
  ```tsx
  // 전
  import { VStack } from "@seed-design/react";
  import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

  <RadioGroup defaultValue="apple" aria-label="Fruit selection">
    <VStack>
      <RadioGroupItem value="apple" label="Apple" />
      <RadioGroupItem value="banana" label="Banana" />
    </VStack>
  </RadioGroup>;
  ```
  ```tsx
  // 후
  import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

  {
    /* aria-label 대신 label을 사용하여 시각적으로 레이블을 표시할 수도 있습니다. */
  }
  <RadioGroup defaultValue="apple" aria-label="Fruit selection">
    <RadioGroupItem value="apple" label="Apple" />
    <RadioGroupItem value="banana" label="Banana" />
  </RadioGroup>;
  ```
  ```tsx
  // 전
  import { RadioGroup } from "@seed-design/react";
  import { ListRadioItem } from "seed-design/ui/list";

  <RadioGroup.Root
    value={value}
    onValueChange={onValueChange}
    aria-label="옵션 선택"
  >
    <ListRadioItem
      value="option1"
      title="옵션 1"
      detail="첫 번째 선택지"
      suffix={<Radiomark tone="neutral" size="large" />}
    />
  </RadioGroup.Root>;
  ```
  ```tsx
  // 후
  import { RadioGroup } from "@seed-design/react/primitive";
  import { ListRadioItem } from "seed-design/ui/list";

  <RadioGroup.Root
    value={value}
    onValueChange={onValueChange}
    aria-label="옵션 선택"
  >
    <ListRadioItem
      value="option1"
      title="옵션 1"
      detail="첫 번째 선택지"
      suffix={<Radiomark tone="neutral" size="large" />}
    />
  </RadioGroup.Root>;
  ```
  RadioGroupItem, RadioChipItem, RadioSelectBoxItem, ListRadioItem에서 invalid prop이 제거되었습니다. 1.1 → 1.2 업그레이드 시 확인 필요 : invalid 상태는 group/field 레벨에서 설정해주세요. 각 항목을 data-invalid 속성으로 스타일링하는 경우 확인이 필요합니다.
- Select Box 관련 컴포넌트를 업데이트합니다. 2643d17 1.1 → 1.2 업그레이드 시 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:select-box CheckSelectBoxGroup , RadioSelectBoxRoot 의 children이 기본적으로 gap이 포함된 그리드 레이아웃으로 정렬됩니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 을 묶어서 사용하던 VStack 을 제거하여 CheckSelectBox 와 RadioSelectBoxItem 이 CheckSelectBoxGroup 또는 RadioSelectBoxRoot 의 direct child가 되도록 변경하세요. VStack 에 gap 이외의 스타일이 적용된 경우 &#x3C;VStack paddingX="x4">&#x3C;CheckSelectBoxGroup>...&#x3C;/CheckSelectBoxGroup>&#x3C;/VStack> 와 같이 VStack 을 외부에 남겨두세요. 기능 추가 : CheckSelectBoxGroup 와 RadioSelectBoxRoot 에 columns 를 지정할 수 있습니다. columns 가 2 이상인 경우 하위 항목에 기본적으로 layout="vertical" 이 적용됩니다. 기본 layout 은 하위 항목에서 오버라이드할 수 있습니다. 기능 추가 : CheckSelectBoxGroup 과 RadioSelectBoxRoot 에 label , description , errorMessage , indicator 등 Fieldset 관련 prop을 사용할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 에 기본적으로 표시되던 Checkmark 와 RadioMark 가 이제 표시되지 않습니다. suffix prop을 통해 선택적으로 추가할 수 있습니다. 단순 마이그레이션 시 suffix={&#x3C;CheckSelectBoxCheckmark />} 와 suffix={&#x3C;RadioSelectBoxRadiomark />} 를 추가하세요. 기능 추가 : prefixIcon , footer , footerVisibility prop 추가 footer 에 넣는 요소는 기본적으로 해당 CheckSelectBox 또는 RadioSelectBoxItem 가 선택된 상태일 때 표시됩니다. footerVisibility="always" 를 설정하여 footer 요소를 항상 표시할 수 있습니다. label 이 기본적으로 가로 나열되며 $dimension.x2 gap을 갖는 flex container로 변경되었습니다. 1.1 → 1.2 업그레이드 시 확인 권장 : label={&#x3C;HStack gap="x2">{/* ... */}&#x3C;/HStack>} 와 같은 코드는 HStack 을 Fragment 등으로 대체할 수 있습니다. 문제 수정 : CheckSelectBox 와 RadioSelectBoxItem 에서 사용되지 않는 children 을 타입 정의에서 제거합니다. CheckSelectBoxGroup 에 label , aria-label , aria-labelledby 중 아무것도 설정하지 않은 경우 경고를 표시합니다. ( RadioSelectBoxRoot 는 기존에도 표시)

### Updated Dependencies

- **@seed-design/react-fieldset@0.1.0**
  - [Minor Changes] fieldset, collapsible headless 릴리즈 cfd2df4

## 1.0.1

### Patch Changes

- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-supports@0.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.4

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.3

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

## 0.0.0-alpha-20241030023710

### Patch Changes

- alpha

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241030023710**
  - [Patch Changes] alpha

## 0.0.0-alpha-20241004093556

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241004093556**
  - [Patch Changes] prerelease

---

## @seed-design/react-scrollable

## 1.0.2

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.1

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.0

### Major Changes

- Release @seed-design/react-scrollable bc3cd6f

---

## @seed-design/react-segmented-control

## 2.0.2

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.1

### Patch Changes

- SegmentedControlItem 에 className , asChild 등 DOM 속성 전달 시 발생하던 타입 에러를 수정합니다. 176ff81

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.1

### Patch Changes

- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-supports@0.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.5

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.4

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.3

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.2

### Patch Changes

- 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

---

## @seed-design/react-select

## 1.0.1

### Patch Changes

- @seed-design/react-dismissible-layer 의 최소 요구 버전을 올려 Chrome 92 / iOS Safari 15.4 이전 버전에서 시트나 다이얼로그를 열 때 발생하던 TypeError: layers.at is not a function 크래시 수정이 반드시 설치되도록 합니다. 4e5fe66

## 1.0.0

### Major Changes

- 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
  ```tsx
  <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
    <SelectTrigger placeholder="과일을 선택하세요" />
    <SelectContent>
      <SelectGroup>
        <SelectItem value="apple" label="사과" />
        <SelectItem value="banana" label="바나나" />
      </SelectGroup>
    </SelectContent>
  </SelectRoot>
  ```

### Updated Dependencies

- **@seed-design/dom-utils@2.1.0**
  - [Minor Changes] 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
    ```tsx
    <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
      <SelectTrigger placeholder="과일을 선택하세요" />
      <SelectContent>
        <SelectGroup>
          <SelectItem value="apple" label="사과" />
          <SelectItem value="banana" label="바나나" />
        </SelectGroup>
      </SelectContent>
    </SelectRoot>
    ```

---

## @seed-design/react-side-navigation

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-collapsible@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Side Navigation 컴포넌트를 추가합니다. ec33023

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023
- **@seed-design/react-collapsible@0.1.1**

---

## @seed-design/react-slider

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.2

### Patch Changes

- 마우스/키보드 사용 환경에서 Slider의 사용성을 개선합니다. fe1cdb3 Slider valueIndicatorTrigger 에 "auto" 옵션을 추가하여 마우스를 사용하는 환경에서 thumb에 hover할 때, 터치 환경에서 thumb을 누를 때 value indicator가 표시되도록 하고 valueIndicatorTrigger 기본값을 "active" 에서 "auto" 로 변경합니다. Slider thumb에 focus할 때 value indicator가 표시되도록 수정합니다.

## 1.0.1

### Patch Changes

- Slider Value Indicator가 표시되는 조건을 설정하는 valueIndicatorTrigger prop을 추가합니다. ("active"|"hover", 기본값: "active") 1340675
- Slider Value Indicator가 Track 양 끝에 있을 때 Track 바깥 영역을 차지하지 않도록 수정합니다. 1340675

## 1.0.0

### Major Changes

- Slider 컴포넌트를 추가합니다. a55f584

---

## @seed-design/react-snackbar

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Major Changes

- Snackbar 내부 액션 버튼 클릭 시 onAction 핸들러 호출 이후 스낵바가 닫히는 동작을 기본값으로 제공합니다. afb77c5 snippet에 존재하던 deprecate된 shouldCloseOnAction 옵션(default: true )을 제거합니다. 해당 동작을 React 컴포넌트로 이전하여 항상 true 처럼 동작하도록 변경합니다.

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.2

### Patch Changes

- Snackbar가 표시된 상태에서 새 Snackbar를 create할 때의 동작을 정의하는 strategy 옵션을 추가합니다. 기본값은 immediate 로, 새 Snackbar가 기존 Snackbar를 즉시 교체합니다. 840f5d5 기존 스낵바에 할당된 시간이 모두 지난 뒤 새 Snackbar가 표시되는 이전 버전의 기존 동작을 선호하는 경우 SnackbarProvider 또는 useSnackbarAdapter 옵션으로 queued 를 사용할 수 있습니다. immediate 옵션을 모방하기 위해 dismiss() 후 setTimeout(() => create(...), 0) 하던 workaround와 함께 사용해도 정상 동작하지만, 동작이 동일하므로 workaround는 제거하는 것을 권장합니다.
- Snackbar의 timeout 기본값을 5초에서 4초로 변경합니다. timeout 을 명시적으로 지정한 경우에는 기존 동작이 유지됩니다. 934a0ba

## 1.0.1

### Patch Changes

- Snackbar 타이머가 멈추는 기준을 focus 에서 focus-visible 로 수정하여 pauseOnInteraction={true} 인 경우 Snackbar가 닫히지 않는 문제를 수정합니다. acae645

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.7

### Patch Changes

- Snackbar 헤드리스에서 닫기 버튼에 하드코딩된 aria-label 속성을 제거합니다. 11f5e76

## 0.0.6

### Patch Changes

- Snackbar 컴포넌트를 업데이트합니다. 8299ba9 root 영역에 maxWidth 스펙을 추가합니다. pauseOnInteraction 의 기본값을 false 에서 true 로 변경합니다.

## 0.0.5

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.4

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.3

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.2

### Patch Changes

- 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

---

## @seed-design/react-supports

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Changes

- 이 패키지의 코드 변경은 없으며, SEED React 2 릴리즈에 맞춰 앞으로의 semver 정합성을 위해 버전을 올립니다.

## 0.0.1

### Patch Changes

- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

---

## @seed-design/react-switch

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.1

### Patch Changes

- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-supports@0.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.4

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.3

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

## 0.0.0-alpha-20241030023710

### Patch Changes

- alpha

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241030023710**
  - [Patch Changes] alpha

## 0.0.0-alpha-20241004093556

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241004093556**
  - [Patch Changes] prerelease

---

## @seed-design/react-tabs

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.5

### Patch Changes

- lazyMount를 사용하는 Tabs · ChipTabs에서 멀리 떨어진 탭을 선택하면 다른 탭이 열리던 문제를 해결합니다. lazyMount 및 TabsCarousel 사용 시 TabsContent 자체를 항상 렌더하고, TabsContent의 children만 lazy mount하도록 변경합니다. 81ec9f5
- iOS 환경에서 ChipTabs + ScrollFog 사용 시 가로 스크롤이 동작하지 않는 문제를 해결합니다. 136a150

## 1.0.4

### Patch Changes

- TabsCarousel 의 autoHeight 와 lazyMount 를 함께 사용할 때 lazy content 마운트 후 높이가 갱신되지 않는 문제를 수정합니다. db6ea04 Embla v8 AutoHeight 플러그인이 slide 내부 content의 높이 변화를 감지하지 못하는 알려진 이슈에 대해 watchResize workaround를 적용합니다.

## 1.0.3

### Patch Changes

- Tabs trigger에 포커스 후 키보드 조작으로 탭 변경 시 탭은 변경되지만 포커스가 이동하지 않는 문제를 수정합니다. 2552b1d
- Tabs trigger에 포커스된 상태에서 키보드 조작 시 스크롤 등 브라우저 기본 동작이 발생하지 않도록 수정합니다. a465d74

## 1.0.2

### Patch Changes

- TabsCarousel에 onSwipeStart, onSwipeEnd 이벤트 콜백을 추가합니다. 938bf0b

## 1.0.1

### Patch Changes

- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-supports@0.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.9

### Patch Changes

- Tabs.Carousel의 reInit 이벤트 시 탭 인덱스가 변경되지 않는 문제를 수정합니다. ce047f5

## 0.0.8

### Patch Changes

- Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

## 0.0.7

### Patch Changes

- Tabs.Indicator의 width가 첫 렌더링 시 0으로 설정되는 문제를 수정합니다. 739b6bf Tabs의 불필요한 리렌더링을 줄입니다.

## 0.0.6

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.5

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.4

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.3

### Patch Changes

- overflow된 Tab 선택 시 스크롤 동작을 추가합니다. fee050d

## 0.0.2

### Patch Changes

- 누락된 seed-design/react-primitive 의존성 추가 및 불필요한 의존성 제거 09fecb9

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

## 0.0.0-alpha-20241209060641

### Patch Changes

- tabs 스와이프 관련 이벤트 추가

## 0.0.0-alpha-20241204061301

### Patch Changes

- useSwipeable dragProps

## 0.0.0-alpha-20241203133940

### Patch Changes

- tabs 자잘한 스타일 수정 및 fixTriggerList prop 추가

## 0.0.0-alpha-20241202094027

### Patch Changes

- Tabs에 content-list에 스타일을 변경해요

## 0.0.0-alpha-20241202031729

### Patch Changes

- add --seed-design-tabs-current-tab-enabled-index css variable in root

## 0.0.0-alpha-20241202030714

### Patch Changes

- SSR 문제를 해결해요

## 0.0.0-alpha-20241030023710

### Patch Changes

- alpha

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241030023710**
  - [Patch Changes] alpha

## 0.0.0-alpha-20241014145845

### Patch Changes

- sync style chipTabs, Tabs to figma

## 0.0.0-alpha-20241004093556

### Patch Changes

- prerelease

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241004093556**
  - [Patch Changes] prerelease

---

## @seed-design/react-text-field

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-supports@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.1.1

### Patch Changes

- :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

### Updated Dependencies

- **@seed-design/react-supports@0.0.1**
  - [Patch Changes] :focus-visible selector를 사용하기 전 브라우저에서 selector를 지원하는지 확인합니다. ae1b768

## 1.1.0

### Minor Changes

- (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.4

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.3

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

## 0.0.0-alpha-20241030023710

### Patch Changes

- alpha

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241030023710**
  - [Patch Changes] alpha

## 0.0.0-alpha-20241004093556

### Updated Dependencies

- **@seed-design/dom-utils@0.0.0-alpha-20241004093556**
  - [Patch Changes] prerelease

---

## @seed-design/react-theming

## 2.1.5

### Patch Changes

- fix: inconsistent platform data attribute name 93cfc30 seedScaleLetterSpacing -> seedPlatform

## 2.1.4

### Patch Changes

- change @seed-design/design-token version ee35c53

## 2.1.3

### Patch Changes

- add types field in exports map cd0f24e

### Updated Dependencies

- **@seed-design/design-token@1.0.2**
  - [Patch Changes] add types field in exports map cd0f24e

## 2.1.2

### Patch Changes

- fix dataset location body to documentElement fcdb8d5

## 2.1.1

### Patch Changes

- mode variant 처리 6d298fa
- processing colorVariant localstorage and mode plugin option. 6d298fa

## 2.1.0

### Minor Changes

- Change attribute location body -> html 6453963
- Create ColorModeValues, DefaultColorModeValue variables 725fa03

## 2.0.4

### Patch Changes

- add prefers-color-scheme logic in noFlashScript 20c37c5

## 2.0.3

### Patch Changes

- Modified so that the scale-color attribute is also changed according to the mode 4fe0e8e

## 2.0.2

### Patch Changes

- mode variant 처리 8da317b
- processing colorVariant localstorage and mode plugin option. 8da317b
- change color variable name and some logics 8da317b

## 2.0.1

### Patch Changes

- export d.ts 51a44af

## 2.0.0

### Major Changes

- Initial implementation of @seed-design/react-theming ae764ec

---

## @seed-design/react-time-picker

## 1.0.0

### Major Changes

- TimePicker 컴포넌트를 추가합니다. c9acaa6 12시간제 시간 선택 UI와 locale에 따른 컬럼 순서를 지원합니다. minuteStep 으로 선택 가능한 분 간격을 설정할 수 있습니다.

---

## @seed-design/react-toggle

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.0.1

### Patch Changes

- ToggleButton이 비활성화 상태에서 aria-disabled="true" 를 갖도록 수정합니다. 7e0728a

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.0.4

### Updated Dependencies

- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.3

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

## 0.0.2

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

---

## @seed-design/react-tooltip

## 1.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-floating@1.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.0.0

### Major Changes

- Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052

### Updated Dependencies

- **@seed-design/react-floating@1.0.0**
  - [Major Changes] Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

---

## @seed-design/react-use-controllable-state

## 2.0.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Changes

- 이 패키지의 코드 변경은 없으며, SEED React 2 릴리즈에 맞춰 앞으로의 semver 정합성을 위해 버전을 올립니다.

## 1.0.0

### Major Changes

- AlertDialogRoot , MenuSheetRoot 및 BottomSheetRoot 의 onOpenChange 두 번째 인자로 details 를 제공합니다. details.reason 과 details.event 를 사용할 수 있습니다. 576c2e6 DialogAction 을 DialogPrimitive.CloseButton 으로 교체합니다. AlertDialogAction onClick 핸들러에서 event.preventDefault() 를 호출하여 닫기 동작을 방지할 수 있습니다. (예제)

---

## @seed-design/react-wheel-picker

## 1.0.0

### Major Changes

- Time Picker와 Date Picker에서 재사용할 수 있는 Wheel Picker 기반을 추가합니다. c9acaa6 스크롤과 키보드로 값을 선택할 수 있는 headless Wheel Picker를 제공합니다. React 컴포넌트 내부에서 Scroll Fog와 Selection Indicator를 조합할 수 있는 기반을 추가합니다.

---

## @seed-design/rootage-artifacts

## 2.6.0

### Minor Changes

- Help Bubble 스펙에 말풍선과 뷰포트 경계 사이의 최소 간격을 정의하는 root.overflowPadding (16px)을 추가합니다. 7a9e20b

## 2.5.0

### Minor Changes

- Date Picker에서 시작일을 유지하고 종료일만 변경할 수 있는 기능을 추가합니다. ebb4eae selectionMode="range" 에서 rangeStartReadOnly prop을 사용할 수 있습니다. 시작일보다 늦은 날짜만 새 종료일로 선택할 수 있습니다. 읽기 전용 시작일의 시각적 상태와 접근성 이름을 제공합니다.
  ```tsx
  <DatePicker
    selectionMode="range"
    rangeStartReadOnly
    value={{
      start: { year: 2026, month: 8, day: 7 },
      end: { year: 2026, month: 8, day: 9 },
    }}
  />
  ```

## 2.4.0

### Minor Changes

- DatePicker 컴포넌트를 추가합니다. c9acaa6 Single, Range, Multiple 선택 모드를 지원합니다. Month, Two Months, Week, Continuous 레이아웃을 각각 DatePicker , TwoMonthDatePicker , WeekDatePicker , ContinuousDatePicker 로 제공합니다. 날짜 constraints와 예약·가격 표시를 위한 renderDateCellSupplement , 내부 콘텐츠 전체를 교체하는 renderDateCellContent 를 제공합니다. actionsRef 를 통해 특정 날짜로 이동하거나 날짜 셀에 포커스할 수 있습니다. locale 기반 달력, 키보드·스크린 리더 접근성, Wheel Picker를 이용한 월·연도 이동을 지원합니다.
- TimePicker 컴포넌트를 추가합니다. c9acaa6 12시간제 시간 선택 UI와 locale에 따른 컬럼 순서를 지원합니다. minuteStep 으로 선택 가능한 분 간격을 설정할 수 있습니다.

## 2.3.0

### Minor Changes

- 트리거를 눌러 열리는 목록에서 값을 선택하는 Select 컴포넌트를 추가합니다. 4dad2e9 multiple 로 다중 선택을, SelectGroup 으로 옵션 그룹과 그룹 라벨을 지원합니다. 키보드 탐색을 지원하며, size · disabled · readOnly · invalid 상태를 제공합니다. label , description , errorMessage 로 Field와 연동되고, name 으로 폼 제출 값의 키를 지정합니다.
  ```tsx
  <SelectRoot label="과일" defaultValue={["apple"]} name="fruit">
    <SelectTrigger placeholder="과일을 선택하세요" />
    <SelectContent>
      <SelectGroup>
        <SelectItem value="apple" label="사과" />
        <SelectItem value="banana" label="바나나" />
      </SelectGroup>
    </SelectContent>
  </SelectRoot>
  ```
- 기존 Alert Dialog와 별개로, 범용 Dialog와 ResponsiveDialog를 추가합니다. 6ba7292 Dialog : medium , large size를 지원하며, 본문이 길면 Body가 스크롤되고 상단에 divider와 하단 fade가 나타납니다. ResponsiveDialog : md 이상에서는 Dialog로, 그 아래에서는 Bottom Sheet로 렌더링합니다. ui:dialog , ui:responsive-dialog snippet으로 설치할 수 있습니다.
  ```tsx
  <DialogRoot size="medium">
    <DialogTrigger asChild>
      <ActionButton>열기</ActionButton>
    </DialogTrigger>
    <DialogContent title="제목" description="설명">
      <DialogBody>{/* ... */}</DialogBody>
      <DialogFooter>
        <HStack gap="x2" justify="flex-end">
          <DialogAction variant="neutralWeak">취소</DialogAction>
          <DialogAction variant="neutralSolid">확인</DialogAction>
        </HStack>
      </DialogFooter>
    </DialogContent>
  </DialogRoot>
  ```
- QuantityPicker 컴포넌트를 추가합니다. 19f07f5 지정한 최소·최대 수량 범위에서 값을 증감할 수 있으며, 최소 수량에서 제거 동작을 지원합니다. size , disabled , readOnly , invalid , 증감 중 loading 상태를 지원합니다. 폼 제출에 사용할 수 있는 QuantityPicker.HiddenInput 을 제공합니다. ui:quantity-picker snippet으로 설치할 수 있으며, @seed-design/css@^2.3.0 을 사용합니다.
  ```tsx
  <QuantityPicker.Root min={0} max={99} defaultValue={1}>
    <QuantityPicker.DecrementButton icon={<IconMinusLine />} />
    <QuantityPicker.ValueDisplay />
    <QuantityPicker.IncrementButton icon={<IconPlusLine />} />
    <QuantityPicker.HiddenInput name="quantity" />
  </QuantityPicker.Root>
  ```

## 2.2.1

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- (사용자 변경사항 없음) Side Panel 닫기 버튼 spec에서 사용되지 않던 pressed 상태의 icon 색상 정의를 제거합니다. 09e28ef
- Slider disabled 상태에서 track(비활성 구간) 색상을 bg.disabled 로 지정해, range(활성 구간)와의 색상 대비가 명확히 보이도록 수정합니다. 6963994

## 2.2.0

### Minor Changes

- Action Button의 pressed 상태에 scale 모션을 추가합니다. f523979 pressed 상태에 적절한 모션 피드백을 제공하기 위해 사용하는 $scale.s95 , $scale.s97 , $scale.s98 토큰을 추가합니다. scale 토큰은 플랫폼 별 동작 줄이기 설정에 따라 값이 1 로 동작합니다. 웹 CSS 환경에서는 (prefers-reduced-motion: reduce) 미디어 쿼리가 매치되는 환경에서 1 로 동작합니다. Tailwind 유틸리티 클래스 scale-s* 를 통해 scale 토큰을 사용할 수 있습니다. 신규 토큰을 사용할 수 있도록 Tailwind 패키지의 @seed-design/css peerDependency 범위를 ^2.1.0 에서 ^2.2.0 으로 올립니다.

## 2.1.1

### Patch Changes

- Floating Action Button의 확장(extended) 형태 아이콘 크기를 $dimension.x5 에서 $dimension.x4 로 수정합니다. bfaa48a
- @seed-design/react 에서 @seed-design/css/vars/component 의존을 제거하여 ImageFrame offsetX offsetY 및 ScrollFog size 의 기본값을 기존과 동일한 값으로 하드코딩합니다. e97a89c
- ImageFrameReactionButton root에 반투명 배경색과 그림자를 추가하여 밝은 이미지 위에서의 가시성을 개선합니다. 7224b94
- Side Panel Close Button 및 Side Panel Header의 스타일을 디자인 스펙에 맞게 수정하고, Side Panel body에 box-sizing: border-box 를 적용하여, body에 지정한 height / minHeight / maxHeight 가 padding을 포함해 계산되도록 수정합니다. c4ce431

## 2.1.0

### Minor Changes

- $color.bg.layer-fill 토큰을 다시 추가합니다. f2b198d 2.0.0 에서 제거했으나 마땅한 대체 토큰이 없어 deprecated 상태로 되살립니다. 값은 제거 이전과 동일합니다. 추후 동일한 값의 새 이름 토큰으로 대체된 뒤 3.0.0 에서 제거될 예정입니다. @seed-design/tailwind3-plugin 과 @seed-design/tailwind4-theme 의 @seed-design/css peer dependency 버전 범위를 ^2.1.0 으로 올립니다.

## 2.0.0

### Major Changes

- Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
- 신규 타이포그래피 토큰을 추가합니다. d1a8d7c 폰트 크기 토큰 ( $font-size ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 줄 간격 토큰 ( $line-height ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 텍스트 스타일 ( textStyle ) t8Regular , t8Medium , t8StaticRegular , t8StaticMedium t9Regular , t9Medium , t9StaticRegular , t9StaticMedium t10Regular , t10Medium , t10StaticRegular , t10StaticMedium t11Regular , t11Medium , t11Bold , t11StaticRegular , t11StaticMedium , t11StaticBold t12Regular , t12Medium , t12Bold , t12StaticRegular , t12StaticMedium , t12StaticBold t13Regular , t13Medium , t13Bold , t13StaticRegular , t13StaticMedium , t13StaticBold t14Regular , t14Medium , t14Bold , t14StaticRegular , t14StaticMedium , t14StaticBold
- Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
- Chip Tabs Trigger가 disabled 상태일 때 opacity를 사용하여 스타일을 조절하도록 수정합니다. 57e4f1a
- 컴포넌트 및 파운데이션 전반에 JSDoc 주석을 강화합니다. 270b277
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
- Side Panel 컴포넌트를 추가합니다. 98b52a7 화면 좌/우 가장자리에서 슬라이드해 보조 콘텐츠, 상세 정보, 설정 흐름을 표시할 수 있습니다.
- Text Input(Text Field)과 Input Button(Field Button)에 size="medium" variant를 추가합니다. c0fd999
- Accordion 컴포넌트를 추가합니다. 31bf164 여러 개의 관련된 콘텐츠 섹션을 수직으로 나열하고, 각 섹션을 펼치거나 접어 정보를 탐색할 수 있는 컴포넌트입니다.

## 1.2.12

### Patch Changes

- Menu Sheet의 디자인 스펙에서 핸들 여백 확보를 위해 content 상단 패딩을 x4 → x6 으로 늘리고 header.paddingTop 을 제거합니다 (핸들 여백 확보). React/CSS MenuSheet 의 경우 핸들이 존재하지 않으므로 변경사항이 없습니다. 8dc8f4f

## 1.2.11

### Patch Changes

- AppBar 하단에 구분선을 표시하는 divider 옵션을 deprecated 처리합니다. SEED React 1.3에서 제거될 예정이며, 제거 이후에는 AppBar 하단 구분선이 표시되지 않습니다. 9cacf29

## 1.2.10

### Patch Changes

- Chip layout=withText variant에 size 별 최소 너비를 추가합니다. d8860f4
- 신규 pressed 상태 스타일링을 위한 $duration.pressed-scale 및 $timing-function.pressed-scale 토큰을 추가합니다. (컴포넌트 변경사항 없음) 7588e59

## 1.2.9

### Patch Changes

- AppBar 내부 title/subtitle 영역이 폰트 스케일링이 대응된 iOS 환경에서 최대 120%까지 폰트 스케일링을 하도록 변경합니다. (기존 동작: 폰트 스케일링이 대응된 환경에서도 폰트 스케일링 설정의 영향을 받지 않음) 46bdf17
- NotificationBadge의 size=large variant가 최소 너비를 갖도록 하고, size=large에서 표시되는 레이블이 폰트 스케일링의 영향을 받지 않도록 수정합니다. 79c7aa3

## 1.2.8

### Patch Changes

- ContentPlaceholder asset의 최대 너비를 64px에서 160px로 변경합니다. 5bf2e8a

## 1.2.7

### Patch Changes

- (React 컴포넌트 변경사항 없음) menu-sheet 컴포넌트 스펙에 핸들 여백을 위한 header.paddingTop을 추가하고 menu-sheet-close-button을 deprecated 처리합니다. 9b36676

## 1.2.6

### Patch Changes

- Avatar 및 Avatar Stack의 size=56 variant를 추가합니다. e78d460

## 1.2.5

### Patch Changes

- (사용자 변경사항 없음) Rootage text-input 에 type=singleLine variant 정의를 추가합니다. 4f56e76
- Content Placeholder 컴포넌트를 추가합니다. 67a7780

## 1.2.4

### Patch Changes

- List Item의 title fontWeight를 $font-weight.medium 에서 $font-weight.regular 로 변경합니다. 103830e
- $color.stroke.focus-ring 색상 토큰을 추가합니다. 751e952
- IdentityPlaceholder의 스타일과 글리프를 업데이트하고, identity="business" variant를 추가합니다. 77cdc0e

## 1.2.3

### Patch Changes

- BottomSheet의 title padding을 수정합니다. eb390cf left 헤더 정렬 시 오른쪽 padding을 50px -> 56px 로 수정합니다. center 헤더 정렬 시 양쪽 padding을 60px -> 56px 로 수정합니다.
- Slider의 Value Indicator 가시성 및 트랜지션을 개선합니다. 7c3bbe7

## 1.2.2

### Patch Changes

- ImageFrame rounded 옵션을 제거하고, borderRadius를 받을 수 있게 변경합니다 a3e6859
- BottomSheet title 영역에서 닫기 버튼 간격에 따라 조정된 padding 기준으로 정리하고, word-break 추가 및 description 영역 너비를 정리했습니다. 4287600

## 1.2.1

### Patch Changes

- ImageFrameReactionButton에 fillIcon, lineIcon spec을 추가합니다 9446f2c
- ImageFrameReactionButton의 SVG 사이즈와 Rootage 정의를 수정합니다. 8ad9484

## 1.2.0

### Minor Changes

- Help Bubble 관련 컴포넌트를 업데이트합니다. 0ecb893 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : HelpBubbleTrigger 및 HelpBubbleAnchor 의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:help-bubble 인터페이스 변경사항이 없으므로 HelpBubbleAnchor 와 HelpBubbleTrigger 를 사용하는 기존 코드를 변경할 필요가 없습니다. HelpBubble.Body 를 사용하여 HelpBubble.Title 과 HelpBubble.Description 을 감싸도록 변경되었습니다. zIndexOffset 을 활용하여 HelpBubble.Positioner 의 z-index를 조정할 수 있습니다. ( 예시 )
- SwitchMark 를 Switchmark 로, RadioMark 를 Radiomark 로 Snippet 컴포넌트 이름을 변경합니다. a58022d 1.1 → 1.2 업그레이드 시 변경 권장 : snippet을 다시 내려받고, SwitchMark , RadioMark 를 사용하는 코드를 아래와 같이 변경하세요. npx @seed-design/cli@latest add ui:switch ui:radio-group snippet에 SwitchMark , RadioMark 정의가 존재하지만, 1.3 릴리즈 시 snippet에서 해당 맵핑이 제거될 예정이므로 미리 변경해두시길 권장드립니다.
  ```tsx
  // 전
  import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
  import { SwitchMark } from "seed-design/ui/switch";
  import { RadioMark } from "seed-design/ui/radio-group";

  <ListSwitchItem
    title="리스트 아이템 스위치"
    detail="설명 텍스트"
    suffix={<SwitchMark tone="neutral" />}
  />;

  <ListRadioItem
    prefix={<RadioMark tone="neutral" size="large" />}
    value="option"
    title="옵션"
  />;
  ```
  ```tsx
  // 후
  import { ListSwitchItem, ListRadioItem } from "seed-design/ui/list";
  import { Switchmark } from "seed-design/ui/switch";
  import { Radiomark } from "seed-design/ui/radio-group";

  <ListSwitchItem
    title="리스트 아이템 스위치"
    detail="설명 텍스트"
    suffix={<Switchmark tone="neutral" />}
  />;

  <ListRadioItem
    prefix={<Radiomark tone="neutral" size="large" />}
    value="option"
    title="옵션"
  />;
  ```

### Patch Changes

- Checkbox 관련 컴포넌트를 추가합니다. 98dbac4 CheckboxGroup snippet 컴포넌트가 추가되었습니다. 사용하려면 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:checkbox CheckboxGroup 은 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 Checkbox 를 묶지 않아도 됩니다. 기존 Checkbox 를 CheckboxGroup 으로 감쌀 필요는 없습니다. CheckboxGroup 은 선택적으로 사용할 수 있습니다. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. Radio Group 관련 컴포넌트를 업데이트합니다. 1.1 → 1.2 업그레이드 시 snippet 업데이트 필요 : RadioGroup snippet의 내부 구조가 변경되었습니다. snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:radio-group RadioGroup 이 자체적으로 gap과 100% width를 갖습니다. VStack 을 사용하여 RadioGroupItem 을 묶는 코드를 제거합니다. 1.1 → 1.2 업그레이드 시 변경 필요 : RadioGroupItem 을 묶어서 사용하던 VStack 을 제거하여 RadioGroupItem 이 RadioGroup 의 direct child가 되도록 변경하세요. label , description , errorMessage , indicator , showRequiredIndicator , labelWeight prop을 사용할 수 있습니다. @seed-design/react 의 RadioGroup.Root 를 레이아웃 컴포넌트로 변경합니다. @seed-design/react 에서 직접 import해서 사용하는 코드가 있다면 RadioGroup.Root 를 @seed-design/react/primitive 의 RadioGroup.Root 로 변경해주세요.
  ```tsx
  // 전
  import { VStack } from "@seed-design/react";
  import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

  <RadioGroup defaultValue="apple" aria-label="Fruit selection">
    <VStack>
      <RadioGroupItem value="apple" label="Apple" />
      <RadioGroupItem value="banana" label="Banana" />
    </VStack>
  </RadioGroup>;
  ```
  ```tsx
  // 후
  import { RadioGroup, RadioGroupItem } from "seed-design/ui/radio-group";

  {
    /* aria-label 대신 label을 사용하여 시각적으로 레이블을 표시할 수도 있습니다. */
  }
  <RadioGroup defaultValue="apple" aria-label="Fruit selection">
    <RadioGroupItem value="apple" label="Apple" />
    <RadioGroupItem value="banana" label="Banana" />
  </RadioGroup>;
  ```
  ```tsx
  // 전
  import { RadioGroup } from "@seed-design/react";
  import { ListRadioItem } from "seed-design/ui/list";

  <RadioGroup.Root
    value={value}
    onValueChange={onValueChange}
    aria-label="옵션 선택"
  >
    <ListRadioItem
      value="option1"
      title="옵션 1"
      detail="첫 번째 선택지"
      suffix={<Radiomark tone="neutral" size="large" />}
    />
  </RadioGroup.Root>;
  ```
  ```tsx
  // 후
  import { RadioGroup } from "@seed-design/react/primitive";
  import { ListRadioItem } from "seed-design/ui/list";

  <RadioGroup.Root
    value={value}
    onValueChange={onValueChange}
    aria-label="옵션 선택"
  >
    <ListRadioItem
      value="option1"
      title="옵션 1"
      detail="첫 번째 선택지"
      suffix={<Radiomark tone="neutral" size="large" />}
    />
  </RadioGroup.Root>;
  ```
  RadioGroupItem, RadioChipItem, RadioSelectBoxItem, ListRadioItem에서 invalid prop이 제거되었습니다. 1.1 → 1.2 업그레이드 시 확인 필요 : invalid 상태는 group/field 레벨에서 설정해주세요. 각 항목을 data-invalid 속성으로 스타일링하는 경우 확인이 필요합니다.
- Select Box 관련 컴포넌트를 업데이트합니다. 2643d17 1.1 → 1.2 업그레이드 시 snippet을 다시 내려받아 주세요. npx @seed-design/cli@latest add ui:select-box CheckSelectBoxGroup , RadioSelectBoxRoot 의 children이 기본적으로 gap이 포함된 그리드 레이아웃으로 정렬됩니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 을 묶어서 사용하던 VStack 을 제거하여 CheckSelectBox 와 RadioSelectBoxItem 이 CheckSelectBoxGroup 또는 RadioSelectBoxRoot 의 direct child가 되도록 변경하세요. VStack 에 gap 이외의 스타일이 적용된 경우 &#x3C;VStack paddingX="x4">&#x3C;CheckSelectBoxGroup>...&#x3C;/CheckSelectBoxGroup>&#x3C;/VStack> 와 같이 VStack 을 외부에 남겨두세요. 기능 추가 : CheckSelectBoxGroup 와 RadioSelectBoxRoot 에 columns 를 지정할 수 있습니다. columns 가 2 이상인 경우 하위 항목에 기본적으로 layout="vertical" 이 적용됩니다. 기본 layout 은 하위 항목에서 오버라이드할 수 있습니다. 기능 추가 : CheckSelectBoxGroup 과 RadioSelectBoxRoot 에 label , description , errorMessage , indicator 등 Fieldset 관련 prop을 사용할 수 있습니다. 1.1 → 1.2 업그레이드 시 변경 필요 : CheckSelectBox , RadioSelectBoxItem 에 기본적으로 표시되던 Checkmark 와 RadioMark 가 이제 표시되지 않습니다. suffix prop을 통해 선택적으로 추가할 수 있습니다. 단순 마이그레이션 시 suffix={&#x3C;CheckSelectBoxCheckmark />} 와 suffix={&#x3C;RadioSelectBoxRadiomark />} 를 추가하세요. 기능 추가 : prefixIcon , footer , footerVisibility prop 추가 footer 에 넣는 요소는 기본적으로 해당 CheckSelectBox 또는 RadioSelectBoxItem 가 선택된 상태일 때 표시됩니다. footerVisibility="always" 를 설정하여 footer 요소를 항상 표시할 수 있습니다. label 이 기본적으로 가로 나열되며 $dimension.x2 gap을 갖는 flex container로 변경되었습니다. 1.1 → 1.2 업그레이드 시 확인 권장 : label={&#x3C;HStack gap="x2">{/* ... */}&#x3C;/HStack>} 와 같은 코드는 HStack 을 Fragment 등으로 대체할 수 있습니다. 문제 수정 : CheckSelectBox 와 RadioSelectBoxItem 에서 사용되지 않는 children 을 타입 정의에서 제거합니다. CheckSelectBoxGroup 에 label , aria-label , aria-labelledby 중 아무것도 설정하지 않은 경우 경고를 표시합니다. ( RadioSelectBoxRoot 는 기존에도 표시)
- Text Field (text-input)과 Field Button (input-button)의 포커스 및 에러 상태 border 트랜지션을 수정합니다. 17c0ebd

## 1.1.8

### Patch Changes

- Chip 컴포넌트 스펙에 layout=withText variant를 명시합니다. (스타일 변경사항 없음) db49a84
- Skeleton 가시성 향상을 위해 $gradient.shimmer-magic 및 $gradient.shimmer-neutral 토큰의 색상을 업데이트합니다. 6fab0e7
- 주석, 참고 사항 및 상세 리스트 등 부가 정보에 사용할 수 있는 시맨틱 텍스트 스타일 articleNote 를 추가합니다. 5faef3a
- @seed-design/css@1.3 및 @seed-design/react@1.3 에서 제거되는 토큰 및 옵션에 관한 경고를 추가합니다. 50ee0a6 1.3에서 제거 예정인 색상 토큰 $color.bg.layer-fill $gradient.fade-layer-floating $gradient.fade-layer-default 1.3에서 제거 예정인 컴포넌트 variant ChipTabs variant="brandSolid" 1.2까지 사용 가능, 1.3부터 디자인 변경 필요 Checkbox weight="default" 0.2.4부터 weight="regular" 사용 가능 weight="default" 는 1.2까지 사용 가능, 1.3부터 weight="regular" 만 허용 weight="stronger" 0.2.4부터 weight="bold" 사용 가능 weight="stronger" 는 1.2까지 사용 가능, 1.3부터 weight="bold" 만 허용 Switch size="small" 0.1.9부터 size="16" 사용 가능 size="small" 은 1.2까지 사용 가능, 1.3부터 size="16" 만 허용 size="medium" 0.1.9부터 size="32" 사용 가능 size="medium" 은 1.2까지 사용 가능, 1.3부터 size="32" 만 허용 StyleProps 를 상속하는 컴포넌트 display , justifyContent/justify , alignItems/align , alignContent , alignSelf , flexDirection/direction 프로퍼티에서의 camelCase 값 제거 예정 0.0.15부터 kebab-case 값 사용 가능 camelCase 값은 1.2까지 사용 가능, 1.3부터 kebab-case 값만 허용 예: justifyContent="spaceBetween" → justifyContent="space-between" 영향 범위인 컴포넌트: Box , Flex , HStack , VStack , Article , List (List.Root) 및 ListItem, ListButtonItem, ListLinkItem, ListSwitchItem, ListCheckItem, ListRadioItem (List.Item) , BottomSheetBody (BottomSheet.Body) , ResponsivePair, Inline (deprecated) , Columns, Column (deprecated) , Stack (deprecated)
- $color.bg.layer-basement 위에서 컴포넌트의 가시성을 보장하기 위해 $color.bg.neutral-weak-alpha 토큰을 추가합니다. 94bebf8 Chip variant=solid 에 적용 ChipTab variant=neutralSolid 에 적용 SegmentedControl root에 적용

## 1.1.7

### Patch Changes

- 정적 텍스트 스타일 추가 (t1Static* ~ t10Static*) 2f29fe8
- Checkmark variant=ghost tone=neutral 에서 icon의 색상을 $color.fg.neutral로 변경하고 색상 트랜지션을 추가합니다. 9119723
- 배너 템플릿에 사용되는 $color.banner.* 색상 토큰을 추가합니다. 10c0765
- Rootage에 누락된 Slot Schema 정의 추가 (스타일 변경사항 없음) b46264a

## 1.1.6

### Patch Changes

- radiomark Rootage 정의를 명확화합니다. (스타일 변경사항 없음) 9be0581
- 신규 Elevation 가이드 에 맞는 shadow 토큰을 추가합니다. cc4a45a React: Box, Flex, HStack 등 StyleProps를 사용하는 컴포넌트에서 boxShadow prop을 사용하여 shadow 토큰을 쉽게 사용할 수 있습니다.
- Button들의 xsmall variant의 텍스트 사이즈를 t4에서 t3로 변경해요. 739937f

## 1.1.5

### Patch Changes

- PageBanner에 tone="magic" 스타일을 추가합니다. db5de74
- Segmented Control의 스타일을 업데이트합니다: Indicator에서 shadow 정의를 제거합니다. 70d11b8

## 1.1.4

### Patch Changes

- List Item에 신규 active(pressed) 스타일을 적용하고, disabled 상태에서 detail 영역의 색상을 수정합니다. 8752805

## 1.1.3

### Patch Changes

- transparent 상태 컬러 추가, 컴포넌트 상태 컬러 변경, transition 추가 dfe6c1e $color.bg.transparent-pressed 컬러와 $color.bg.transparent 컬러가 추가되었습니다. 다음 컴포넌트들의 색상이 transparent 관련 토큰으로 변경되었습니다. Chip (outlineStrong, outlineWeak) Action Button (neutralOutline, brandOutline, ghost) Checkmark Tabs (outline) List Item Radiomark Reaction Button Select Box 다음 컴포넌트들의 color transition이 추가되었습니다. (duration: $duration.d3, timing-function: $timing-function.easing) Checkmark Radiomark Reaction Button Select Box
- 다음 컴포넌트들의 color transition을 $duration.color-transition (d3) 토큰으로 변경합니다 a09e6b4 Action Button Bottom Sheet Handle Checkmark Tabs (outline) Chip Contextual Floating Button Floating Action Button Input Button List Item Radiomark Reaction Button Segmented Control Item Select Box Text Input Toggle Button

## 1.1.2

### Patch Changes

- FieldButton에 Read Only 상태를 추가합니다. Disabled 상태인 FieldButton은 내부 &#x3C;input /> 도 disabled 속성을 갖도록 수정합니다. 53290ab

## 1.1.1

### Patch Changes

- 1.1 이전 버전과 호환 가능하도록 임시적으로 사용할 text-input size=medium variant를 추가합니다. f4e07bb 영향 받는 React 컴포넌트: TextFieldInput, TextFieldTextarea
- text-input의 readonly 스타일을 업데이트합니다. 114dafd 영향 받는 React 컴포넌트: TextFieldInput, TextFieldTextarea
- ScrollFog 컴포넌트를 추가합니다 bc3cd6f

## 1.1.0

### Minor Changes

- Slider 컴포넌트를 추가합니다. a55f584
- (BREAKING CHANGE: BottomSheet snippet을 다시 설치해야 합니다.) BottomSheet에 드래그를 통해 닫는 기능을 추가합니다. 33def2d vaul headless 코드 기반으로 seed에 맞게 커스텀하여 구현했습니다. vaul과 동일한 인터페이스를 가지고 있습니다. (snap-points, fade-from-index, etc.) npx @seed-design/cli@latest add ui:bottom-sheet 로 snippet을 최신화하세요.

### Patch Changes

- (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
- (BREAKING CHANGE: PageBanner snippet을 다시 설치해야 합니다.) Page Banner 스니펫을 업데이트합니다. 6af6501 Box를 사용하여 스타일링하던 부분을 PageBanner.Body 로 교체합니다. PageBanner.TextContent 를 PageBanner.Content 로 이름 변경합니다.

## 1.0.6

### Patch Changes

- List Item 컴포넌트의 상하 여백을 $dimension.x2_5 에서 $dimension.x3 로 늘립니다. 15ab93a

## 1.0.5

### Patch Changes

- Tag Group 컴포넌트를 추가합니다. Tag Group은 아이콘 및 텍스트로 이루어진 태그를 구분 기호와 함께 수평 레이아웃으로 표시하는 컴포넌트입니다. 6aafce0
- AppBar의 스타일을 업데이트합니다. 1902dfa Top Navigation의 title 및 description에 lineHeight 값을 정의합니다. (React AppBar 컴포넌트에 반영됩니다.) &#x3C;Icon /> 컴포넌트를 활용하여 &#x3C;AppBarIconButton /> 내부 아이콘을 커스터마이징할 수 있도록 수정합니다.
- Switch가 checked 상태가 아닐 때 thumb 크기를 줄여 상태를 인지하기 쉽도록 합니다. enabled-disabled 상태 간 트랜지션을 추가합니다. 4c33f07
- Switch와 Switch Mark의 disabled 상태를 더 잘 구별할 수 있도록 스타일을 수정합니다. 3df657f

## 1.0.4

### Patch Changes

- Text Field와 Multiline Text Field가 기본적으로 배경 색을 갖지 않도록 수정합니다. f1cf4cd
- 매너온도 L9 전경 및 배경 색상의 채도를 낮춥니다. 3898183

## 1.0.3

### Patch Changes

- Callout에 tone=positive variant를 추가합니다. 6c6099d

## 1.0.2

### Patch Changes

- MannerTemp 컴포넌트가 레이아웃에서 너비를 덜 차지하도록 업데이트합니다. 6d2e13d

## 1.0.1

### Patch Changes

- MannerTemp 컴포넌트가 레이아웃에서 높이를 덜 차지하도록 업데이트합니다. 1420b68

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Minor Changes

- ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.

### Patch Changes

- ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
- HelpBubble 컴포넌트의 배경색이 다크모드에서 흰색으로 변경됩니다. 4153ca5
- ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.

## 0.1.4

### Patch Changes

- Segmented Control 컴포넌트를 업데이트합니다. 0ca19c0 Notification Badge를 표시하는 notification prop을 추가합니다. SegmentedControlItem 의 children 을 string 에서 ReactNode 로 확대합니다. 스타일을 업데이트합니다.

## 0.1.3

### Patch Changes

- Switch, Checkmark, Radio Mark의 스타일을 업데이트합니다. 8ebe8a5 tone=neutral variant를 추가합니다. Switch의 thumb 크기를 조정합니다. Checkbox와 Radio의 weight variant를 default, stronger에서 regular, bold로 수정합니다.
- 다크 모드에서의 색상 대비 보장을 위해 시맨틱 색상을 수정하고 컴포넌트에서의 색상을 변경합니다. f61b80d $color.bg.warning-solid : theme-dark에서 $color.palette.yellow-600 → $color.palette.yellow-800 $color.bg.warning-solid-pressed : theme-dark에서 $color.palette.yellow-700 → $color.palette.yellow-900 Badge, Page Banner의 tone=warning, variant=solid variant에서 전경 항목 색상 변경: $color.fg.neutral → $color.palette.static-black-alpha-900

## 0.1.2

### Patch Changes

- ChipTabs 컴포넌트 Variant, Size 변경 및 디자인 수정 a22b8b9 variant neutralOutline 추가 variant brandSolid deprecated size( medium(default) | large ) 추가
- List 컴포넌트를 추가하고, Checkbox 및 Radio 컴포넌트를 개선합니다. 12faf5a List 컴포넌트를 제공하여, 정보를 구조화된 목록 형태로 표시할 수 있도록 합니다. Checkbox와 Radio의 컨트롤 영역만을 표시하는 Checkmark와 RadioMark를 제공합니다. Select Box에서 컨트롤 영역을 Checkmark와 RadioMark로 교체합니다. RadioGroup 컴포넌트를 제공합니다.

## 0.1.1

### Patch Changes

- Chip 컴포넌트를 업데이트합니다. 35984d0 아이콘에 트랜지션 효과가 적용되지 않던 현상을 수정합니다. Button, Toggle 등 사용되는 방식에 따라 적절한 data prop을 받도록 수정합니다.

## 0.1.0

### Minor Changes

- 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.0.6

### Patch Changes

- Snackbar 컴포넌트를 업데이트합니다. 8299ba9 root 영역에 maxWidth 스펙을 추가합니다. pauseOnInteraction 의 기본값을 false 에서 true 로 변경합니다.

## 0.0.5

### Patch Changes

- Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
  ```tsx
  <PageBanner
    tone="informative"
    variant="weak"
    description="사업자 정보를 등록해주세요."
    suffix={
      <PageBannerButton asChild>
        <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
          새 탭에서 열기
        </a>
      </PageBannerButton>
    }
  />
  ```
  시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
- Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

## 0.0.4

### Patch Changes

- Avatar, Avatar Stack 컴포넌트에 size=108 variant를 추가합니다. 0be9b00

## 0.0.3

### Patch Changes

- Switch 컴포넌트를 업데이트합니다. 5a025b7 size: medium → 32, small → 16으로 rename합니다. (React) size="medium" 으로 32 , size="small" 로 16 을 사용할 수 있습니다. (deprecated) size: 24를 추가합니다. 모든 size에 대해 레이블 스타일을 추가합니다. (기존: small에만 존재)

## 0.0.2

### Patch Changes

- action-button: size=medium, layout=withText variant에서 gap을 1 → 1.5로 수정합니다. 235147d
- highlight-magic-pressed 그라디언트 토큰을 추가합니다. 3c13ad7

## 0.0.1

### Patch Changes

- Menu Sheet 컴포넌트를 추가하는 동시에 Action Sheet과 Extended Action Sheet 컴포넌트를 deprecate합니다. 861ecb4 Menu Sheet React 문서 Menu Sheet는 기존 Extended Action Sheet의 모든 기능을 포함하는 동시에, labelAlign prop으로 MenuSheetItem 를 left 또는 center 로 정렬할 수 있습니다.

---

## @seed-design/rsbuild-plugin

## 2.1.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/css@2.0.0**
  - [Major Changes] Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 margin 관련 프로퍼티를 추가합니다. 4ad24cc margin / m , marginX / mx , marginY / my , marginTop / mt , marginRight / mr , marginBottom / mb , marginLeft / ml "auto" 리터럴 및 breakpoint 기반 반응형 스타일링을 지원합니다. margin* 과 bleed* 를 동시에 사용할 수 없도록 타입 레벨 제약(discriminated union)을 추가합니다. @seed-design/react를 통해 제공되는 다음 인터페이스가 interface 에서 type 으로 전환됩니다. BoxProps , FlexProps , GridProps , StackProps , VStackProps , HStackProps , ArticleProps , AspectRatioProps , ColumnsProps , ColumnProps , GridItemProps , ImageFrameProps , InlineProps , ResponsivePairProps . 위 인터페이스를 extend 하는 타입은 type X = BoxProps &#x26; {...} 처럼 전환할 수 있습니다. Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 4개 방향 모두에 negative margin을 적용하는 bleed 프로퍼티를 추가합니다.
  - [Major Changes] Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
  - [Major Changes] AppScreen 관련 키보드 동작을 개선합니다. 7a6847e AppScreen 액티비티 push 시, 해당 AppScreen 으로 키보드 포커스가 이동하도록 수정합니다. AlertDialog 등 모달 컴포넌트 위에 AppScreen 을 push하는 경우에도 AlertDialog 에 포커스가 남아 있는 문제를 수정합니다. 가장 마지막에 등장한 AppScreen 안에서만 포커스가 유지되도록 수정합니다.
  - [Major Changes] Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
  - [Major Changes] Layout 컴포넌트를 추가합니다. 54a2ff8
  - [Major Changes] 신규 타이포그래피 토큰을 추가합니다. d1a8d7c 폰트 크기 토큰 ( $font-size ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 줄 간격 토큰 ( $line-height ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 텍스트 스타일 ( textStyle ) t8Regular , t8Medium , t8StaticRegular , t8StaticMedium t9Regular , t9Medium , t9StaticRegular , t9StaticMedium t10Regular , t10Medium , t10StaticRegular , t10StaticMedium t11Regular , t11Medium , t11Bold , t11StaticRegular , t11StaticMedium , t11StaticBold t12Regular , t12Medium , t12Bold , t12StaticRegular , t12StaticMedium , t12StaticBold t13Regular , t13Medium , t13Bold , t13StaticRegular , t13StaticMedium , t13StaticBold t14Regular , t14Medium , t14Bold , t14StaticRegular , t14StaticMedium , t14StaticBold
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
  - [Major Changes] Chip Tabs Trigger가 disabled 상태일 때 opacity를 사용하여 스타일을 조절하도록 수정합니다. 57e4f1a
  - [Major Changes] Side Navigation에서 내부적으로 사용되는 NavigationMenu 컴포넌트를 추가합니다. 2abd3ed
  - [Major Changes] 컴포넌트 및 파운데이션 전반에 JSDoc 주석을 강화합니다. 270b277
  - [Major Changes] Breakpoint 기반 반응형 스타일링을 지원합니다. 9369ff9 Box, Flex, Grid, VStack 등 유틸리티 컴포넌트의 레이아웃 관련 프로퍼티에 breakpoint 기반 반응형 객체를 사용할 수 있습니다.
    ```tsx
    <Box padding={{ base: "x3", md: "x6" }} />
    <Grid columns={{ base: 1, md: 2, lg: 4 }} gap="x4" />
    ```
    @seed-design/react 에서 useBreakpoint 훅과 useBreakpointValue 훅을 제공합니다. useBreakpoint() — 현재 활성 breakpoint 이름을 반환합니다. ( "base" | "sm" | "md" | "lg" | "xl" ) useBreakpointValue(values) — 반응형 객체에서 현재 breakpoint에 해당하는 값을 반환합니다.
    ```tsx
    const actionButtonProps = useBreakpointValue<ActionButtonProps>({
      base: { variant: "neutralWeak" },
      lg: { variant: "brandSolid" },
    });
    ```
    &#x3C;Grid display="none"> 으로 Grid를 숨길 수 없던 문제를 수정합니다.
  - [Major Changes] selectBoxCheckmark recipe의 생성 클래스명과 import 경로를 다른 recipe와 동일하게 kebab-case로 정정합니다. 4839a64 클래스명: seed-selectBoxCheckmark__* → seed-select-box-checkmark__* import 경로: @seed-design/css/recipes/selectBoxCheckmark → @seed-design/css/recipes/select-box-checkmark
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023
  - [Major Changes] Side Panel 컴포넌트를 추가합니다. 98b52a7 화면 좌/우 가장자리에서 슬라이드해 보조 콘텐츠, 상세 정보, 설정 흐름을 표시할 수 있습니다.
  - [Major Changes] SwipeableMenuSheet 컴포넌트를 추가하고, 기존 MenuSheet 관련 API를 deprecate합니다. f982d61 SwipeableMenuSheet 추가 Drawer 기반의 SwipeableMenuSheet 관련 컴포넌트를 추가합니다. 전체 영역을 스와이프하여 시트를 닫을 수 있으며, 해당 동작의 힌트로 상단에 드래그 핸들이 표시됩니다. MenuSheet 에서는 항상 표시되었던 닫기 버튼을 기본적으로 UI에 표시하지 않습니다. showCloseButton prop을 통해 닫기 버튼의 노출 여부를 제어할 수 있습니다. MenuSheet 관련 컴포넌트 및 API Deprecate Dialog 기반의 MenuSheet 관련 컴포넌트 및 API를 deprecate합니다. 신규로 Menu Sheet 사용이 필요한 경우 SwipeableMenuSheet 를 사용합니다. open / defaultOpen / onOpenChange 등 기본적인 MenuSheet 의 API는 SwipeableMenuSheet 에서 동일하게 유지됩니다.
  - [Major Changes] Footer.LinkText 컴포넌트 및 Footer Block 예시를 추가합니다. 7f1dbe3
  - [Major Changes] Text Input(Text Field)과 Input Button(Field Button)에 size="medium" variant를 추가합니다. c0fd999
  - [Major Changes] Accordion 컴포넌트를 추가합니다. 31bf164 여러 개의 관련된 콘텐츠 섹션을 수직으로 나열하고, 각 섹션을 펼치거나 접어 정보를 탐색할 수 있는 컴포넌트입니다.

## 1.2.1

### Patch Changes

- @rsbuild/core peerDependency 범위를 확장하여 rsbuild v1.1과 v2를 모두 지원합니다. c1bf147

## 1.2.0

### Minor Changes

- (BREAKING CHANGE: @rsbuild/core 를 v2로 함께 업그레이드해야 합니다.) @rsbuild/core peer dependency를 v2로 갱신합니다. 47e9e6c @seed-design/rsbuild-plugin 이 사용하는 modifyHTMLTags API와 타입( RsbuildPlugin , HtmlBasicTag )은 Rsbuild v2에서도 동일하므로 SEED 측 동작은 변화 없습니다. @rsbuild/core v1을 계속 사용하려는 프로젝트는 @seed-design/rsbuild-plugin 이전 버전을 유지해 주세요.

## 1.1.0

### Updated Dependencies

- **@seed-design/css@1.1.0**
  - [Minor Changes] Slider 컴포넌트를 추가합니다. a55f584
  - [Minor Changes] Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.
  - [Minor Changes] (BREAKING CHANGE: BottomSheet snippet을 다시 설치해야 합니다.) BottomSheet에 드래그를 통해 닫는 기능을 추가합니다. 33def2d vaul headless 코드 기반으로 seed에 맞게 커스텀하여 구현했습니다. vaul과 동일한 인터페이스를 가지고 있습니다. (snap-points, fade-from-index, etc.) npx @seed-design/cli@latest add ui:bottom-sheet 로 snippet을 최신화하세요.
  - [Patch Changes] (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
  - [Patch Changes] AppScreen에 tone 속성을 조절해 그라데이션이 들어간 투명한 배경을 사용할 수 있습니다. b131282 AppBar에 있던 tone 속성을 AppScreen에서도 사용할 수 있도록 이동합니다. AppScreen, AppBar 둘 다 tone 속성을 사용할 수 있도록 합니다.
  - [Patch Changes] (BREAKING CHANGE: PageBanner snippet을 다시 설치해야 합니다.) Page Banner 스니펫을 업데이트합니다. 6af6501 Box를 사용하여 스타일링하던 부분을 PageBanner.Body 로 교체합니다. PageBanner.TextContent 를 PageBanner.Content 로 이름 변경합니다.

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/css@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
  - [Minor Changes] ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.
  - [Patch Changes] ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
  - [Patch Changes] HelpBubble 컴포넌트의 배경색이 다크모드에서 흰색으로 변경됩니다. 4153ca5
  - [Patch Changes] ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.

## 0.2.0

### Updated Dependencies

- **@seed-design/css@0.2.0**
  - [Minor Changes] 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.3

### Patch Changes

- iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

### Updated Dependencies

- **@seed-design/css@0.1.3**
  - [Patch Changes] @seed-design/stackflow 백스와이프 애니메이션 개선 cdc0930 iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 300ms 에서 350ms 로 조정되어 더 부드러운 전환 효과를 제공합니다. 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다. 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.
  - [Patch Changes] 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.
  - [Patch Changes] iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

## 0.1.2

### Patch Changes

- Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

### Updated Dependencies

- **@seed-design/css@0.1.2**
  - [Patch Changes] Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.0

### Updated Dependencies

- **@seed-design/css@0.1.0**
  - [Minor Changes] HelpBubble의 arrow가 상위 요소의 font-size에 영향을 받는 것을 수정합니다 7cc6087
  - [Minor Changes] BottomSheet의 description font-size를 t5로 변경합니다 bdca898

## 0.0.41

### Updated Dependencies

- **@seed-design/css@0.0.41**
  - [Patch Changes] Text 컴포넌트에 textDecorationLine 옵션을 추가합니다. 561f74c
  - [Patch Changes] Gradient 컬러를 추가합니다 b43de05

## 0.0.39

### Updated Dependencies

- **@seed-design/css@0.0.39**
  - [Patch Changes] 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.38

### Updated Dependencies

- **@seed-design/css@0.0.38**
  - [Patch Changes] Action Button에 type="ghost"를 추가합니다. 70fbaaf

## 0.0.35

### Updated Dependencies

- **@seed-design/css@0.0.35**
  - [Patch Changes] _active style prop이 값이 없는 경우에 기존 style prop을 제거하는 버그를 수정합니다. 0789dc8

## 0.0.34

### Updated Dependencies

- **@seed-design/css@0.0.34**
  - [Patch Changes] _active style prop이 상태가 없는 값보다 우선순위가 낮게 적용되는 문제를 수정합니다. 92801a2

## 0.0.33

### Updated Dependencies

- **@seed-design/css@0.0.33**
  - [Patch Changes] Style prop에 _active 를 추가합니다. background 속성만을 지원합니다. fbdb091

## 0.0.31

### Updated Dependencies

- **@seed-design/css@0.0.31**
  - [Patch Changes] Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

## 0.0.30

### Updated Dependencies

- **@seed-design/css@0.0.30**
  - [Patch Changes] ContextualFloatingButton 과 FloatingActionButton 컴포넌트를 제공합니다. 285cb9b 기존의 Fab 및 ExtendedFab 를 deprecate합니다. Floating 요소들의 위치를 편리하게 제어하도록 Float 유틸리티 컴포넌트를 제공합니다.

## 0.0.29

### Updated Dependencies

- **@seed-design/css@0.0.29**
  - [Patch Changes] ActionButton의 min-width variable 기본값을 수정합니다. 116ee2c

## 0.0.28

### Updated Dependencies

- **@seed-design/css@0.0.28**
  - [Patch Changes] Callout의 wrapping 동작을 수정합니다. 5337e14

## 0.0.27

### Updated Dependencies

- **@seed-design/css@0.0.27**
  - [Patch Changes] InlineBanner의 title 영역에 flex-shrink: 0을 추가해요 9d85c16
  - [Patch Changes] Color 토큰을 업데이트합니다. d951317
  - [Patch Changes] Avatar의 디자인 업데이트를 반영합니다. (stroke 추가) b3f964d

## 0.0.26

### Patch Changes

- types 필드와 exports 필드를 수정해요 c8b2921

## 0.0.25

### Updated Dependencies

- **@seed-design/css@0.0.25**
  - [Patch Changes] Avatar Stack의 디자인을 업데이트합니다. c87ede9

## 0.0.24

### Updated Dependencies

- **@seed-design/css@0.0.24**
  - [Patch Changes] ActionSheet의 header가 렌더링되지 않을 때 상단 radius가 누락되는 버그를 수정합니다. 4da536f

## 0.0.23

### Updated Dependencies

- **@seed-design/css@0.0.23**
  - [Patch Changes] AppBar의 배경이 상단 safe-area를 덮도록 수정합니다. 63e1541

## 0.0.21

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/css@0.0.21**
  - [Patch Changes] Button, Chip 컴포넌트들의 누락된 line-height를 추가합니다. 5d69d1d Button, Chip 컴포넌트들의 white-space를 nowrap으로 설정합니다.
  - [Patch Changes] 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
  - [Patch Changes] 2개의 컨텐츠를 동일한 비율로 나누어 배치하되, 너무 긴 경우 세로로 접는 &#x3C;ResponsivePair> 컴포넌트를 추가합니다. 7ae87f8
  - [Patch Changes] BottomSheet, Dialog의 배경 색상을 layer-floating으로 변경합니다. f144d28
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.19

### Updated Dependencies

- **@seed-design/css@0.0.19**
  - [Patch Changes] feat: 와일드카드 지원하지 않는 곳을 위해 CSS 파일 명시적 export 3c9ec66
  - [Patch Changes] LoadingIndicator를 사용하는 컴포넌트에 position: relative를 추가합니다. b3bb6e7

## 0.0.17

### Updated Dependencies

- **@seed-design/css@0.0.17**
  - [Patch Changes] recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

## 0.0.15

### Patch Changes

- vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.

### Updated Dependencies

- **@seed-design/css@0.0.15**
  - [Patch Changes] vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.
  - [Patch Changes] 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) f4b0723
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

## 0.0.14

### Updated Dependencies

- **@seed-design/css@0.0.14**
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) 92c0b80
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

## 0.0.13

### Updated Dependencies

- **@seed-design/css@0.0.13**
  - [Patch Changes] Avatar의 Badge 스펙을 최신화합니다. 7fca755

## 0.0.12

### Updated Dependencies

- **@seed-design/css@0.0.12**
  - [Patch Changes] 유틸리티 컴포넌트에 사용되는 ScopedColorFg, ScopedColorBg, ScopedColorPalette, ScopedColorStroke 타입을 제공합니다. 6426379
  - [Patch Changes] close button의 위치가 의도와 다르게 설정된 것을 수정합니다. ee41f37

## 0.0.11

### Updated Dependencies

- **@seed-design/css@0.0.11**
  - [Patch Changes] Dialog 및 Sheet 컴포넌트 레이아웃 스펙 업데이트 e70f340
  - [Patch Changes] $dimension.spacing-y.screen-bottom 토큰을 추가합니다. 72f344f $dimension.spacing-y.between-text 토큰을 추가합니다.

## 0.0.10

### Updated Dependencies

- **@seed-design/css@0.0.10**
  - [Patch Changes] Avatar size=42를 추가합니다. e4b704c

## 0.0.9

### Updated Dependencies

- **@seed-design/css@0.0.9**
  - [Patch Changes] MannerTemp 컴포넌트를 추가합니다. 63f8651
  - [Patch Changes] feat: 다크모드에서의 gray200, gray300 색상, 라이트모드 carrot700 색상을 변경해요 d9b01a9 (light) carrot700: #e84500 -> #e04f00 (dark) gray300: #2c2f35 -> #2b2e35 (dark) gray200: #1b1c22 -> #22252b

## 0.0.8

### Updated Dependencies

- **@seed-design/css@0.0.8**
  - [Patch Changes] Notification Badge를 추가합니다. 1424700 Tabs의 Notification 슬롯을 Notification Badge로 변경합니다.
  - [Patch Changes] change help-bubble paddingY, lineHeight 0efeea1

## 0.0.7

### Updated Dependencies

- **@seed-design/css@0.0.7**
  - [Patch Changes] remove text maxLines none display unset 8aca3de

## 0.0.6

### Updated Dependencies

- **@seed-design/css@0.0.6**
  - [Patch Changes] Skeleton의 width, height가 동작하지 않는 버그를 수정합니다. bf198e8
  - [Patch Changes] visuallyHidden을 recipe에서 제거합니다. 3d66c5b
  - [Patch Changes] callout, inline banner 디자인 스펙 수정 a8d5242
  - [Patch Changes] fix: add --seed-safe-area-top in app-bar ccf3989

## 0.0.5

### Updated Dependencies

- **@seed-design/css@0.0.5**
  - [Patch Changes] single-slot recipe를 위한 간소화된 인터페이스를 추가합니다. e3234e7
  - [Patch Changes] add textStyles (t6, t7 regular, medium) 5502bed

## 0.0.4

### Updated Dependencies

- **@seed-design/css@0.0.4**
  - [Patch Changes] Badge 디자인 업데이트 6df5d19 neutral tone 색상 변경 pill shape 삭제
  - [Patch Changes] recipe 스타일시트의 exports map을 수정합니다. 5cb50e7

## 0.0.3

### Patch Changes

- Implement rsbuild plugin 23156f2

### Updated Dependencies

- **@seed-design/css@0.0.3**
  - [Patch Changes] Fixes an issue where the theming script was injecting the wrong color mode data-attr. a33af94
  - [Patch Changes] Inject data-seed in theming script instead of plugin b180822

---

## @seed-design/rsbuild-plugin-lynx-icon

## 0.2.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 0.1.0

### Minor Changes

- Lynx 아이콘 SVG를 WebP data URL로 변환하는 Rsbuild 플러그인 추가 05c799e Lynx 3.5에서 SVG를 지원하지 않아 빌드 시 sharp 를 사용해 WebP로 변환하는 플러그인을 추가합니다. 기존 수동 로더 설정 대신 pluginLynxIcon() 플러그인으로 간단하게 설정할 수 있습니다.

---

## @seed-design/stackflow

## 2.0.3

### Patch Changes

- pop({ animate: false }) 로 화면을 닫았을 때 다시 드러난 화면이 왼쪽으로 밀린 채 고정되던 문제를 수정합니다. 9714c01

## 2.0.2

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

### Updated Dependencies

- **@seed-design/dom-utils@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.
- **@seed-design/react-primitive@2.0.1**
  - [Patch Changes] 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.1

### Patch Changes

- AppScreen 이 화면 진입 애니메이션 완료 후 포커스를 이동할 때 preventScroll 을 적용해, 스크롤 가능한 컨테이너(예: iframe)에 임베드된 경우 발생하던 원치 않는 스크롤 점프를 방지합니다. a805de9

## 2.0.0

### Major Changes

- AppScreen 관련 키보드 동작을 개선합니다. 7a6847e AppScreen 액티비티 push 시, 해당 AppScreen 으로 키보드 포커스가 이동하도록 수정합니다. AlertDialog 등 모달 컴포넌트 위에 AppScreen 을 push하는 경우에도 AlertDialog 에 포커스가 남아 있는 문제를 수정합니다. 가장 마지막에 등장한 AppScreen 안에서만 포커스가 유지되도록 수정합니다.
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

### Updated Dependencies

- **@seed-design/react-primitive@2.0.0**
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023

## 1.1.24

### Patch Changes

- 전환 애니메이션이 겹칠 때 발생하던 렌더링 깨짐을 수정합니다. 9eb5f67 동시 pop() , 빠른 백버튼, swipe-back이 겹치면 착지 화면이 약 1/3 왼쪽으로 밀리거나 AppBar가 보이지 않던 문제를 수정합니다. pop(2) , pop(); pop(); 등 한 번에 여러 화면을 닫는 동작은 기존과 동일하게 동작합니다.

## 1.1.23

### Patch Changes

- AppBar 하단에 구분선을 표시하는 divider 옵션을 deprecated 처리합니다. SEED React 1.3에서 제거될 예정이며, 제거 이후에는 AppBar 하단 구분선이 표시되지 않습니다. 9cacf29

## 1.1.22

### Patch Changes

- @seed-design/css 에 대한 peerDependencies 호환 범위를 정확하게 명시합니다. 09882f6 WAAPI 기반 AppScreen 전환(1.1.21에 도입)은 css 패키지의 transition selector 제거 + AppBar background slot 추가 변경과 짝을 이루어야 정상 동작합니다. 이전 표현( >=1.1.19 )은 호환되지 않는 구버전 css도 허용하여 잘못된 조합 시 화면 전환 깨짐/AppBar 배경 사라짐 등의 문제가 발생할 수 있었습니다. 새 표현 >=1.1.25 &#x3C;1.2.0 || >=1.2.11 은 다음을 보장합니다: 1.1.x: css 1.1.25 이상 (백포팅된 WAAPI-호환 css) 1.2.x: css 1.2.11 이상 (PR #1444가 머지된 css)

## 1.1.21

### Patch Changes

- AppScreen 전환 애니메이션의 성능을 개선하고 스와이프 백 관련 버그를 수정합니다. be7022a 스와이프 중 CSS variable cascade로 인한 스타일 재계산 병목을 제거하고, 개별 요소에 직접 inline style을 적용하는 방식으로 변경합니다. 스와이프 종료 시 발생하던 플리커(CSS 핸드오프 gap)를 WAAPI(Web Animations API)로 대체하여 해결합니다. 스와이프 complete 후 CSS [pop] animation이 재트리거되는 이중 애니메이션 문제를 해결합니다. 제스처 중 useState 기반 상태 관리를 useRef 로 변경하여 불필요한 React 리렌더를 제거합니다. slideFromRightIOS , fadeFromBottomAndroid , fadeIn 세 가지 transition style 모두 지원합니다. 프로덕션에서 무거운 activity를 push/pop 할 때 애니메이션이 경로 중간부터 시작되던 jank를 수정합니다. ( requestAnimationFrame 대기 구간 제거) Animation.finished 를 지원하지 않는 구형 WebView(Chrome &#x3C; 84)에서 push → pop 시 화면이 비어버리던 문제를 onfinish / oncancel 기반 폴백과 setTimeout race 안전망으로 해결합니다. AppBar 배경을 pseudo-element에서 일반 DOM slot으로 옮겨, pseudoElement WAAPI 옵션을 지원하지 않는 브라우저(Chrome &#x3C; 82)에서도 swipe back 중 AppBar 전환이 정상 동작하도록 합니다.

## 1.1.20

### Patch Changes

- AppBarSlot 컴포넌트를 추가합니다. AppBar 내에 AppBarLeft , AppBarMain , AppBarRight 에 대응되지 않는 커스텀 요소를 배치하는 경우, 다른 요소와 동일한 화면 전환 트랜지션을 적용하기 위해 사용할 수 있습니다. 846036b

## 1.1.19

### Patch Changes

- AppScreen 스와이프 백 제스처가 좌→우 단방향으로만 동작하도록 수정합니다. da4c6d4 스와이프 백 중 초기 위치보다 왼쪽(역방향)으로 드래그할 수 없도록 수정합니다. onSwipeBackMove 콜백의 displacement 및 displacementRatio 값이 항상 0 이상으로 전달되도록 수정합니다.
- Stackflow 플러그인 seedPlugin 이 콜백 형태의 옵션을 지원하도록 수정합니다. Stack에 제공하는 initialContext 를 통해 theme을 동적으로 결정할 수 있습니다. 9eb86f4

## 1.1.18

### Patch Changes

- AppScreen에 layerOffsetTop 또는 layerOffsetBottom 사용 시 해당 속성이 AppBar DOM에 attribute로 설정되는 문제를 수정합니다. af9256e

## 1.1.17

### Patch Changes

- AppBar의 bg 또는 background 프로퍼티로 배경 색상을 조절할 수 있는 옵션을 추가합니다. ( tone="layer" 인 경우 적용) 6db2515

## 1.1.16

### Patch Changes

- Stackflow와 함께 AppScreen 사용 시 최상위 AppScreen이 push/pop될 때, 이외의 AppScreen이 고유한 transitionStyle 을 재생하는 문제를 수정합니다. 같은 스택 내에 여러 transitionStyle 이 공존할 때 자연스러운 트랜지션을 제공하기 위해 최상위 AppScreen의 transitionStyle 을 재생합니다. ( 데모 ) 6d30b72 예를 들면, transitionStyle="fadeFromBottomAndroid" 인 0번 AppScreen 위에 transitionStyle="slideFromLeftIOS" 인 1번 AppScreen이 push되는 경우, 0번 AppScreen이 slideFromLeftIOS 트랜지션을 재생하도록 수정합니다. 0번 AppScreen이 자연스럽게 좌측으로 조금 밀려나며 어두워지고( slideFromLeftIOS ) 1번 AppScreen이 우측에서 슬라이드 인( slideFromLeftIOS )

### Updated Dependencies

- **@seed-design/css@1.1.16**
  - [Patch Changes] 정적 텍스트 스타일 추가 (t1Static* ~ t10Static*) 2f29fe8
  - [Patch Changes] Checkmark variant=ghost tone=neutral 에서 icon의 색상을 $color.fg.neutral로 변경하고 색상 트랜지션을 추가합니다. 9119723
  - [Patch Changes] Stackflow와 함께 AppScreen 사용 시 최상위 AppScreen이 push/pop될 때, 이외의 AppScreen이 고유한 transitionStyle 을 재생하는 문제를 수정합니다. 같은 스택 내에 여러 transitionStyle 이 공존할 때 자연스러운 트랜지션을 제공하기 위해 최상위 AppScreen의 transitionStyle 을 재생합니다. ( 데모 ) 6d30b72 예를 들면, transitionStyle="fadeFromBottomAndroid" 인 0번 AppScreen 위에 transitionStyle="slideFromLeftIOS" 인 1번 AppScreen이 push되는 경우, 0번 AppScreen이 slideFromLeftIOS 트랜지션을 재생하도록 수정합니다. 0번 AppScreen이 자연스럽게 좌측으로 조금 밀려나며 어두워지고( slideFromLeftIOS ) 1번 AppScreen이 우측에서 슬라이드 인( slideFromLeftIOS )
  - [Patch Changes] 배너 템플릿에 사용되는 $color.banner.* 색상 토큰을 추가합니다. 10c0765
  - [Patch Changes] AppScreen 에 신규 transitionStyle fadeIn 을 추가합니다. 5e462db

## 1.1.15

### Patch Changes

- AppScreen 스와이프 중 취소 시 트랜지션이 끝난 뒤에도 GlobalInteraction 의 data-swipe-back-state 가 idle 로 되돌아가지 않고 canceling 으로 남아 있는 문제를 수정합니다. e4b0ce8

### Updated Dependencies

- **@seed-design/css@1.1.15**
  - [Patch Changes] iOS 15 이하 기기에서 MenuSheetItem이 의도하지 않은 margin을 갖는 문제를 수정합니다. 76acd7e
  - [Patch Changes] theme=“android” 인 AppScreen 또는 AppBar에 속한 AppBarMain의 title과 subtitle 말줄임(truncation)이 적용되지 않는 문제를 수정합니다. 7a428ec
  - [Patch Changes] iOS 17 이하 기기에서 SegmentedControlItem의 높이가 잘못 설정될 수 있는 문제를 수정합니다. 498a9e7

## 1.1.11

### Patch Changes

- @seed-design/stackflow: @stackflow/react-ui-core를 peerDependencies에서 dependencies로 이동합니다. ea488c5

## 1.1.9

### Patch Changes

- Stackflow 플러그인이 최신이 아닌 data attribute에 의해 잘못된 트랜지션을 재생하지 않도록 수정합니다. 4e7e15b

### Updated Dependencies

- **@seed-design/css@1.1.9**
  - [Patch Changes] AppBar 에 적용되는 그라디언트를 AppScreen 으로 이동합니다. 37d332d &#x3C;AppBar tone="transparent"> 를 사용하는 경우 tone="transparent" 를 AppScreen 으로 옮겨 그라디언트를 표시할 수 있습니다. AppScreen 에 gradient={false} 를 설정하여 그라디언트를 숨길 수 있습니다.
  - [Patch Changes] iOS 웹뷰 환경에서 Avatar가 정상적으로 렌더링되지 않는 문제를 수정합니다. 77517f1

## 1.1.5

### Patch Changes

- @seed-design/stackflow 패키지에서 useActivityZIndexBase 훅을 제공합니다. 7529e31

### Updated Dependencies

- **@seed-design/css@1.1.5**
  - [Patch Changes] FieldButton에 Read Only 상태를 추가합니다. Disabled 상태인 FieldButton은 내부 &#x3C;input /> 도 disabled 속성을 갖도록 수정합니다. 53290ab

## 1.1.0

### Patch Changes

- AppScreen에 tone 속성을 조절해 그라데이션이 들어간 투명한 배경을 사용할 수 있습니다. b131282 AppBar에 있던 tone 속성을 AppScreen에서도 사용할 수 있도록 이동합니다. AppScreen, AppBar 둘 다 tone 속성을 사용할 수 있도록 합니다.

### Updated Dependencies

- **@seed-design/css@1.1.0**
  - [Minor Changes] Slider 컴포넌트를 추가합니다. a55f584
  - [Minor Changes] Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.
  - [Minor Changes] (BREAKING CHANGE: BottomSheet snippet을 다시 설치해야 합니다.) BottomSheet에 드래그를 통해 닫는 기능을 추가합니다. 33def2d vaul headless 코드 기반으로 seed에 맞게 커스텀하여 구현했습니다. vaul과 동일한 인터페이스를 가지고 있습니다. (snap-points, fade-from-index, etc.) npx @seed-design/cli@latest add ui:bottom-sheet 로 snippet을 최신화하세요.
  - [Patch Changes] (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
  - [Patch Changes] AppScreen에 tone 속성을 조절해 그라데이션이 들어간 투명한 배경을 사용할 수 있습니다. b131282 AppBar에 있던 tone 속성을 AppScreen에서도 사용할 수 있도록 이동합니다. AppScreen, AppBar 둘 다 tone 속성을 사용할 수 있도록 합니다.
  - [Patch Changes] (BREAKING CHANGE: PageBanner snippet을 다시 설치해야 합니다.) Page Banner 스니펫을 업데이트합니다. 6af6501 Box를 사용하여 스타일링하던 부분을 PageBanner.Body 로 교체합니다. PageBanner.TextContent 를 PageBanner.Content 로 이름 변경합니다.

## 1.0.5

### Patch Changes

- AppScreen에서 스와이프로 pop할 때 AppScreen이 한번 깜빡거리고 닫히는 버그를 수정합니다. 9b91751

### Updated Dependencies

- **@seed-design/css@1.0.5**
  - [Patch Changes] Text Field와 Multiline Text Field가 기본적으로 배경 색을 갖지 않도록 수정합니다. f1cf4cd
  - [Patch Changes] AppScreen에서 스와이프로 pop할 때 AppScreen이 한번 깜빡거리고 닫히는 버그를 수정합니다. 9b91751
  - [Patch Changes] 매너온도 L9 전경 및 배경 색상의 채도를 낮춥니다. 3898183

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/css@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
  - [Minor Changes] ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.
  - [Patch Changes] ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
  - [Patch Changes] HelpBubble 컴포넌트의 배경색이 다크모드에서 흰색으로 변경됩니다. 4153ca5
  - [Patch Changes] ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.
- **@seed-design/react-primitive@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
- **@seed-design/dom-utils@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

## 0.2.0

### Updated Dependencies

- **@seed-design/css@0.2.0**
  - [Minor Changes] 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.3

### Patch Changes

- @seed-design/stackflow 백스와이프 애니메이션 개선 cdc0930 iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 300ms 에서 350ms 로 조정되어 더 부드러운 전환 효과를 제공합니다. 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다. 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.

### Updated Dependencies

- **@seed-design/css@0.1.3**
  - [Patch Changes] @seed-design/stackflow 백스와이프 애니메이션 개선 cdc0930 iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 300ms 에서 350ms 로 조정되어 더 부드러운 전환 효과를 제공합니다. 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다. 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.
  - [Patch Changes] 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.
  - [Patch Changes] iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

## 0.1.2

### Patch Changes

- Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

### Updated Dependencies

- **@seed-design/css@0.1.2**
  - [Patch Changes] Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.0

### Updated Dependencies

- **@seed-design/css@0.1.0**
  - [Minor Changes] HelpBubble의 arrow가 상위 요소의 font-size에 영향을 받는 것을 수정합니다 7cc6087
  - [Minor Changes] BottomSheet의 description font-size를 t5로 변경합니다 bdca898

## 0.0.41

### Updated Dependencies

- **@seed-design/css@0.0.41**
  - [Patch Changes] Text 컴포넌트에 textDecorationLine 옵션을 추가합니다. 561f74c
  - [Patch Changes] Gradient 컬러를 추가합니다 b43de05

## 0.0.39

### Updated Dependencies

- **@seed-design/css@0.0.39**
  - [Patch Changes] 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.38

### Updated Dependencies

- **@seed-design/css@0.0.38**
  - [Patch Changes] Action Button에 type="ghost"를 추가합니다. 70fbaaf

## 0.0.37

### Patch Changes

- @stackflow/react-ui-core 의 usePreventTouchDuringTransition prop ref 로 이름을 변경했습니다 97a1237

## 0.0.36

### Patch Changes

- 화면 전환 중 터치 입력이 차단합니다. 479e38b

## 0.0.35

### Updated Dependencies

- **@seed-design/css@0.0.35**
  - [Patch Changes] _active style prop이 값이 없는 경우에 기존 style prop을 제거하는 버그를 수정합니다. 0789dc8

## 0.0.34

### Updated Dependencies

- **@seed-design/css@0.0.34**
  - [Patch Changes] _active style prop이 상태가 없는 값보다 우선순위가 낮게 적용되는 문제를 수정합니다. 92801a2

## 0.0.33

### Updated Dependencies

- **@seed-design/css@0.0.33**
  - [Patch Changes] Style prop에 _active 를 추가합니다. background 속성만을 지원합니다. fbdb091

## 0.0.31

### Updated Dependencies

- **@seed-design/css@0.0.31**
  - [Patch Changes] Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

## 0.0.30

### Updated Dependencies

- **@seed-design/css@0.0.30**
  - [Patch Changes] ContextualFloatingButton 과 FloatingActionButton 컴포넌트를 제공합니다. 285cb9b 기존의 Fab 및 ExtendedFab 를 deprecate합니다. Floating 요소들의 위치를 편리하게 제어하도록 Float 유틸리티 컴포넌트를 제공합니다.

## 0.0.29

### Patch Changes

- reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

### Updated Dependencies

- **@seed-design/css@0.0.29**
  - [Patch Changes] ActionButton의 min-width variable 기본값을 수정합니다. 116ee2c
- **@seed-design/react-primitive@0.0.3**
  - [Patch Changes] reactSlot.createSlot is not a function 오류가 발생하지 않도록, radix-ui/react-slot 버전을 1.2.3으로 수정합니다. 29ec9f0

## 0.0.28

### Updated Dependencies

- **@seed-design/css@0.0.28**
  - [Patch Changes] Callout의 wrapping 동작을 수정합니다. 5337e14

## 0.0.27

### Patch Changes

- RSC 지원을 위한 "use client" directive를 추가합니다. 7851a31

### Updated Dependencies

- **@seed-design/css@0.0.27**
  - [Patch Changes] InlineBanner의 title 영역에 flex-shrink: 0을 추가해요 9d85c16
  - [Patch Changes] Color 토큰을 업데이트합니다. d951317
  - [Patch Changes] Avatar의 디자인 업데이트를 반영합니다. (stroke 추가) b3f964d

## 0.0.25

### Updated Dependencies

- **@seed-design/css@0.0.25**
  - [Patch Changes] Avatar Stack의 디자인을 업데이트합니다. c87ede9

## 0.0.24

### Updated Dependencies

- **@seed-design/css@0.0.24**
  - [Patch Changes] ActionSheet의 header가 렌더링되지 않을 때 상단 radius가 누락되는 버그를 수정합니다. 4da536f

## 0.0.23

### Patch Changes

- AppBar의 배경이 상단 safe-area를 덮도록 수정합니다. 63e1541

### Updated Dependencies

- **@seed-design/css@0.0.23**
  - [Patch Changes] AppBar의 배경이 상단 safe-area를 덮도록 수정합니다. 63e1541

## 0.0.21

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/css@0.0.21**
  - [Patch Changes] Button, Chip 컴포넌트들의 누락된 line-height를 추가합니다. 5d69d1d Button, Chip 컴포넌트들의 white-space를 nowrap으로 설정합니다.
  - [Patch Changes] 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
  - [Patch Changes] 2개의 컨텐츠를 동일한 비율로 나누어 배치하되, 너무 긴 경우 세로로 접는 &#x3C;ResponsivePair> 컴포넌트를 추가합니다. 7ae87f8
  - [Patch Changes] BottomSheet, Dialog의 배경 색상을 layer-floating으로 변경합니다. f144d28
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/react-primitive@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69
- **@seed-design/dom-utils@0.0.2**
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.19

### Updated Dependencies

- **@seed-design/css@0.0.19**
  - [Patch Changes] feat: 와일드카드 지원하지 않는 곳을 위해 CSS 파일 명시적 export 3c9ec66
  - [Patch Changes] LoadingIndicator를 사용하는 컴포넌트에 position: relative를 추가합니다. b3bb6e7

## 0.0.17

### Patch Changes

- recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

### Updated Dependencies

- **@seed-design/css@0.0.17**
  - [Patch Changes] recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

## 0.0.15

### Patch Changes

- vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.

### Updated Dependencies

- **@seed-design/css@0.0.15**
  - [Patch Changes] vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.
  - [Patch Changes] 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) f4b0723
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

## 0.0.14

### Updated Dependencies

- **@seed-design/css@0.0.14**
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) 92c0b80
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

## 0.0.13

### Updated Dependencies

- **@seed-design/css@0.0.13**
  - [Patch Changes] Avatar의 Badge 스펙을 최신화합니다. 7fca755

## 0.0.12

### Updated Dependencies

- **@seed-design/css@0.0.12**
  - [Patch Changes] 유틸리티 컴포넌트에 사용되는 ScopedColorFg, ScopedColorBg, ScopedColorPalette, ScopedColorStroke 타입을 제공합니다. 6426379
  - [Patch Changes] close button의 위치가 의도와 다르게 설정된 것을 수정합니다. ee41f37

## 0.0.11

### Updated Dependencies

- **@seed-design/css@0.0.11**
  - [Patch Changes] Dialog 및 Sheet 컴포넌트 레이아웃 스펙 업데이트 e70f340
  - [Patch Changes] $dimension.spacing-y.screen-bottom 토큰을 추가합니다. 72f344f $dimension.spacing-y.between-text 토큰을 추가합니다.

## 0.0.10

### Updated Dependencies

- **@seed-design/css@0.0.10**
  - [Patch Changes] Avatar size=42를 추가합니다. e4b704c

## 0.0.9

### Updated Dependencies

- **@seed-design/css@0.0.9**
  - [Patch Changes] MannerTemp 컴포넌트를 추가합니다. 63f8651
  - [Patch Changes] feat: 다크모드에서의 gray200, gray300 색상, 라이트모드 carrot700 색상을 변경해요 d9b01a9 (light) carrot700: #e84500 -> #e04f00 (dark) gray300: #2c2f35 -> #2b2e35 (dark) gray200: #1b1c22 -> #22252b

## 0.0.8

### Updated Dependencies

- **@seed-design/css@0.0.8**
  - [Patch Changes] Notification Badge를 추가합니다. 1424700 Tabs의 Notification 슬롯을 Notification Badge로 변경합니다.
  - [Patch Changes] change help-bubble paddingY, lineHeight 0efeea1

## 0.0.7

### Updated Dependencies

- **@seed-design/css@0.0.7**
  - [Patch Changes] remove text maxLines none display unset 8aca3de

## 0.0.6

### Updated Dependencies

- **@seed-design/css@0.0.6**
  - [Patch Changes] Skeleton의 width, height가 동작하지 않는 버그를 수정합니다. bf198e8
  - [Patch Changes] visuallyHidden을 recipe에서 제거합니다. 3d66c5b
  - [Patch Changes] callout, inline banner 디자인 스펙 수정 a8d5242
  - [Patch Changes] fix: add --seed-safe-area-top in app-bar ccf3989

## 0.0.5

### Updated Dependencies

- **@seed-design/css@0.0.5**
  - [Patch Changes] single-slot recipe를 위한 간소화된 인터페이스를 추가합니다. e3234e7
  - [Patch Changes] add textStyles (t6, t7 regular, medium) 5502bed

## 0.0.4

### Updated Dependencies

- **@seed-design/css@0.0.4**
  - [Patch Changes] Badge 디자인 업데이트 6df5d19 neutral tone 색상 변경 pill shape 삭제
  - [Patch Changes] recipe 스타일시트의 exports map을 수정합니다. 5cb50e7

## 0.0.3

### Updated Dependencies

- **@seed-design/css@0.0.3**
  - [Patch Changes] Fixes an issue where the theming script was injecting the wrong color mode data-attr. a33af94
  - [Patch Changes] Inject data-seed in theming script instead of plugin b180822

## 0.0.2

### Updated Dependencies

- **@seed-design/css@0.0.2**
  - [Patch Changes] theming script의 color mode data attribute 수정 d04e344

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/css@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/react-primitive@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c
- **@seed-design/dom-utils@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

## 0.0.1-rc.4

### Updated Dependencies

- **@seed-design/css@0.0.1-rc.4**
  - [Patch Changes] feat: change theming data attribute names 93cfc30 theming에 사용되는 data attribute 이름을 변경합니다. 유저가 선호하는 color scheme과 사전에 지정된 color mode를 구분하기 쉽도록 이름을 부여합니다. 파편화된 platform 관련 네이밍을 통일합니다. 테마 관련 data attribute가 지정되지 않은 경우 light theme로 fallback하는 동작을 추가합니다.

## 0.0.1-rc.3

### Updated Dependencies

- **@seed-design/css@0.0.1-rc.3**
  - [Patch Changes] fix: externalize subpath imports from @seed-design/css cc4b2c5 refactor: streamline package configurations refactor(qvism): generate recipe-shared module from cli

## 0.0.1-rc.1

### Updated Dependencies

- **@seed-design/css@0.0.1-rc.1**
  - [Patch Changes] change package.json exports map 14c9983

## 0.0.1-rc.0

### Patch Changes

- Seed Design V3 release candidate

### Updated Dependencies

- **@seed-design/css@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/react-primitive@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate
- **@seed-design/dom-utils@0.0.1-rc.0**
  - [Patch Changes] Seed Design V3 release candidate

---

## @seed-design/stylesheet

## 1.1.2

### Patch Changes

- 라이선스를 Apache-2.0으로 명시했습니다. 기존에는 license 필드가 비어 있어 저장소 루트의 Apache License 2.0과 일치하지 않았고, 배포물에 LICENSE 와 NOTICE 가 포함되지 않아 이용 조건을 확인할 수 없었습니다. 270c93d 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 1.1.1

### Patch Changes

- V3 compat을 강제로 적용하지 않고, 선택적으로 적용할 수 있도록 변경합니다. 1b49be1

## 1.1.0

### Patch Changes

- feat: change theming data attribute names 93cfc30 Seed Design V3의 theming과 호환되도록 data attribute를 추가합니다.
- V3 다크모드 배경색과 일치하도록 주요 배경 색상을 변경합니다. 9c06ce7

## 1.0.4

### Patch Changes

- sync design token cf271ad

## 1.0.3

### Patch Changes

- recover lost changes 19be06c

## 1.0.2

### Patch Changes

- chore(stylesheet): change css selector logic fc69b3e

## 1.0.1

### Patch Changes

- style(stylesheet): add css selector 21773c2

## 1.0.0

### Major Changes

- 1.0.0 Release Karrot UI → Seed Design 주요 변경 사항 프로젝트/디자인 시스템 명이 Seed Design 으로 리브랜딩 됩니다. 패키지 명이 @seed-design/* 으로 변경됩니다. @karrot-ui/* packages are deprecated. color-scheme: light dark 지원이 기본값이 됩니다. 디자인 토큰이 KDT 의미론을 따릅니다.

---

## @seed-design/tailwind3-plugin

## 2.3.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.2.0

### Minor Changes

- Action Button의 pressed 상태에 scale 모션을 추가합니다. f523979 pressed 상태에 적절한 모션 피드백을 제공하기 위해 사용하는 $scale.s95 , $scale.s97 , $scale.s98 토큰을 추가합니다. scale 토큰은 플랫폼 별 동작 줄이기 설정에 따라 값이 1 로 동작합니다. 웹 CSS 환경에서는 (prefers-reduced-motion: reduce) 미디어 쿼리가 매치되는 환경에서 1 로 동작합니다. Tailwind 유틸리티 클래스 scale-s* 를 통해 scale 토큰을 사용할 수 있습니다. 신규 토큰을 사용할 수 있도록 Tailwind 패키지의 @seed-design/css peerDependency 범위를 ^2.1.0 에서 ^2.2.0 으로 올립니다.

## 2.1.0

### Minor Changes

- $color.bg.layer-fill 토큰을 다시 추가합니다. f2b198d 2.0.0 에서 제거했으나 마땅한 대체 토큰이 없어 deprecated 상태로 되살립니다. 값은 제거 이전과 동일합니다. 추후 동일한 값의 새 이름 토큰으로 대체된 뒤 3.0.0 에서 제거될 예정입니다. @seed-design/tailwind3-plugin 과 @seed-design/tailwind4-theme 의 @seed-design/css peer dependency 버전 범위를 ^2.1.0 으로 올립니다.

## 2.0.0

### Major Changes

- 신규 타이포그래피 토큰을 추가합니다. d1a8d7c 폰트 크기 토큰 ( $font-size ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 줄 간격 토큰 ( $line-height ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 텍스트 스타일 ( textStyle ) t8Regular , t8Medium , t8StaticRegular , t8StaticMedium t9Regular , t9Medium , t9StaticRegular , t9StaticMedium t10Regular , t10Medium , t10StaticRegular , t10StaticMedium t11Regular , t11Medium , t11Bold , t11StaticRegular , t11StaticMedium , t11StaticBold t12Regular , t12Medium , t12Bold , t12StaticRegular , t12StaticMedium , t12StaticBold t13Regular , t13Medium , t13Bold , t13StaticRegular , t13StaticMedium , t13StaticBold t14Regular , t14Medium , t14Bold , t14StaticRegular , t14StaticMedium , t14StaticBold
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

## 1.1.19

### Patch Changes

- 신규 pressed 상태 스타일링을 위한 $duration.pressed-scale 및 $timing-function.pressed-scale 토큰을 추가합니다. (컴포넌트 변경사항 없음) 7588e59

## 1.1.18

### Patch Changes

- $color.stroke.focus-ring 색상 토큰을 추가합니다. 751e952

## 1.1.17

### Patch Changes

- Skeleton 가시성 향상을 위해 $gradient.shimmer-magic 및 $gradient.shimmer-neutral 토큰의 색상을 업데이트합니다. 6fab0e7
- 주석, 참고 사항 및 상세 리스트 등 부가 정보에 사용할 수 있는 시맨틱 텍스트 스타일 articleNote 를 추가합니다. 5faef3a
- $color.bg.layer-basement 위에서 컴포넌트의 가시성을 보장하기 위해 $color.bg.neutral-weak-alpha 토큰을 추가합니다. 94bebf8 Chip variant=solid 에 적용 ChipTab variant=neutralSolid 에 적용 SegmentedControl root에 적용

## 1.1.16

### Patch Changes

- 정적 텍스트 스타일 추가 (t1Static* ~ t10Static*) 2f29fe8
- 배너 템플릿에 사용되는 $color.banner.* 색상 토큰을 추가합니다. 10c0765

## 1.1.13

### Patch Changes

- 신규 Elevation 가이드 에 맞는 shadow 토큰을 추가합니다. cc4a45a React: Box, Flex, HStack 등 StyleProps를 사용하는 컴포넌트에서 boxShadow prop을 사용하여 shadow 토큰을 쉽게 사용할 수 있습니다.

## 1.1.6

### Patch Changes

- transparent 상태 컬러 추가, 컴포넌트 상태 컬러 변경, transition 추가 dfe6c1e $color.bg.transparent-pressed 컬러와 $color.bg.transparent 컬러가 추가되었습니다. 다음 컴포넌트들의 색상이 transparent 관련 토큰으로 변경되었습니다. Chip (outlineStrong, outlineWeak) Action Button (neutralOutline, brandOutline, ghost) Checkmark Tabs (outline) List Item Radiomark Reaction Button Select Box 다음 컴포넌트들의 color transition이 추가되었습니다. (duration: $duration.d3, timing-function: $timing-function.easing) Checkmark Radiomark Reaction Button Select Box
- 다음 컴포넌트들의 color transition을 $duration.color-transition (d3) 토큰으로 변경합니다 a09e6b4 Action Button Bottom Sheet Handle Checkmark Tabs (outline) Chip Contextual Floating Button Floating Action Button Input Button List Item Radiomark Reaction Button Segmented Control Item Select Box Text Input Toggle Button

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Patch Changes

- ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인

## 0.2.0

### Minor Changes

- 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.15

### Patch Changes

- font-size, line-height 토큰에 static variant를 추가합니다. c51a261 --seed-font-size-t1-static ~ --seed-font-size-t10-static --seed-line-height-t1-static ~ --seed-line-height-t10-static
- 플랫폼별 조건부 폰트 스케일링 제한 (iOS: 135%, Android: 150%) 적용 3de4cec CSS 변수 --seed-{font-size|line-height}-limit-{min|max} 도입 빌드 타임 basePx 계산을 런타임 static 토큰 참조로 대체 global.ts에 폰트 스케일링 변수 통합

## 0.1.14

### Patch Changes

- Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
  ```tsx
  <PageBanner
    tone="informative"
    variant="weak"
    description="사업자 정보를 등록해주세요."
    suffix={
      <PageBannerButton asChild>
        <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
          새 탭에서 열기
        </a>
      </PageBannerButton>
    }
  />
  ```
  시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
- Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

## 0.1.6

### Patch Changes

- highlight-magic-pressed 그라디언트 토큰을 추가합니다. 3c13ad7

## 0.1.3

### Patch Changes

- 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.

## 0.1.2

### Patch Changes

- Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.1

### Patch Changes

- stroke.neutral , stroke.neutral-muted , stroke.on-image 의 컬러를 alpha 값으로 변경합니다. e3b782d

## 0.0.41

### Patch Changes

- Gradient 컬러를 추가합니다 b43de05

## 0.0.39

### Patch Changes

- 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.21

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

## 0.0.12

### Patch Changes

- tailwind plugin (v3), tailwind theme (v4)를 제공해요. ac83753

---

## @seed-design/tailwind4-theme

## 2.3.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.2.0

### Minor Changes

- Action Button의 pressed 상태에 scale 모션을 추가합니다. f523979 pressed 상태에 적절한 모션 피드백을 제공하기 위해 사용하는 $scale.s95 , $scale.s97 , $scale.s98 토큰을 추가합니다. scale 토큰은 플랫폼 별 동작 줄이기 설정에 따라 값이 1 로 동작합니다. 웹 CSS 환경에서는 (prefers-reduced-motion: reduce) 미디어 쿼리가 매치되는 환경에서 1 로 동작합니다. Tailwind 유틸리티 클래스 scale-s* 를 통해 scale 토큰을 사용할 수 있습니다. 신규 토큰을 사용할 수 있도록 Tailwind 패키지의 @seed-design/css peerDependency 범위를 ^2.1.0 에서 ^2.2.0 으로 올립니다.

## 2.1.0

### Minor Changes

- $color.bg.layer-fill 토큰을 다시 추가합니다. f2b198d 2.0.0 에서 제거했으나 마땅한 대체 토큰이 없어 deprecated 상태로 되살립니다. 값은 제거 이전과 동일합니다. 추후 동일한 값의 새 이름 토큰으로 대체된 뒤 3.0.0 에서 제거될 예정입니다. @seed-design/tailwind3-plugin 과 @seed-design/tailwind4-theme 의 @seed-design/css peer dependency 버전 범위를 ^2.1.0 으로 올립니다.

## 2.0.0

### Major Changes

- 신규 타이포그래피 토큰을 추가합니다. d1a8d7c 폰트 크기 토큰 ( $font-size ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 줄 간격 토큰 ( $line-height ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 텍스트 스타일 ( textStyle ) t8Regular , t8Medium , t8StaticRegular , t8StaticMedium t9Regular , t9Medium , t9StaticRegular , t9StaticMedium t10Regular , t10Medium , t10StaticRegular , t10StaticMedium t11Regular , t11Medium , t11Bold , t11StaticRegular , t11StaticMedium , t11StaticBold t12Regular , t12Medium , t12Bold , t12StaticRegular , t12StaticMedium , t12StaticBold t13Regular , t13Medium , t13Bold , t13StaticRegular , t13StaticMedium , t13StaticBold t14Regular , t14Medium , t14Bold , t14StaticRegular , t14StaticMedium , t14StaticBold
- 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.

## 1.1.19

### Patch Changes

- 신규 pressed 상태 스타일링을 위한 $duration.pressed-scale 및 $timing-function.pressed-scale 토큰을 추가합니다. (컴포넌트 변경사항 없음) 7588e59

## 1.1.18

### Patch Changes

- $color.stroke.focus-ring 색상 토큰을 추가합니다. 751e952

## 1.1.17

### Patch Changes

- Skeleton 가시성 향상을 위해 $gradient.shimmer-magic 및 $gradient.shimmer-neutral 토큰의 색상을 업데이트합니다. 6fab0e7
- 주석, 참고 사항 및 상세 리스트 등 부가 정보에 사용할 수 있는 시맨틱 텍스트 스타일 articleNote 를 추가합니다. 5faef3a
- $color.bg.layer-basement 위에서 컴포넌트의 가시성을 보장하기 위해 $color.bg.neutral-weak-alpha 토큰을 추가합니다. 94bebf8 Chip variant=solid 에 적용 ChipTab variant=neutralSolid 에 적용 SegmentedControl root에 적용

## 1.1.16

### Patch Changes

- 정적 텍스트 스타일 추가 (t1Static* ~ t10Static*) 2f29fe8
- 배너 템플릿에 사용되는 $color.banner.* 색상 토큰을 추가합니다. 10c0765

## 1.1.13

### Patch Changes

- 신규 Elevation 가이드 에 맞는 shadow 토큰을 추가합니다. cc4a45a React: Box, Flex, HStack 등 StyleProps를 사용하는 컴포넌트에서 boxShadow prop을 사용하여 shadow 토큰을 쉽게 사용할 수 있습니다.

## 1.1.6

### Patch Changes

- transparent 상태 컬러 추가, 컴포넌트 상태 컬러 변경, transition 추가 dfe6c1e $color.bg.transparent-pressed 컬러와 $color.bg.transparent 컬러가 추가되었습니다. 다음 컴포넌트들의 색상이 transparent 관련 토큰으로 변경되었습니다. Chip (outlineStrong, outlineWeak) Action Button (neutralOutline, brandOutline, ghost) Checkmark Tabs (outline) List Item Radiomark Reaction Button Select Box 다음 컴포넌트들의 color transition이 추가되었습니다. (duration: $duration.d3, timing-function: $timing-function.easing) Checkmark Radiomark Reaction Button Select Box
- 다음 컴포넌트들의 color transition을 $duration.color-transition (d3) 토큰으로 변경합니다 a09e6b4 Action Button Bottom Sheet Handle Checkmark Tabs (outline) Chip Contextual Floating Button Floating Action Button Input Button List Item Radiomark Reaction Button Segmented Control Item Select Box Text Input Toggle Button

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Patch Changes

- ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인

## 0.2.0

### Minor Changes

- 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.15

### Patch Changes

- font-size, line-height 토큰에 static variant를 추가합니다. c51a261 --seed-font-size-t1-static ~ --seed-font-size-t10-static --seed-line-height-t1-static ~ --seed-line-height-t10-static
- 플랫폼별 조건부 폰트 스케일링 제한 (iOS: 135%, Android: 150%) 적용 3de4cec CSS 변수 --seed-{font-size|line-height}-limit-{min|max} 도입 빌드 타임 basePx 계산을 런타임 static 토큰 참조로 대체 global.ts에 폰트 스케일링 변수 통합

## 0.1.14

### Patch Changes

- Page Banner 컴포넌트를 추가합니다. Inline Banner 컴포넌트를 deprecate합니다. f806356 Inline Banner 컴포넌트 대비 모든 tone 에서 모든 variant 를 지원하며, 내부 Button의 충분한 터치 영역을 보장합니다.
  ```tsx
  <PageBanner
    tone="informative"
    variant="weak"
    description="사업자 정보를 등록해주세요."
    suffix={
      <PageBannerButton asChild>
        <a href="https://www.daangn.com" target="_blank" rel="noreferrer">
          새 탭에서 열기
        </a>
      </PageBannerButton>
    }
  />
  ```
  시맨틱 색상 토큰을 추가하고 수정합니다. $color.bg.positive-solid-pressed : theme-dark에서 $color.palette.green-500 → $color.palette.green-600 $color.bg.warning-solid-pressed 추가
- Badge 컴포넌트를 업데이트합니다. 1982494 tone=warning variant를 추가합니다. maxWidth 스펙을 추가합니다. 신규 시맨틱 색상 토큰을 추가합니다. $color.fg.warning $color.stroke.warning $color.fg.brand-contrast $color.bg.brand-weak $color.bg.brand-weak-pressed

## 0.1.6

### Patch Changes

- highlight-magic-pressed 그라디언트 토큰을 추가합니다. 3c13ad7

## 0.1.3

### Patch Changes

- 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.

## 0.1.2

### Patch Changes

- 문법 이상하던 부분을 수정해요 0070c90

## 0.1.1

### Patch Changes

- stroke.neutral , stroke.neutral-muted , stroke.on-image 의 컬러를 alpha 값으로 변경합니다. e3b782d

## 0.0.41

### Patch Changes

- Gradient 컬러를 추가합니다 b43de05

## 0.0.39

### Patch Changes

- 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.21

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

## 0.0.12

### Patch Changes

- tailwind plugin (v3), tailwind theme (v4)를 제공해요. ac83753

---

## @seed-design/vite-plugin

## 2.1.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/css@2.0.0**
  - [Major Changes] Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 margin 관련 프로퍼티를 추가합니다. 4ad24cc margin / m , marginX / mx , marginY / my , marginTop / mt , marginRight / mr , marginBottom / mb , marginLeft / ml "auto" 리터럴 및 breakpoint 기반 반응형 스타일링을 지원합니다. margin* 과 bleed* 를 동시에 사용할 수 없도록 타입 레벨 제약(discriminated union)을 추가합니다. @seed-design/react를 통해 제공되는 다음 인터페이스가 interface 에서 type 으로 전환됩니다. BoxProps , FlexProps , GridProps , StackProps , VStackProps , HStackProps , ArticleProps , AspectRatioProps , ColumnsProps , ColumnProps , GridItemProps , ImageFrameProps , InlineProps , ResponsivePairProps . 위 인터페이스를 extend 하는 타입은 type X = BoxProps &#x26; {...} 처럼 전환할 수 있습니다. Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 4개 방향 모두에 negative margin을 적용하는 bleed 프로퍼티를 추가합니다.
  - [Major Changes] Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
  - [Major Changes] AppScreen 관련 키보드 동작을 개선합니다. 7a6847e AppScreen 액티비티 push 시, 해당 AppScreen 으로 키보드 포커스가 이동하도록 수정합니다. AlertDialog 등 모달 컴포넌트 위에 AppScreen 을 push하는 경우에도 AlertDialog 에 포커스가 남아 있는 문제를 수정합니다. 가장 마지막에 등장한 AppScreen 안에서만 포커스가 유지되도록 수정합니다.
  - [Major Changes] Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
  - [Major Changes] Layout 컴포넌트를 추가합니다. 54a2ff8
  - [Major Changes] 신규 타이포그래피 토큰을 추가합니다. d1a8d7c 폰트 크기 토큰 ( $font-size ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 줄 간격 토큰 ( $line-height ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 텍스트 스타일 ( textStyle ) t8Regular , t8Medium , t8StaticRegular , t8StaticMedium t9Regular , t9Medium , t9StaticRegular , t9StaticMedium t10Regular , t10Medium , t10StaticRegular , t10StaticMedium t11Regular , t11Medium , t11Bold , t11StaticRegular , t11StaticMedium , t11StaticBold t12Regular , t12Medium , t12Bold , t12StaticRegular , t12StaticMedium , t12StaticBold t13Regular , t13Medium , t13Bold , t13StaticRegular , t13StaticMedium , t13StaticBold t14Regular , t14Medium , t14Bold , t14StaticRegular , t14StaticMedium , t14StaticBold
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
  - [Major Changes] Chip Tabs Trigger가 disabled 상태일 때 opacity를 사용하여 스타일을 조절하도록 수정합니다. 57e4f1a
  - [Major Changes] Side Navigation에서 내부적으로 사용되는 NavigationMenu 컴포넌트를 추가합니다. 2abd3ed
  - [Major Changes] 컴포넌트 및 파운데이션 전반에 JSDoc 주석을 강화합니다. 270b277
  - [Major Changes] Breakpoint 기반 반응형 스타일링을 지원합니다. 9369ff9 Box, Flex, Grid, VStack 등 유틸리티 컴포넌트의 레이아웃 관련 프로퍼티에 breakpoint 기반 반응형 객체를 사용할 수 있습니다.
    ```tsx
    <Box padding={{ base: "x3", md: "x6" }} />
    <Grid columns={{ base: 1, md: 2, lg: 4 }} gap="x4" />
    ```
    @seed-design/react 에서 useBreakpoint 훅과 useBreakpointValue 훅을 제공합니다. useBreakpoint() — 현재 활성 breakpoint 이름을 반환합니다. ( "base" | "sm" | "md" | "lg" | "xl" ) useBreakpointValue(values) — 반응형 객체에서 현재 breakpoint에 해당하는 값을 반환합니다.
    ```tsx
    const actionButtonProps = useBreakpointValue<ActionButtonProps>({
      base: { variant: "neutralWeak" },
      lg: { variant: "brandSolid" },
    });
    ```
    &#x3C;Grid display="none"> 으로 Grid를 숨길 수 없던 문제를 수정합니다.
  - [Major Changes] selectBoxCheckmark recipe의 생성 클래스명과 import 경로를 다른 recipe와 동일하게 kebab-case로 정정합니다. 4839a64 클래스명: seed-selectBoxCheckmark__* → seed-select-box-checkmark__* import 경로: @seed-design/css/recipes/selectBoxCheckmark → @seed-design/css/recipes/select-box-checkmark
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023
  - [Major Changes] Side Panel 컴포넌트를 추가합니다. 98b52a7 화면 좌/우 가장자리에서 슬라이드해 보조 콘텐츠, 상세 정보, 설정 흐름을 표시할 수 있습니다.
  - [Major Changes] SwipeableMenuSheet 컴포넌트를 추가하고, 기존 MenuSheet 관련 API를 deprecate합니다. f982d61 SwipeableMenuSheet 추가 Drawer 기반의 SwipeableMenuSheet 관련 컴포넌트를 추가합니다. 전체 영역을 스와이프하여 시트를 닫을 수 있으며, 해당 동작의 힌트로 상단에 드래그 핸들이 표시됩니다. MenuSheet 에서는 항상 표시되었던 닫기 버튼을 기본적으로 UI에 표시하지 않습니다. showCloseButton prop을 통해 닫기 버튼의 노출 여부를 제어할 수 있습니다. MenuSheet 관련 컴포넌트 및 API Deprecate Dialog 기반의 MenuSheet 관련 컴포넌트 및 API를 deprecate합니다. 신규로 Menu Sheet 사용이 필요한 경우 SwipeableMenuSheet 를 사용합니다. open / defaultOpen / onOpenChange 등 기본적인 MenuSheet 의 API는 SwipeableMenuSheet 에서 동일하게 유지됩니다.
  - [Major Changes] Footer.LinkText 컴포넌트 및 Footer Block 예시를 추가합니다. 7f1dbe3
  - [Major Changes] Text Input(Text Field)과 Input Button(Field Button)에 size="medium" variant를 추가합니다. c0fd999
  - [Major Changes] Accordion 컴포넌트를 추가합니다. 31bf164 여러 개의 관련된 콘텐츠 섹션을 수직으로 나열하고, 각 섹션을 펼치거나 접어 정보를 탐색할 수 있는 컴포넌트입니다.

## 1.1.1

### Patch Changes

- Vite 8과 함께 사용할 수 있도록 peerDependencies를 최신화합니다. 251fd85

## 1.1.0

### Updated Dependencies

- **@seed-design/css@1.1.0**
  - [Minor Changes] Slider 컴포넌트를 추가합니다. a55f584
  - [Minor Changes] Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.
  - [Minor Changes] (BREAKING CHANGE: BottomSheet snippet을 다시 설치해야 합니다.) BottomSheet에 드래그를 통해 닫는 기능을 추가합니다. 33def2d vaul headless 코드 기반으로 seed에 맞게 커스텀하여 구현했습니다. vaul과 동일한 인터페이스를 가지고 있습니다. (snap-points, fade-from-index, etc.) npx @seed-design/cli@latest add ui:bottom-sheet 로 snippet을 최신화하세요.
  - [Patch Changes] (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
  - [Patch Changes] AppScreen에 tone 속성을 조절해 그라데이션이 들어간 투명한 배경을 사용할 수 있습니다. b131282 AppBar에 있던 tone 속성을 AppScreen에서도 사용할 수 있도록 이동합니다. AppScreen, AppBar 둘 다 tone 속성을 사용할 수 있도록 합니다.
  - [Patch Changes] (BREAKING CHANGE: PageBanner snippet을 다시 설치해야 합니다.) Page Banner 스니펫을 업데이트합니다. 6af6501 Box를 사용하여 스타일링하던 부분을 PageBanner.Body 로 교체합니다. PageBanner.TextContent 를 PageBanner.Content 로 이름 변경합니다.

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/css@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
  - [Minor Changes] ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.
  - [Patch Changes] ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
  - [Patch Changes] HelpBubble 컴포넌트의 배경색이 다크모드에서 흰색으로 변경됩니다. 4153ca5
  - [Patch Changes] ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.

## 0.2.0

### Updated Dependencies

- **@seed-design/css@0.2.0**
  - [Minor Changes] 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.3

### Patch Changes

- iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

### Updated Dependencies

- **@seed-design/css@0.1.3**
  - [Patch Changes] @seed-design/stackflow 백스와이프 애니메이션 개선 cdc0930 iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 300ms 에서 350ms 로 조정되어 더 부드러운 전환 효과를 제공합니다. 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다. 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.
  - [Patch Changes] 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.
  - [Patch Changes] iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

## 0.1.2

### Patch Changes

- Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

### Updated Dependencies

- **@seed-design/css@0.1.2**
  - [Patch Changes] Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.0

### Updated Dependencies

- **@seed-design/css@0.1.0**
  - [Minor Changes] HelpBubble의 arrow가 상위 요소의 font-size에 영향을 받는 것을 수정합니다 7cc6087
  - [Minor Changes] BottomSheet의 description font-size를 t5로 변경합니다 bdca898

## 0.0.41

### Patch Changes

- peer dependency에 vite 7을 추가합니다. 7382c71

### Updated Dependencies

- **@seed-design/css@0.0.41**
  - [Patch Changes] Text 컴포넌트에 textDecorationLine 옵션을 추가합니다. 561f74c
  - [Patch Changes] Gradient 컬러를 추가합니다 b43de05

## 0.0.39

### Updated Dependencies

- **@seed-design/css@0.0.39**
  - [Patch Changes] 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.38

### Updated Dependencies

- **@seed-design/css@0.0.38**
  - [Patch Changes] Action Button에 type="ghost"를 추가합니다. 70fbaaf

## 0.0.35

### Updated Dependencies

- **@seed-design/css@0.0.35**
  - [Patch Changes] _active style prop이 값이 없는 경우에 기존 style prop을 제거하는 버그를 수정합니다. 0789dc8

## 0.0.34

### Updated Dependencies

- **@seed-design/css@0.0.34**
  - [Patch Changes] _active style prop이 상태가 없는 값보다 우선순위가 낮게 적용되는 문제를 수정합니다. 92801a2

## 0.0.33

### Updated Dependencies

- **@seed-design/css@0.0.33**
  - [Patch Changes] Style prop에 _active 를 추가합니다. background 속성만을 지원합니다. fbdb091

## 0.0.31

### Updated Dependencies

- **@seed-design/css@0.0.31**
  - [Patch Changes] Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

## 0.0.30

### Updated Dependencies

- **@seed-design/css@0.0.30**
  - [Patch Changes] ContextualFloatingButton 과 FloatingActionButton 컴포넌트를 제공합니다. 285cb9b 기존의 Fab 및 ExtendedFab 를 deprecate합니다. Floating 요소들의 위치를 편리하게 제어하도록 Float 유틸리티 컴포넌트를 제공합니다.

## 0.0.29

### Updated Dependencies

- **@seed-design/css@0.0.29**
  - [Patch Changes] ActionButton의 min-width variable 기본값을 수정합니다. 116ee2c

## 0.0.28

### Updated Dependencies

- **@seed-design/css@0.0.28**
  - [Patch Changes] Callout의 wrapping 동작을 수정합니다. 5337e14

## 0.0.27

### Updated Dependencies

- **@seed-design/css@0.0.27**
  - [Patch Changes] InlineBanner의 title 영역에 flex-shrink: 0을 추가해요 9d85c16
  - [Patch Changes] Color 토큰을 업데이트합니다. d951317
  - [Patch Changes] Avatar의 디자인 업데이트를 반영합니다. (stroke 추가) b3f964d

## 0.0.26

### Patch Changes

- types 필드와 exports 필드를 수정해요 c8b2921

## 0.0.25

### Updated Dependencies

- **@seed-design/css@0.0.25**
  - [Patch Changes] Avatar Stack의 디자인을 업데이트합니다. c87ede9

## 0.0.24

### Updated Dependencies

- **@seed-design/css@0.0.24**
  - [Patch Changes] ActionSheet의 header가 렌더링되지 않을 때 상단 radius가 누락되는 버그를 수정합니다. 4da536f

## 0.0.23

### Updated Dependencies

- **@seed-design/css@0.0.23**
  - [Patch Changes] AppBar의 배경이 상단 safe-area를 덮도록 수정합니다. 63e1541

## 0.0.21

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/css@0.0.21**
  - [Patch Changes] Button, Chip 컴포넌트들의 누락된 line-height를 추가합니다. 5d69d1d Button, Chip 컴포넌트들의 white-space를 nowrap으로 설정합니다.
  - [Patch Changes] 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
  - [Patch Changes] 2개의 컨텐츠를 동일한 비율로 나누어 배치하되, 너무 긴 경우 세로로 접는 &#x3C;ResponsivePair> 컴포넌트를 추가합니다. 7ae87f8
  - [Patch Changes] BottomSheet, Dialog의 배경 색상을 layer-floating으로 변경합니다. f144d28
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.19

### Updated Dependencies

- **@seed-design/css@0.0.19**
  - [Patch Changes] feat: 와일드카드 지원하지 않는 곳을 위해 CSS 파일 명시적 export 3c9ec66
  - [Patch Changes] LoadingIndicator를 사용하는 컴포넌트에 position: relative를 추가합니다. b3bb6e7

## 0.0.17

### Updated Dependencies

- **@seed-design/css@0.0.17**
  - [Patch Changes] recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

## 0.0.15

### Patch Changes

- vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.

### Updated Dependencies

- **@seed-design/css@0.0.15**
  - [Patch Changes] vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.
  - [Patch Changes] 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) f4b0723
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

## 0.0.14

### Updated Dependencies

- **@seed-design/css@0.0.14**
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) 92c0b80
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

## 0.0.13

### Updated Dependencies

- **@seed-design/css@0.0.13**
  - [Patch Changes] Avatar의 Badge 스펙을 최신화합니다. 7fca755

## 0.0.12

### Updated Dependencies

- **@seed-design/css@0.0.12**
  - [Patch Changes] 유틸리티 컴포넌트에 사용되는 ScopedColorFg, ScopedColorBg, ScopedColorPalette, ScopedColorStroke 타입을 제공합니다. 6426379
  - [Patch Changes] close button의 위치가 의도와 다르게 설정된 것을 수정합니다. ee41f37

## 0.0.11

### Updated Dependencies

- **@seed-design/css@0.0.11**
  - [Patch Changes] Dialog 및 Sheet 컴포넌트 레이아웃 스펙 업데이트 e70f340
  - [Patch Changes] $dimension.spacing-y.screen-bottom 토큰을 추가합니다. 72f344f $dimension.spacing-y.between-text 토큰을 추가합니다.

## 0.0.10

### Updated Dependencies

- **@seed-design/css@0.0.10**
  - [Patch Changes] Avatar size=42를 추가합니다. e4b704c

## 0.0.9

### Updated Dependencies

- **@seed-design/css@0.0.9**
  - [Patch Changes] MannerTemp 컴포넌트를 추가합니다. 63f8651
  - [Patch Changes] feat: 다크모드에서의 gray200, gray300 색상, 라이트모드 carrot700 색상을 변경해요 d9b01a9 (light) carrot700: #e84500 -> #e04f00 (dark) gray300: #2c2f35 -> #2b2e35 (dark) gray200: #1b1c22 -> #22252b

## 0.0.8

### Updated Dependencies

- **@seed-design/css@0.0.8**
  - [Patch Changes] Notification Badge를 추가합니다. 1424700 Tabs의 Notification 슬롯을 Notification Badge로 변경합니다.
  - [Patch Changes] change help-bubble paddingY, lineHeight 0efeea1

## 0.0.7

### Updated Dependencies

- **@seed-design/css@0.0.7**
  - [Patch Changes] remove text maxLines none display unset 8aca3de

## 0.0.6

### Updated Dependencies

- **@seed-design/css@0.0.6**
  - [Patch Changes] Skeleton의 width, height가 동작하지 않는 버그를 수정합니다. bf198e8
  - [Patch Changes] visuallyHidden을 recipe에서 제거합니다. 3d66c5b
  - [Patch Changes] callout, inline banner 디자인 스펙 수정 a8d5242
  - [Patch Changes] fix: add --seed-safe-area-top in app-bar ccf3989

## 0.0.5

### Updated Dependencies

- **@seed-design/css@0.0.5**
  - [Patch Changes] single-slot recipe를 위한 간소화된 인터페이스를 추가합니다. e3234e7
  - [Patch Changes] add textStyles (t6, t7 regular, medium) 5502bed

## 0.0.4

### Updated Dependencies

- **@seed-design/css@0.0.4**
  - [Patch Changes] Badge 디자인 업데이트 6df5d19 neutral tone 색상 변경 pill shape 삭제
  - [Patch Changes] recipe 스타일시트의 exports map을 수정합니다. 5cb50e7

## 0.0.3

### Patch Changes

- change plugin named export to seedDesignPlugin 89c48af
- Inject data-seed in theming script instead of plugin b180822
- Move the injection location of the theming script from pre-body to pre-head. b20de60

### Updated Dependencies

- **@seed-design/css@0.0.3**
  - [Patch Changes] Fixes an issue where the theming script was injecting the wrong color mode data-attr. a33af94
  - [Patch Changes] Inject data-seed in theming script instead of plugin b180822

## 0.0.2

### Updated Dependencies

- **@seed-design/css@0.0.2**
  - [Patch Changes] theming script의 color mode data attribute 수정 d04e344

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/css@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c

---

## @seed-design/webpack-plugin

## 2.1.0

### Minor Changes

- 라이선스를 MIT에서 Apache-2.0으로 변경합니다. 저장소 루트의 Apache License 2.0과 표기가 달랐던 것을 일치시킵니다. 86f74d7 배포물에 LICENSE 와 NOTICE 를 포함해, 설치한 패키지에서 바로 이용 조건을 확인할 수 있습니다. MIT와 달리 재배포할 때 라이선스 사본과 NOTICE 의 귀속 고지를 함께 전달해야 하고, 수정한 파일에는 변경 사실을 표시해야 합니다. 당근 로고를 비롯한 브랜드 리소스는 별도 가이드라인을 따르며, 당근을 사칭하거나 당근 서비스와 관련이 있는 것처럼 오인하게 하는 사용은 허용되지 않습니다. 자세한 내용은 NOTICE 파일을 참고해주세요.

## 2.0.0

### Updated Dependencies

- **@seed-design/css@2.0.0**
  - [Major Changes] Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 margin 관련 프로퍼티를 추가합니다. 4ad24cc margin / m , marginX / mx , marginY / my , marginTop / mt , marginRight / mr , marginBottom / mb , marginLeft / ml "auto" 리터럴 및 breakpoint 기반 반응형 스타일링을 지원합니다. margin* 과 bleed* 를 동시에 사용할 수 없도록 타입 레벨 제약(discriminated union)을 추가합니다. @seed-design/react를 통해 제공되는 다음 인터페이스가 interface 에서 type 으로 전환됩니다. BoxProps , FlexProps , GridProps , StackProps , VStackProps , HStackProps , ArticleProps , AspectRatioProps , ColumnsProps , ColumnProps , GridItemProps , ImageFrameProps , InlineProps , ResponsivePairProps . 위 인터페이스를 extend 하는 타입은 type X = BoxProps &#x26; {...} 처럼 전환할 수 있습니다. Box, Flex, Grid, VStack, HStack 등 레이아웃 컴포넌트에 4개 방향 모두에 negative margin을 적용하는 bleed 프로퍼티를 추가합니다.
  - [Major Changes] Attachment Field 관련 컴포넌트를 추가합니다. 555525a Attachment Field: 파일을 선택하거나 드래그 앤 드롭으로 직접 업로드할 때 사용합니다. Attachment Display Field: 외부 소스에서 URL로 제공된 미디어를 표시·관리할 때 사용합니다.
  - [Major Changes] AppScreen 관련 키보드 동작을 개선합니다. 7a6847e AppScreen 액티비티 push 시, 해당 AppScreen 으로 키보드 포커스가 이동하도록 수정합니다. AlertDialog 등 모달 컴포넌트 위에 AppScreen 을 push하는 경우에도 AlertDialog 에 포커스가 남아 있는 문제를 수정합니다. 가장 마지막에 등장한 AppScreen 안에서만 포커스가 유지되도록 수정합니다.
  - [Major Changes] Help Bubble Tooltip 컴포넌트를 추가합니다. 029d052
  - [Major Changes] Layout 컴포넌트를 추가합니다. 54a2ff8
  - [Major Changes] 신규 타이포그래피 토큰을 추가합니다. d1a8d7c 폰트 크기 토큰 ( $font-size ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 줄 간격 토큰 ( $line-height ) t11 , t11-static t12 , t12-static t13 , t13-static t14 , t14-static 텍스트 스타일 ( textStyle ) t8Regular , t8Medium , t8StaticRegular , t8StaticMedium t9Regular , t9Medium , t9StaticRegular , t9StaticMedium t10Regular , t10Medium , t10StaticRegular , t10StaticMedium t11Regular , t11Medium , t11Bold , t11StaticRegular , t11StaticMedium , t11StaticBold t12Regular , t12Medium , t12Bold , t12StaticRegular , t12StaticMedium , t12StaticBold t13Regular , t13Medium , t13Bold , t13StaticRegular , t13StaticMedium , t13StaticBold t14Regular , t14Medium , t14Bold , t14StaticRegular , t14StaticMedium , t14StaticBold
  - [Major Changes] Menu 컴포넌트를 추가합니다. 69e3b97 Drawer를 연 뒤 Drawer 뒤 요소에 포커스가 남아 있는 문제를 수정합니다. Drawer가 열리는 경우 Drawer.Content 에 자동으로 포커스가 이동합니다. Drawer.RootProps 의 autoFocus 기본값을 false 에서 true 로 변경합니다. 스크린 리더가 modal=true (기본값)인 Dialog 및 Drawer 뒤 요소를 읽을 수 있는 문제를 수정합니다. Dialog(AlertDialog, MenuSheet)와 Drawer(BottomSheet)를 @radix-ui/react-dismissable-layer 에서 자체 useDismissibleLayer 훅 기반으로 리팩터링하고 불필요하게 외부로 노출되던 내부 옵션들을 제거합니다. DialogRoot 및 DrawerRoot 의 onOpenChange 두 번째 인자 details.reason 이 interactOutside 인 경우 details.event 의 타입을 PointerEvent | FocusEvent 에서 PointerEvent | TouchEvent | FocusEvent 로 변경합니다. DialogRoot 및 DrawerRoot 두 번째 인자 details 의 reason 으로 cascadeDismiss 를 추가합니다. 두 개 이상의 오버레이 컴포넌트를 표시한 상황에서 하위 컴포넌트가 dismiss되는 경우 상위 컴포넌트는 cascadeDismiss 와 함께 onOpenChange 가 호출됩니다. @seed-design/react 패키지에서 @radix-ui/react-dialog 의존성을 제거합니다.
  - [Major Changes] Chip Tabs Trigger가 disabled 상태일 때 opacity를 사용하여 스타일을 조절하도록 수정합니다. 57e4f1a
  - [Major Changes] Side Navigation에서 내부적으로 사용되는 NavigationMenu 컴포넌트를 추가합니다. 2abd3ed
  - [Major Changes] 컴포넌트 및 파운데이션 전반에 JSDoc 주석을 강화합니다. 270b277
  - [Major Changes] Breakpoint 기반 반응형 스타일링을 지원합니다. 9369ff9 Box, Flex, Grid, VStack 등 유틸리티 컴포넌트의 레이아웃 관련 프로퍼티에 breakpoint 기반 반응형 객체를 사용할 수 있습니다.
    ```tsx
    <Box padding={{ base: "x3", md: "x6" }} />
    <Grid columns={{ base: 1, md: 2, lg: 4 }} gap="x4" />
    ```
    @seed-design/react 에서 useBreakpoint 훅과 useBreakpointValue 훅을 제공합니다. useBreakpoint() — 현재 활성 breakpoint 이름을 반환합니다. ( "base" | "sm" | "md" | "lg" | "xl" ) useBreakpointValue(values) — 반응형 객체에서 현재 breakpoint에 해당하는 값을 반환합니다.
    ```tsx
    const actionButtonProps = useBreakpointValue<ActionButtonProps>({
      base: { variant: "neutralWeak" },
      lg: { variant: "brandSolid" },
    });
    ```
    &#x3C;Grid display="none"> 으로 Grid를 숨길 수 없던 문제를 수정합니다.
  - [Major Changes] selectBoxCheckmark recipe의 생성 클래스명과 import 경로를 다른 recipe와 동일하게 kebab-case로 정정합니다. 4839a64 클래스명: seed-selectBoxCheckmark__* → seed-select-box-checkmark__* import 경로: @seed-design/css/recipes/selectBoxCheckmark → @seed-design/css/recipes/select-box-checkmark
  - [Major Changes] 1.2에서 deprecate된 옵션을 제거합니다. 60d1a82 색상 토큰 $color.bg.layer-fill : 라이트 및 다크 모드에서 모두 테스트 후 $color.bg.neutral-weak 으로 대체할 수 있습니다. 그라디언트 토큰 $gradient.fade-layer-floating $gradient.fade-layer-default Chip Tabs의 brandSolid variant AppBar의 divider 옵션 Image Frame의 rounded variant: borderRadius 옵션을 사용해주세요. Switch의 small 및 medium size: 각각 16 과 32 를 사용해주세요. Checkbox의 default 및 stronger weight: 각각 regular 와 bold 를 사용해주세요. &#x3C;Box display="inlineFlex" /> 등 유틸리티 컴포넌트 레이아웃 프로퍼티의 camelCase 옵션: kebab-case 옵션을 사용해주세요. display , justifyContent , justify , alignItems , align , alignContent , alignSelf , flexDirection , direction AppBar 의 divider 옵션 하단 구분선이 더 이상 표시되지 않습니다. BottomSheetRoot ( DrawerRoot )의 noBodyStyles 옵션 제거되어 기본값(true)처럼 동작합니다. BottomSheetRoot ( DrawerRoot )의 preventScrollRestoration 옵션 제거되어 기본값(false)처럼 동작합니다. BottomSheetRoot 의 direction 옵션 BottomSheet는 항상 아래에서 올라오므로 direction 을 받지 않습니다. BottomSheetBackdrop ( DrawerBackdrop )의 forceMount 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 lazyMount / unmountOnExit 옵션으로 대체할 수 있습니다. BottomSheetContent ( DrawerContent )의 onPointerDownOutside , onOpenAutoFocus , onCloseAutoFocus , onEscapeKeyDown , onInteractOutside , forceMount , onFocusOutside 옵션 제거되어 BottomSheetRoot ( DrawerRoot )의 onOpenChange 두 번째 인자 details 를 통해 대체할 수 있습니다.
  - [Major Changes] Side Navigation 컴포넌트를 추가합니다. ec33023
  - [Major Changes] Side Panel 컴포넌트를 추가합니다. 98b52a7 화면 좌/우 가장자리에서 슬라이드해 보조 콘텐츠, 상세 정보, 설정 흐름을 표시할 수 있습니다.
  - [Major Changes] SwipeableMenuSheet 컴포넌트를 추가하고, 기존 MenuSheet 관련 API를 deprecate합니다. f982d61 SwipeableMenuSheet 추가 Drawer 기반의 SwipeableMenuSheet 관련 컴포넌트를 추가합니다. 전체 영역을 스와이프하여 시트를 닫을 수 있으며, 해당 동작의 힌트로 상단에 드래그 핸들이 표시됩니다. MenuSheet 에서는 항상 표시되었던 닫기 버튼을 기본적으로 UI에 표시하지 않습니다. showCloseButton prop을 통해 닫기 버튼의 노출 여부를 제어할 수 있습니다. MenuSheet 관련 컴포넌트 및 API Deprecate Dialog 기반의 MenuSheet 관련 컴포넌트 및 API를 deprecate합니다. 신규로 Menu Sheet 사용이 필요한 경우 SwipeableMenuSheet 를 사용합니다. open / defaultOpen / onOpenChange 등 기본적인 MenuSheet 의 API는 SwipeableMenuSheet 에서 동일하게 유지됩니다.
  - [Major Changes] Footer.LinkText 컴포넌트 및 Footer Block 예시를 추가합니다. 7f1dbe3
  - [Major Changes] Text Input(Text Field)과 Input Button(Field Button)에 size="medium" variant를 추가합니다. c0fd999
  - [Major Changes] Accordion 컴포넌트를 추가합니다. 31bf164 여러 개의 관련된 콘텐츠 섹션을 수직으로 나열하고, 각 섹션을 펼치거나 접어 정보를 탐색할 수 있는 컴포넌트입니다.

## 1.1.0

### Updated Dependencies

- **@seed-design/css@1.1.0**
  - [Minor Changes] Slider 컴포넌트를 추가합니다. a55f584
  - [Minor Changes] Action Button 컴포넌트를 variant=ghost 로 사용하는 경우 fontWeight 를 사용자화할 수 있도록 업데이트합니다. 191005f (BREAKING CHANGE: Error State snippet을 다시 설치해야 합니다.) Error State 스니펫에서 Action Button을 활용하도록 업데이트합니다.
  - [Minor Changes] (BREAKING CHANGE: BottomSheet snippet을 다시 설치해야 합니다.) BottomSheet에 드래그를 통해 닫는 기능을 추가합니다. 33def2d vaul headless 코드 기반으로 seed에 맞게 커스텀하여 구현했습니다. vaul과 동일한 인터페이스를 가지고 있습니다. (snap-points, fade-from-index, etc.) npx @seed-design/cli@latest add ui:bottom-sheet 로 snippet을 최신화하세요.
  - [Patch Changes] (BREAKING CHANGE: TextField snippet을 다시 설치해야 합니다.) Text Field 관련 컴포넌트를 업데이트합니다. d6bb84d 스타일 업데이트 size 통일 및 variant (underline) 추가 내부적으로 Field 컴포넌트를 사용하도록 변경하여 스타일 일관성 향상 Field Button 컴포넌트를 추가합니다.
  - [Patch Changes] AppScreen에 tone 속성을 조절해 그라데이션이 들어간 투명한 배경을 사용할 수 있습니다. b131282 AppBar에 있던 tone 속성을 AppScreen에서도 사용할 수 있도록 이동합니다. AppScreen, AppBar 둘 다 tone 속성을 사용할 수 있도록 합니다.
  - [Patch Changes] (BREAKING CHANGE: PageBanner snippet을 다시 설치해야 합니다.) Page Banner 스니펫을 업데이트합니다. 6af6501 Box를 사용하여 스타일링하던 부분을 PageBanner.Body 로 교체합니다. PageBanner.TextContent 를 PageBanner.Content 로 이름 변경합니다.

## 1.0.0

### Major Changes

- 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2

### Updated Dependencies

- **@seed-design/css@1.0.0**
  - [Major Changes] 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다. 34f92f2
  - [Minor Changes] ( BREAKING CHANGE : Snackbar Snippet을 다시 설치해야합니다) Snackbar 컴포넌트 변경 39a96f1 Snackbar의 배경색이 다크모드에서 흰색으로 변경됩니다. Prefix 요소유무에 따라 여백이 변경됩니다. npx @seed-design/cli@latest add ui:snackbar 명령어로 설치하세요.
  - [Patch Changes] ( BREAKING CHANGE : Snippet을 다시 설치해야 합니다.) Manner Temp, Manner Temp Badge 컴포넌트를 업데이트합니다. e038490 snippet 내 오타 수정 신규 10단계 반영 업데이트 가이드 @seed-design/css@latest @seed-design/react@latest 설치 npx @seed-design/cli@latest add ui:manner-temp ui:manner-temp-badge 로 snippet 최신화 온도 범위가 변경되었으므로, &#x3C;MannerTemp level="l1" /> 혹은 &#x3C;MannerTempBadge level="l1" /> 과 같이 level 을 직접 지정하여 사용하고 있는 경우가 있는지 확인
  - [Patch Changes] HelpBubble 컴포넌트의 배경색이 다크모드에서 흰색으로 변경됩니다. 4153ca5
  - [Patch Changes] ( BREAKING CHANGE : SwitchMark 사용을 위해서는 Snippet을 다시 설치해야 합니다.) Switch의 토글 영역만을 정의한 Switch Mark 컴포넌트를 추가합니다. a7d07f0 npx @seed-design/cli@latest add ui:switch 명령어로 설치하세요. ( BREAKING CHANGE : ListHeader 사용을 위해서는 Snippet을 다시 설치해야 합니다.) List Header 컴포넌트를 추가합니다. npx @seed-design/cli@latest add ui:list 명령어로 설치하세요.

## 0.2.0

### Updated Dependencies

- **@seed-design/css@0.2.0**
  - [Minor Changes] 시맨틱 stroke 컬러 토큰을 업데이트합니다. 8448880 이름이 변경되는 stroke 토큰 Color Role 규칙 에 맞춰 일관적인 토큰 이름을 유지할 수 있도록 업데이트합니다. 이름이 변경되는 stroke 토큰을 사용하고 있는 경우, 간단한 Find &#x26; Replace 마이그레이션이 필요합니다. 기존 신규 비고 $color.stroke.neutral-muted $color.stroke.neutral-subtle 가장 먼저 마이그레이션해야 합니다. $color.stroke.on-image $color.stroke.neutral-subtle $color.stroke.neutral $color.stroke.neutral-muted $color.stroke.field-focused $color.stroke.neutral-contrast $color.stroke.control $color.stroke.neutral-weak $color.stroke.field $color.stroke.neutral-weak $color.stroke.brand $color.stroke.brand-weak $color.stroke.positive $color.stroke.positive-weak $color.stroke.informative $color.stroke.informative-weak $color.stroke.warning $color.stroke.warning-weak $color.stroke.critical $color.stroke.critical-weak 색상이 변경되는 stroke 토큰 (마이그레이션 불필요) $color.stroke.neutral-contrast (이름 변경 전 $color.stroke.field-focused ) 모든 theme mode에서 $color.palette.gray-800 → $color.palette.gray-1000 로 변경되었습니다. 신규 stroke 토큰 (마이그레이션 불필요) 신규 $color.stroke.neutral-solid $color.stroke.brand-solid $color.stroke.positive-solid $color.stroke.informative-solid $color.stroke.warning-solid $color.stroke.critical-solid

## 0.1.3

### Patch Changes

- iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

### Updated Dependencies

- **@seed-design/css@0.1.3**
  - [Patch Changes] @seed-design/stackflow 백스와이프 애니메이션 개선 cdc0930 iOS 스타일 화면 전환 애니메이션의 지속 시간과 타이밍 함수가 300ms 에서 350ms 로 조정되어 더 부드러운 전환 효과를 제공합니다. 스와이프 백 제스처 시 애니메이션이 보다 자연스럽고 일관되게 표현됩니다. 스와이프 백 종료 시 CSS 변수를 활용해 전환 상태를 명확히 하여 사용자 경험이 개선되었습니다.
  - [Patch Changes] 그라디언트 토큰 추가 및 변경 946faf7 fade-layer-floating , fade-layer-default 토큰이 추가되었습니다. $gradient.shimmer-magic 토큰 stop color가 변경되었습니다.
  - [Patch Changes] iOS Font Scaling 71c58fd iOS 기기에서 시스템 폰트 크기 설정에 따라 동적으로 폰트 크기와 줄 높이를 조정하는 폰트 스케일링 옵션이 추가되었습니다. 플러그인(webpack, vite, rsbuild)에서 fontScaling 옵션을 통해 폰트 스케일링 기능을 활성화할 수 있습니다. data-seed-font-scaling='enabled' 일 때, 폰트 크기를 조정합니다.

## 0.1.2

### Patch Changes

- Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

### Updated Dependencies

- **@seed-design/css@0.1.2**
  - [Patch Changes] Updated dependencies 7b2c0f3 @seed-design/react@0.1.1

## 0.1.0

### Updated Dependencies

- **@seed-design/css@0.1.0**
  - [Minor Changes] HelpBubble의 arrow가 상위 요소의 font-size에 영향을 받는 것을 수정합니다 7cc6087
  - [Minor Changes] BottomSheet의 description font-size를 t5로 변경합니다 bdca898

## 0.0.41

### Updated Dependencies

- **@seed-design/css@0.0.41**
  - [Patch Changes] Text 컴포넌트에 textDecorationLine 옵션을 추가합니다. 561f74c
  - [Patch Changes] Gradient 컬러를 추가합니다 b43de05

## 0.0.39

### Updated Dependencies

- **@seed-design/css@0.0.39**
  - [Patch Changes] 새로운 black, white alpha 값을 추가합니다 f801300 $color.palette.static-black-alpha-50 (예전 값) 예전 값: #0000000d (투명도 약 5.1%) 변경 값: $color.palette.static-black-alpha-200 (투명도 4.7%) $color.palette.static-black-alpha-200 (예전 값) 예전 값: #00000033 (투명도 20%) 변경 값: $color.palette.static-black-alpha-500 (투명도 17.3%) $color.palette.static-black-alpha-500 (예전 값) 예전 값: #00000080 (투명도 약 50.2%) 변경 값: $color.palette.static-black-alpha-700 (투명도 45.5%) $color.palette.static-white-alpha-200 (예전 값) 예전 값: #ffffff33 (투명도 20%) 변경 값: $color.palette.static-white-alpha-300 (투명도 18%) $color.palette.static-white-alpha-800 (예전 값) 예전 값: #ffffffcc (투명도 약 80%) 변경 값: $color.palette.static-white-alpha-800 (투명도 87.1%) (참고: 이 값은 이름은 같지만 실제 투명도 값은 80%에서 87.1%로 변경되었습니다.)

## 0.0.38

### Updated Dependencies

- **@seed-design/css@0.0.38**
  - [Patch Changes] Action Button에 type="ghost"를 추가합니다. 70fbaaf

## 0.0.35

### Updated Dependencies

- **@seed-design/css@0.0.35**
  - [Patch Changes] _active style prop이 값이 없는 경우에 기존 style prop을 제거하는 버그를 수정합니다. 0789dc8

## 0.0.34

### Updated Dependencies

- **@seed-design/css@0.0.34**
  - [Patch Changes] _active style prop이 상태가 없는 값보다 우선순위가 낮게 적용되는 문제를 수정합니다. 92801a2

## 0.0.33

### Updated Dependencies

- **@seed-design/css@0.0.33**
  - [Patch Changes] Style prop에 _active 를 추가합니다. background 속성만을 지원합니다. fbdb091

## 0.0.31

### Updated Dependencies

- **@seed-design/css@0.0.31**
  - [Patch Changes] Tabs.Carousel을 사용하는 경우 Hydration 이후 스크롤 애니매이션이 발생하는 문제를 수정합니다. fd7c569 Tabs.Carousel의 드래그 제스처를 방지하는 영역을 선언할 수 있는 Tabs.carouselPreventDrag api를 추가합니다. layout=hug일 때 Indicator에서 발생하는 Layout Shift를 수정합니다. lazyMount 옵션이 의도와 다르게 모든 탭이 한꺼번에 마운트되는 문제를 수정합니다.

## 0.0.30

### Updated Dependencies

- **@seed-design/css@0.0.30**
  - [Patch Changes] ContextualFloatingButton 과 FloatingActionButton 컴포넌트를 제공합니다. 285cb9b 기존의 Fab 및 ExtendedFab 를 deprecate합니다. Floating 요소들의 위치를 편리하게 제어하도록 Float 유틸리티 컴포넌트를 제공합니다.

## 0.0.29

### Updated Dependencies

- **@seed-design/css@0.0.29**
  - [Patch Changes] ActionButton의 min-width variable 기본값을 수정합니다. 116ee2c

## 0.0.28

### Updated Dependencies

- **@seed-design/css@0.0.28**
  - [Patch Changes] Callout의 wrapping 동작을 수정합니다. 5337e14

## 0.0.27

### Updated Dependencies

- **@seed-design/css@0.0.27**
  - [Patch Changes] InlineBanner의 title 영역에 flex-shrink: 0을 추가해요 9d85c16
  - [Patch Changes] Color 토큰을 업데이트합니다. d951317
  - [Patch Changes] Avatar의 디자인 업데이트를 반영합니다. (stroke 추가) b3f964d

## 0.0.26

### Patch Changes

- types 필드와 exports 필드를 수정해요 c8b2921

## 0.0.25

### Updated Dependencies

- **@seed-design/css@0.0.25**
  - [Patch Changes] Avatar Stack의 디자인을 업데이트합니다. c87ede9

## 0.0.24

### Updated Dependencies

- **@seed-design/css@0.0.24**
  - [Patch Changes] ActionSheet의 header가 렌더링되지 않을 때 상단 radius가 누락되는 버그를 수정합니다. 4da536f

## 0.0.23

### Updated Dependencies

- **@seed-design/css@0.0.23**
  - [Patch Changes] AppBar의 배경이 상단 safe-area를 덮도록 수정합니다. 63e1541

## 0.0.21

### Patch Changes

- 패키지 의존성을 최신화합니다. e368c69

### Updated Dependencies

- **@seed-design/css@0.0.21**
  - [Patch Changes] Button, Chip 컴포넌트들의 누락된 line-height를 추가합니다. 5d69d1d Button, Chip 컴포넌트들의 white-space를 nowrap으로 설정합니다.
  - [Patch Changes] 상단 내비게이션의 아이콘 버튼 터치영역을 44px로 변경합니다. 4d34760
  - [Patch Changes] 2개의 컨텐츠를 동일한 비율로 나누어 배치하되, 너무 긴 경우 세로로 접는 &#x3C;ResponsivePair> 컴포넌트를 추가합니다. 7ae87f8
  - [Patch Changes] BottomSheet, Dialog의 배경 색상을 layer-floating으로 변경합니다. f144d28
  - [Patch Changes] 패키지 의존성을 최신화합니다. e368c69

## 0.0.19

### Updated Dependencies

- **@seed-design/css@0.0.19**
  - [Patch Changes] feat: 와일드카드 지원하지 않는 곳을 위해 CSS 파일 명시적 export 3c9ec66
  - [Patch Changes] LoadingIndicator를 사용하는 컴포넌트에 position: relative를 추가합니다. b3bb6e7

## 0.0.17

### Updated Dependencies

- **@seed-design/css@0.0.17**
  - [Patch Changes] recipe에서 직접 스타일시트 의존성을 표현하도록 변경합니다. c042f90

## 0.0.15

### Patch Changes

- vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.

### Updated Dependencies

- **@seed-design/css@0.0.15**
  - [Patch Changes] vite dev에서 컴포넌트 스타일시트가 로드되지 않는 버그를 수정합니다. 1bb9f7b 플러그인이 컴포넌트 스타일시트를 로드하는 방식을 변경합니다.
  - [Patch Changes] 레이아웃 및 flex 관련 shorthand prop을 추가합니다. (px, py, wrap, align, justify, direction) 4511814 ActionButton에 flexGrow prop을 추가합니다. VStack, HStack 컴포넌트를 추가합니다. Stack, Inline, Columns 컴포넌트를 deprecated 처리합니다. 디자인 토큰이 아닌 css prop의 value가 유효한 css value가 되도록 변경합니다. flexStart, spaceBetween 등 camelCase로 제공되는 값을 deprecated 처리합니다.
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) f4b0723
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. f4b0723

## 0.0.14

### Updated Dependencies

- **@seed-design/css@0.0.14**
  - [Patch Changes] HelpBubble 디자인 스펙 업데이트 (shadow) 92c0b80
  - [Patch Changes] HelpBubble의 enter, exit 모션을 추가합니다. c1d94d0

## 0.0.13

### Updated Dependencies

- **@seed-design/css@0.0.13**
  - [Patch Changes] Avatar의 Badge 스펙을 최신화합니다. 7fca755

## 0.0.12

### Updated Dependencies

- **@seed-design/css@0.0.12**
  - [Patch Changes] 유틸리티 컴포넌트에 사용되는 ScopedColorFg, ScopedColorBg, ScopedColorPalette, ScopedColorStroke 타입을 제공합니다. 6426379
  - [Patch Changes] close button의 위치가 의도와 다르게 설정된 것을 수정합니다. ee41f37

## 0.0.11

### Updated Dependencies

- **@seed-design/css@0.0.11**
  - [Patch Changes] Dialog 및 Sheet 컴포넌트 레이아웃 스펙 업데이트 e70f340
  - [Patch Changes] $dimension.spacing-y.screen-bottom 토큰을 추가합니다. 72f344f $dimension.spacing-y.between-text 토큰을 추가합니다.

## 0.0.10

### Updated Dependencies

- **@seed-design/css@0.0.10**
  - [Patch Changes] Avatar size=42를 추가합니다. e4b704c

## 0.0.9

### Updated Dependencies

- **@seed-design/css@0.0.9**
  - [Patch Changes] MannerTemp 컴포넌트를 추가합니다. 63f8651
  - [Patch Changes] feat: 다크모드에서의 gray200, gray300 색상, 라이트모드 carrot700 색상을 변경해요 d9b01a9 (light) carrot700: #e84500 -> #e04f00 (dark) gray300: #2c2f35 -> #2b2e35 (dark) gray200: #1b1c22 -> #22252b

## 0.0.8

### Updated Dependencies

- **@seed-design/css@0.0.8**
  - [Patch Changes] Notification Badge를 추가합니다. 1424700 Tabs의 Notification 슬롯을 Notification Badge로 변경합니다.
  - [Patch Changes] change help-bubble paddingY, lineHeight 0efeea1

## 0.0.7

### Updated Dependencies

- **@seed-design/css@0.0.7**
  - [Patch Changes] remove text maxLines none display unset 8aca3de

## 0.0.6

### Updated Dependencies

- **@seed-design/css@0.0.6**
  - [Patch Changes] Skeleton의 width, height가 동작하지 않는 버그를 수정합니다. bf198e8
  - [Patch Changes] visuallyHidden을 recipe에서 제거합니다. 3d66c5b
  - [Patch Changes] callout, inline banner 디자인 스펙 수정 a8d5242
  - [Patch Changes] fix: add --seed-safe-area-top in app-bar ccf3989

## 0.0.5

### Updated Dependencies

- **@seed-design/css@0.0.5**
  - [Patch Changes] single-slot recipe를 위한 간소화된 인터페이스를 추가합니다. e3234e7
  - [Patch Changes] add textStyles (t6, t7 regular, medium) 5502bed

## 0.0.4

### Updated Dependencies

- **@seed-design/css@0.0.4**
  - [Patch Changes] Badge 디자인 업데이트 6df5d19 neutral tone 색상 변경 pill shape 삭제
  - [Patch Changes] recipe 스타일시트의 exports map을 수정합니다. 5cb50e7

## 0.0.3

### Patch Changes

- loosen up peer dependencies bad86f9
- Inject data-seed in theming script instead of plugin b180822
- Move the injection location of the theming script from pre-body to pre-head. b20de60

### Updated Dependencies

- **@seed-design/css@0.0.3**
  - [Patch Changes] Fixes an issue where the theming script was injecting the wrong color mode data-attr. a33af94
  - [Patch Changes] Inject data-seed in theming script instead of plugin b180822

## 0.0.2

### Updated Dependencies

- **@seed-design/css@0.0.2**
  - [Patch Changes] theming script의 color mode data attribute 수정 d04e344

## 0.0.1

### Patch Changes

- Initial release of the next version of Seed Design. b64023c

### Updated Dependencies

- **@seed-design/css@0.0.1**
  - [Patch Changes] Initial release of the next version of Seed Design. b64023c