Skip to content

v0.13.0

Choose a tag to compare

View all tags
@yasmro yasmro released this 23 Jun 14:26
· 94 commits to develop since this release
v0.13.0
f3e4788
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Highlights

  • Table (#439) — a semantic, presentational-only / logic-agnostic data table. Ships chrome only (size density, striped / bordered / hoverable, selected); sort / filter / pagination compose on top via any headless layer (TanStack Table, react-table, your own).
  • Card (#427, #430) — a compound surface primitive (CardHeader / CardTitle / CardDescription / CardContent / CardFooter) with a filled (default) / plain background variant.
  • Avatar (#434) — a Radix-backed avatar that falls back to initials when the image is absent or fails to load.
  • Skeleton (#426) — a loading placeholder; the shimmer respects prefers-reduced-motion.
  • Field required → aria-required (#440) — Field now propagates aria-required (announce-only) to the wrapped control, mirroring isError → aria-invalid.

What's Changed

Minor Changes

  • Avatar (#434) — flat wrapper over @radix-ui/react-avatar; src / alt / fallback / size (sm 32 / md 40 / lg 48) / delayMs. CSS API: .st-avatar*, also at @yasmro/schatten/css/avatar.
  • Card (#427) — compound surface primitive; first consumer of the --shadow-card token. CSS API: .st-card*, also at @yasmro/schatten/css/card.
  • Card variant (#430) — filled (default, value-identical to previous Card) / plain (transparent, border only). CSS API: .st-card--filled / .st-card--plain.
  • Field required propagation (#440) — aria-required (announce-only) on Input / Textarea / Select / Checkbox / Switch / RadioGroup via FieldContext. Native / Radix validation unchanged.
  • Skeleton (#426) — className-driven size/shape; prefers-reduced-motion aware; decorative (aria-hidden) by default. CSS API: .st-skeleton, also at @yasmro/schatten/css/skeleton.
  • Table (#439) — Table / TableHeader / TableBody / TableRow / TableHead / TableCell / TableCaption; presentational-only, all behavioural hooks pass through ...props. CSS API: .st-table*, also at @yasmro/schatten/css/table.

Patch Changes

  • Patterns/Data Table recipe (#442) — Storybook recipe composing the presentational Table with TanStack Table v8 for sort / filter / pagination. Docs only — @tanstack/react-table is a devDependency, never shipped as prod / peer.

Full Changelog: v0.12.0...v0.13.0

Assets 2
Loading