Package Migration Guide
The package has been renamed from pine-ui-kit to pine-design-system. Follow the steps below to migrate your project.
1. Replace the package
Before:
npm uninstall pine-ui-kit
npm install pine-design-systemAfter (example with pnpm):
pnpm remove pine-ui-kit
pnpm add pine-design-system2. Update import paths
Only the package name changes. Component names, Provider names, and APIs stay the same.
Before:
import { Button, ThemeProvider } from "pine-ui-kit";
import "pine-ui-kit/style.css";After:
import { Button, ThemeProvider } from "pine-design-system";
import "pine-design-system/style.css";3. Summary
| Item | pine-ui-kit | pine-design-system |
|---|---|---|
| Package name | pine-ui-kit | pine-design-system |
| Style import | pine-ui-kit/style.css | pine-design-system/style.css |
| Components / API | Same | Same |
The pine-ui-kit package is kept as deprecated and re-exports pine-design-system internally. Migrating directly to pine-design-system is recommended.
Last updated on