- Removed legacy color aliases from globals.css to streamline design tokens. - Updated various components, including Badge, Button, Checkbox, and Input, to utilize new color tokens for error states. - Enhanced error messaging styles in components like ErrorBoundary and AlertBanner for better visual coherence. - Standardized color usage in billing and subscription components to align with updated design tokens. - Improved overall styling consistency across the application by adopting the new color system.
Portal Structure Overview
This app follows a feature-first architecture with a consolidated lib for shared utilities.
Structure:
src/
app/ # Next.js App Router
components/ # Design system (ui, layout, common)
features/ # Feature modules (auth, billing, subscriptions, ...)
lib/ # Core utils and services (api, query, env, utils, types)
providers/ # App-wide providers (e.g., QueryProvider)
styles/ # Global styles
Key changes:
- Merged former
core/andshared/intolib/. - Moved
components/providers/query-provider.tsxtoproviders/query-provider.tsx. - Introduced path aliases:
@/lib/*,@/providers/*.
Migration tips:
- Prefer importing from
@/lib/...going forward. - All
@/shared/*or@/core/*imports have been removed; use@/lib/*.