Migrate from @policyengine/design-system to @policyengine/ui-kit#1026
Conversation
…ports - Replace @policyengine/design-system with @policyengine/ui-kit in all package.json files - Update globals.css to import from @policyengine/ui-kit/theme.css - Convert app/src/designTokens to use hardcoded values instead of re-exporting from design-system - Remove design-system:build scripts from root package.json
- Update all website/ TypeScript imports to use local designTokens from app/ - Remove packages/design-system directory - All imports now use @policyengine/ui-kit or local hardcoded tokens
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
1 similar comment
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
22 similar comments
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
11 similar comments
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
|
Sorry @PolicyEngine[bot], only members of the PolicyEngine/core-developers team can invoke Claude Code. |
MaxGhenis
left a comment
There was a problem hiding this comment.
Reviewed migration fixes and green CI.
Closes #1025
Summary
This PR migrates
policyengine-app-v2from@policyengine/design-systemto@policyengine/ui-kit, following the pattern established in PolicyEngine/policybench#16.Changes
Package Management
package.json: Replaced@policyengine/design-systemwith@policyengine/ui-kitv0.4.0app/,website/, andcalculator-app/package.json filesdesign-system:buildscripts that are no longer neededCSS Imports
@import "@policyengine/design-system/tokens.css"to@import "@policyengine/ui-kit/theme.css"TypeScript Token Imports
colors.ts: Now provides hardcoded color values matching ui-kit themespacing.ts: Provides essential spacing tokenstypography.ts: Provides font size tokens../../../app/src/designTokensinstead of@policyengine/design-system/tokensCleanup
packages/design-system/directory entirelyMigration Strategy
Following the policybench pattern, this migration:
The local
app/src/designTokensfiles now provide hardcoded values instead of re-exporting from the package, maintaining backward compatibility for components that use runtime token access while encouraging migration to CSS variables.Testing
CI will verify:
Next Steps
This completes Block 3 (the host migration) from the issue. The design-system package can now be:
The remaining consumer repositories can be migrated separately following this same pattern.
🤖 Generated with Claude Code