Skip to content

Space Works Design System v2.1.1

Choose a tag to compare

View all tags
@Shaan-Shoukath Shaan-Shoukath released this 13 Nov 03:30
· 4 commits to main since this release
v2.1.1
5dbd3c7
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Space Works Design System v2.1.1

A QA patch on v2.1.0: a full audit of the 157-page site and 13 standalone demos at 390, 768, 1280 and 1680 px in light and dark. No token, class, path or component contract is removed or renamed.

Fixed surfaces keep their own look

  • A light demo card on a dark page showed blank logo marks (loader, inline sizes, logo); a dark card on a light page showed both artworks. Marks on themed cards now carry the kit's forced ground (g-light / g-dark) and stay in step when a demo switches theme.
  • Themed cards, logo stages and mascot frames keep their own focus ring and Play controls instead of the page theme's (a citron ring on a cream frame measured 1.03:1).

Text

  • Em and en dashes, ×, · and curly quotes written as ? in v2.1.0 are restored in 27 files (wording unchanged).
  • Dated current-release notes on the home page, What's new in v2.1, the README and the migration guide; the header badge links to the notes for the version it shows.

Accessibility and layout

  • Theming demo radios: one tab stop, arrow keys, announced status (DSA-010).
  • Task-list checkboxes are named; tables that scroll sideways on phones are keyboard-reachable; Play/Pause previews drop the contradictory aria-pressed.
  • Every standalone demo shows the brand focus ring; the install command no longer pushes the page sideways on phones; preview posters never upscale; the route-transition mock page no longer skips a heading level.

Rules

  • Product rules §2.5 — release images are the frontend and the backend only; bundled object storage is Silo, or any S3-compatible store (SW-433).
  • Product rules §12.3 — one README structure for every repository (SW-436).

New guards

  • scripts/check-box-grounds.mjs — every logo mark, both page themes, every demo theme switch.
  • scripts/check-site-qa.mjs — fixed surfaces, contrast, focus, overflow, scroll regions, images, targets, names, outline, widgets, reduced motion on every page and demo.
  • scripts/check-encoding.mjs — lost characters; runs in the site build.
  • Lessons 42 and 43.

Brand guidelines PDF attached (unchanged from v2.1.0).

Assets 3
Loading