Skip to content

design: Cofacts design system component library#22

Open
MrOrz wants to merge 4 commits intomasterfrom
design
Open

design: Cofacts design system component library#22
MrOrz wants to merge 4 commits intomasterfrom
design

Conversation

@MrOrz
Copy link
Copy Markdown
Member

@MrOrz MrOrz commented Apr 4, 2026

Summary

  • Adds design.lib.pen — a token-driven Pencil design file for the Cofacts component library
  • Builds atoms: ReplyTypeIcon (sm/md/lg × 4 types), Button variants (Primary/Outlined/Secondary/Text with label/icon-right/icon-only), Avatar (lg/sm with level badge, status icon, background badge ring), Pill, PillWithIcon, Dropdown
  • Builds molecules: FeedbackControl, SearchInput (collapsed/expanded), NavTabs (mobile/desktop), FilterBar (tools row + filter rows with pills)
  • Adds HANDOFF.md with progress tracking, component IDs, and remaining TODOs (organisms + website mockup)
  • Adds screenshot references from the 2019 and new designs

⚠️ design/HANDOFF.md and design/screenshots/ are temporary — they exist only as design context during development and must be removed before this PR is merged to master.

Test plan

  • Open design/design.lib.pen in Pencil and verify components render correctly
  • Check Pill (Default/Active states), PillWithIcon (3 reply type icon variants), Dropdown
  • Check NavTabs-Mobile (active tab underline) and NavTabs-Desktop (yellow active tab)
  • Check FilterBar (2 dropdowns + 3 filter rows with correct icons)
  • Remove design/HANDOFF.md and design/screenshots/ before merging

🤖 Generated with Claude Code

MrOrz and others added 2 commits April 2, 2026 10:45
…hInput, NavTabs, FilterBar)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@gemini-code-assist
Copy link
Copy Markdown

Note

Gemini is unable to generate a review for this pull request due to the file types involved not being currently supported.

These files are for design reference during development and will be
removed before merging to master.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Move ArticleCard, ReplyCard, ReplyItem, and ArticleReplySummary to individual page files instead of design.lib.pen.
- Use list-pages.pen and detail-pages.pen for respective mockups instead of website.pen.

Co-authored-by: Gemini CLI <noreply@google.com>
@MrOrz MrOrz linked an issue Apr 7, 2026 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Design file

1 participant