@seed-design/migration-index 0.0.30 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @seed-design/migration-index
 
+## 2.0.0
+
+### Major Changes
+
+- 60d1a82: 1.2에서 deprecate된 옵션을 제거합니다.
+
+  - 색상 토큰
+    - `$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.0
+
+### Major Changes
+
+- 34f92f2: 🌱 SEED Design 패키지의 첫 메이저 버전을 출시합니다.
+
 ## 0.0.30
 
 ### Patch Changes

package/color.d.ts

@@ -1,4 +1,4 @@
-import type { FoundationTokenMapping } from "./types";
+import type { FoundationTokenMapping } from "./types.js";
 
 export declare const semanticColorMappings: FoundationTokenMapping[];
 export declare const scaleColorMappings: FoundationTokenMapping[];

package/color.mjs

@@ -78,7 +78,7 @@ export const semanticColorMappings = [
   },
   {
     previous: "$semantic.color.paper-contents",
-    next: ["$color.bg.layer-fill"],
+    next: ["$color.bg.neutral-weak"],
     alternative: ["$color.palette.gray-100"],
   },
   {

package/iconography.d.ts

@@ -1,4 +1,4 @@
-import type { FoundationTokenMapping } from "./types";
+import type { FoundationTokenMapping } from "./types.js";
 
 export declare const monochromeIconMappings: FoundationTokenMapping[];
 export declare const multicolorIconMappings: FoundationTokenMapping[];

package/index.d.ts

@@ -3,8 +3,8 @@ export {
   scaleColorMappings,
   semanticColorMappings,
   staticColorMappings,
-} from "./color";
-export { iconMappings, monochromeIconMappings, multicolorIconMappings } from "./iconography";
-export { typographyMappings } from "./typography";
+} from "./color.mjs";
+export { iconMappings, monochromeIconMappings, multicolorIconMappings } from "./iconography.mjs";
+export { typographyMappings } from "./typography.mjs";
 
-export type { FoundationTokenMapping } from "./types";
+export type { FoundationTokenMapping } from "./types.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/migration-index",
-  "version": "0.0.30",
+  "version": "2.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",

package/typography.d.ts

@@ -1,3 +1,3 @@
-import type { FoundationTokenMapping } from "./types";
+import type { FoundationTokenMapping } from "./types.js";
 
 export declare const typographyMappings: FoundationTokenMapping[];