Skip to content

feat(design-system): PWF 공통 컴포넌트 라이브러리 구축#19

Merged
BcKmini merged 1 commit into
mainfrom
feat/issue-18-pwf-design-system
Jul 20, 2026
Merged

feat(design-system): PWF 공통 컴포넌트 라이브러리 구축#19
BcKmini merged 1 commit into
mainfrom
feat/issue-18-pwf-design-system

Conversation

@BcKmini

@BcKmini BcKmini commented Jul 20, 2026

Copy link
Copy Markdown
Member

요약

  • PWF(node-id=143-2) Figma 컴포넌트 라이브러리에서 추출한 디자인 토큰을 src/styles/tokens.css로 정리
  • Button, StatusLabel, AgentSourceLabel, WorkflowStep, DecisionGate, EmptyState 6개 공통 컴포넌트 구현
  • 이후 AUTH/HOME/WORK/CREATE/REVIEW/CASE/PEOPLE/SET/LINK 9개 화면이 이 컴포넌트를 재사용

검증

  • npm run lint / npm run test(15 tests) / npm run build 통과

관련 Issue

Closes #18

Test plan

  • 각 컴포넌트 variant/state별 렌더링 테스트 통과
  • Figma 컴포넌트 스펙(색상 토큰)과 대조

- Figma 디자인 토큰(색상/spacing/radius/폰트)을 src/styles/tokens.css로 정리
- Button(Primary/Secondary), StatusLabel(6톤), AgentSourceLabel(4종)
- WorkflowStep(4상태), DecisionGate(3상태), EmptyState(Empty/Loading/Error)
- 이후 AUTH/HOME/WORK/CREATE/REVIEW/CASE/PEOPLE/SET/LINK 화면이 공통 사용

Closes #18
@BcKmini BcKmini self-assigned this Jul 20, 2026
@BcKmini BcKmini added this to the M0 · 기반 구축 milestone Jul 20, 2026
@BcKmini
BcKmini merged commit 461788b into main Jul 20, 2026
@BcKmini
BcKmini deleted the feat/issue-18-pwf-design-system branch July 20, 2026 03:40
@BcKmini BcKmini modified the milestones: M0 · 기반 구축, 초기 개발 Jul 23, 2026
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 System] PWF 공통 컴포넌트 라이브러리 구축

1 participant