Skip to content

v0.3.0 — Loader

Choose a tag to compare

View all tags
@cpascariello cpascariello released this 27 May 17:44
· 19 commits to main since this release
v0.3.0
6155a3c
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Adds the Loader component — a standalone drop-in for the ui/Spinner subpath removed in v0.2.0.

What's new

import { Loader } from "@stasho/ds/loader";

<Loader />
<Loader size="xs" />
<Loader>Saving…</Loader>
  • Dual-dot cyan chase (same animation Button's loading state uses, extracted as a primitive).
  • Three sizes (xs/sm/md) matching Button's LED ladder.
  • Optional children for an inline label.
  • role="status", smart aria-label fallback, respects prefers-reduced-motion.
  • Always cyan per § 5 "Cyan is the moving signal".

Migration from v0.1.x Spinner

- import { Spinner } from "@stasho/ds/ui/spinner";
+ import { Loader } from "@stasho/ds/loader";

The animation differs (chase vs spin) by design — § 6 "Loading pulses, never spins."

Also in this release

  • docs/DESIGN-SYSTEM.md package name swept from @aleph-front/ds to @stasho/ds (57 references — stale since the rename pre-v0.1.0).

See PR #15 for the full diff and Decision #94 for rationale.

Assets 2
Loading