website refactor
This commit is contained in:
@@ -142,23 +142,6 @@ Example conceptually:
|
||||
- `intent: default | danger`
|
||||
- CSS module uses variables like `background: var(--ui-color-intent-primary)`.
|
||||
|
||||
### Primitives
|
||||
|
||||
The primitives in [`apps/website/ui/primitives`](apps/website/ui/primitives) exist to build consistent semantics. They should not encode a “theme” directly; they expose minimal layout/styling mechanics.
|
||||
|
||||
Examples in code today:
|
||||
|
||||
- [`Box`](apps/website/ui/primitives/Box.tsx:1)
|
||||
- [`Stack`](apps/website/ui/primitives/Stack.tsx:1)
|
||||
- [`Surface`](apps/website/ui/primitives/Surface.tsx:1)
|
||||
|
||||
Conceptually, primitives should either:
|
||||
|
||||
- map typed props to standard CSS properties (style object), or
|
||||
- map typed props to CSS variables that are already in the theme contract.
|
||||
|
||||
What primitives should **not** do: generate Tailwind class strings as their main behavior.
|
||||
|
||||
---
|
||||
|
||||
## Token naming: semantic + stable
|
||||
|
||||
Reference in New Issue
Block a user