Shared design tokens, themes and Svelte 5 components for CodeCora products (Uteke Cloud, Corin, and any other Svelte app in the fleet).
Status: planning (M0). Nothing is published yet. See docs/architecture.md and docs/decisions.md.
| Package | What | Depends on |
|---|---|---|
@codecora/tokens |
Primitive and semantic design tokens, themes (neutral, uteke, corin, more later), CSS variables, TS export, Tailwind 4 preset, shadcn variable bridge |
nothing |
@codecora/ui |
Svelte 5 components on bits-ui: Button, Field, Select, Dialog, Sheet, Tabs, Table, Badge, Toast, Tooltip, EmptyState, Skeleton, AppShell + Sidebar, CommandPalette. Plain CSS on semantic tokens, works with or without Tailwind | @codecora/tokens, bits-ui |
@codecora/icons |
Icon contract (--cc-icon-* tokens), the few internal icons components need, and adapters; Lucide by default, Phosphor optional |
@lucide/svelte (peer) |
@codecora/brand |
CodeCora product marks and favicon sets (SVG) | nothing |
@codecora/memory |
Uteke domain layer: types, MemoryClient, transports (Tauri, uteke-serve, Uteke Cloud), capabilities, memory browser components |
@codecora/ui |
Plus a shadcn-svelte registry for blocks and templates that apps copy and
customise (login, settings, dashboard shell, data table), and
apps/playground, a SvelteKit catalogue of every component in every theme.
Themes are sets of semantic token values applied with attributes on any element, so they nest and mix:
<body data-theme="uteke">
<aside data-theme="corin">dark sidebar</aside>
<main>editorial light content</main>
</body>