Deprecations
Deprecated 항목의 현황과 제거 계획을 관리합니다.
이 문서는 deprecated 현황의 원천 파일입니다. 변경 시 이 문서를 먼저 업데이트합니다.
- Deprecated 현황: 아직 사용할 수 있지만 앞으로 제거될 항목이에요.
- 제거 완료 히스토리: 이미 제거된 항목이에요. 해당 버전 이상으로 올리려면 먼저 정리해야 해요.
Deprecated 현황
| 항목 | 종류 | Deprecated 버전 | 제거 예정 버전 | 대체안 | 비고 |
|---|---|---|---|---|---|
| $color.bg.neutral-inverted | 색상 토큰 | 3.0.0 | 4.0.0 | $color.bg.neutral-solid | 기존 사용처의 하위 호환성을 위해 3.x에서는 deprecated 상태로 유지 |
| $color.bg.neutral-inverted-pressed | 색상 토큰 | 3.0.0 | 4.0.0 | $color.bg.neutral-solid-pressed | 기존 사용처의 하위 호환성을 위해 3.x에서는 deprecated 상태로 유지 |
| $color.fg.neutral-inverted | 색상 토큰 | 3.0.0 | 4.0.0 | $color.fg.on-neutral-solid | 기존 사용처의 하위 호환성을 위해 3.x에서는 deprecated 상태로 유지 |
| $color.bg.neutral-solid-muted | 색상 토큰 | 3.0.1 | 4.0.0 | - | - |
| $color.bg.neutral-solid-muted-pressed | 색상 토큰 | 3.0.1 | 4.0.0 | - | - |
제거 완료 히스토리
| 항목 | 제거 버전 | 대체안 | 비고 |
|---|---|---|---|
@seed-design/react/primitive 경로 | 3.0.0 | @seed-design/react의 컴포넌트·context hook·.Primitive 컴포넌트, 또는 독립 headless 패키지(@seed-design/react-dialog, @seed-design/react-popover, @seed-design/react-image 등) | SEED React 3 업그레이드 가이드 참고 |
@seed-design/react/primitive의 Headless Avatar API | 3.0.0 | @seed-design/react-image | @seed-design/react-avatar 소스 제거 및 배포 중단. 스타일이 적용된 Avatar는 유지 |
Chip.Root, ChipRoot (Props 타입 포함) | 3.0.0 | Chip.Button, ChipButton | 이름 변경. 동작과 스타일은 그대로 |
ActionChip | 3.0.0 | Chip.Button variant="solid" | - |
ControlChip | 3.0.0 | Chip.Toggle, Chip.Button | - |
ActionSheet | 3.0.0 | SwipeableMenuSheet | - |
ExtendedActionSheet | 3.0.0 | SwipeableMenuSheet | - |
Fab | 3.0.0 | ContextualFloatingButton | - |
ExtendedFab | 3.0.0 | ContextualFloatingButton | - |
InlineBanner | 3.0.0 | PageBanner | - |
LinkContent | 3.0.0 | ActionButton variant="ghost" | - |
Inline | 3.0.0 | HStack | - |
Columns, Column | 3.0.0 | HStack | - |
Stack | 3.0.0 | VStack | - |
ui:action-sheet, ui:extended-action-sheet snippet | 3.0.0 | ui:swipeable-menu-sheet | - |
ui:control-chip snippet | 3.0.0 | ui:chip | - |
ui:inline-banner snippet | 3.0.0 | ui:page-banner | - |
ui:error-state snippet | 3.0.0 | ui:result-section | - |
@seed-design/css/recipes/*의 action-chip, action-sheet, action-sheet-item, control-chip, extended-action-sheet, extended-action-sheet-item, extended-fab, fab, inline-banner, link-content | 3.0.0 | 대체 컴포넌트의 스타일 | 위 React 컴포넌트가 쓰던 스타일. 관련 클래스도 함께 제거 |
@seed-design/rootage-artifacts의 control-chip, inline-banner 컴포넌트 스펙 | 3.0.0 | chip, page-banner | - |
SidePanelBody의 height, minHeight, maxHeight prop | 3.0.0 | - | 효과가 없거나 footer 위치를 깨뜨리던 prop. ResponsiveSidePanelBody에서도 제거 |
BottomSheet.Root의 nested prop | 3.0.0 | prop 삭제 | 동작에 영향을 주지 않던 dead prop. 대체 prop 불필요 |
ResponsiveDialog.Root의 bottomSheetRootProps.nested | 3.0.0 | nested 삭제 | 동작에 영향을 주지 않던 dead prop. 대체 prop 불필요 |
ResponsiveSidePanel.Root의 bottomSheetRootProps.nested | 3.0.0 | nested 삭제 | 동작에 영향을 주지 않던 dead prop. 대체 prop 불필요 |
@seed-design/react-drawer의 Drawer.Root nested prop, useDrawer nested 옵션 | 3.0.0 | 삭제 | 동작에 영향을 주지 않던 dead prop. 대체 prop 불필요 |
$color.bg.layer-fill | 3.0.0 | $color.bg.neutral-muted | 같은 값의 새 이름 토큰. 1.2.x에서 deprecated. 2.0.0에서 제거했다가 대체 토큰이 없어 2.1.0에서 deprecated 상태로 다시 추가 |
| $gradient.fade-layer-floating | 2.0.0 | - | 대체안 없이 제거 |
| $gradient.fade-layer-default | 2.0.0 | - | 대체안 없이 제거 |
| ChipTabs variant=brandSolid | 2.0.0 | neutralSolid, neutralOutline | 대체안 사용 시 디자인 변경됨 |
| Checkbox weight=stronger | 2.0.0 | weight=bold | 네이밍 변경 |
| Checkbox weight=default | 2.0.0 | weight=regular | 네이밍 변경 |
| Switch size=small | 2.0.0 | size=16 | 네이밍 변경 |
| Switch size=medium | 2.0.0 | size=32 | 네이밍 변경 |
| StyleProps camelCase 값 | 2.0.0 | kebab-case 값 | display, flexDirection, justifyContent 등 |
| Image Frame rounded 옵션 | 2.0.0 | borderRadius="r2" | rootage image-frame 옵션 정리 |
| AppBar divider 옵션 | 2.0.0 | - | 제거 후 하단 구분선 미표시 |
| BottomSheet direction 옵션 | 2.0.0 | - | 항상 아래에서 올라옴 |
| Drawer noBodyStyles 옵션 | 2.0.0 | - | 제거되어 기본값(true)처럼 동작 |
| Drawer preventScrollRestoration 옵션 | 2.0.0 | - | 제거되어 기본값(false)처럼 동작 |
| Snackbar shouldCloseOnAction prop | 2.0.0 | 제거 (자동 닫힘이 표준 동작) | 액션 닫기 동작을 디자인 시스템 스펙으로 통일 |
| BottomSheetBackdrop (DrawerBackdrop) forceMount 옵션 | 2.0.0 | Root의 lazyMount / unmountOnExit | - |
| BottomSheetContent (DrawerContent) 이벤트·forceMount 옵션 | 2.0.0 | Root의 onOpenChange 두 번째 인자 details | onPointerDownOutside, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, onInteractOutside, onFocusOutside, forceMount |
Last updated on