Avala Design
Legacy web kit cutover

From @avala/ui

The prior React kit. @avala/design is a clean rewrite — most components keep their API surface; some are renamed for Carbon parity.

Cutover steps

  1. Swap dep: @avala/ui → @avala/design in your package.json.
  2. Update CSS imports: @import "@avala/ui/styles" → @import "@avala/design/styles".
  3. Add tokens: @import "@avala/design-tokens/css/avala.css" after the styles import.
  4. Update next.config: withAvalaDesign from @avala/design/next-config.
  5. Run the codemod (see roadmap) — most component renames are mechanical.

Component-by-component

The full mapping lives in the repo's MIGRATION.md (auto-rendered below):