vince/dimensionlab-website
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): add decorative style primitives #22

Merged
vince merged 1 commit from codex/decorative-style-primitives into main 2026-06-18 20:12:00 +02:00
Conversation 0 Commits 1 Files changed 10 +476
vince commented 2026-06-18 20:07:54 +02:00
Owner
Copy link

Summary

Adds a first set of content-free decorative UI primitives for the cyberpunk/brutalist visual language.

Why

The dashboard needs more standalone style components that can express the look without carrying product content or behavior. These primitives are intentionally decorative and can be composed into future page sections, cards, dividers, and visual density passes.

Changes

  • Add DiagonalStripeField, ScanlineField, CornerBracketFrame, and SignalTrace components.
  • Keep all four primitives aria-hidden and prop-driven only.
  • Add Storybook stories with generic variants and compositions.
  • Export the primitives from the UI barrel.
  • Extend Storybook inventory tests to require these decorative primitives and their stories.

Testing

  • bun run vitest run src/lib/ui/storybook.test.ts first failed on missing components/stories, then passed after implementation.
  • bun run test:qa

Notes

  • This does not wire the primitives into the production dashboard layout yet; it gives us reusable visual pieces for the next styling pass.
## Summary Adds a first set of content-free decorative UI primitives for the cyberpunk/brutalist visual language. ## Why The dashboard needs more standalone style components that can express the look without carrying product content or behavior. These primitives are intentionally decorative and can be composed into future page sections, cards, dividers, and visual density passes. ## Changes - Add `DiagonalStripeField`, `ScanlineField`, `CornerBracketFrame`, and `SignalTrace` components. - Keep all four primitives `aria-hidden` and prop-driven only. - Add Storybook stories with generic variants and compositions. - Export the primitives from the UI barrel. - Extend Storybook inventory tests to require these decorative primitives and their stories. ## Testing - `bun run vitest run src/lib/ui/storybook.test.ts` first failed on missing components/stories, then passed after implementation. - `bun run test:qa` ## Notes - This does not wire the primitives into the production dashboard layout yet; it gives us reusable visual pieces for the next styling pass.
vince added 1 commit 2026-06-18 20:07:54 +02:00
vince merged commit 2ff9f3c0ed into main 2026-06-18 20:12:00 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels   
agent

AI-agent configuration surface and tool contracts

  
architecture

Product architecture and core technical decisions

  
backend

Server runtime, persistence, and APIs

  
frontend

Frontend UI, renderer, and visual system work

  
quality

Testing, accessibility, QA, and release readiness

  
telemetry

Metrics, health checks, status, and datasource integrations

  
umbrella

Tracks a multi-part design/build initiative

No labels
agent
architecture
backend
frontend
quality
telemetry
umbrella
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: vince/dimensionlab-website#22
No description provided.
Delete branch "codex/decorative-style-primitives"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?