b12192eddf
- 7C.1 theme.ts 확장 [ba4d6e4] — color/shadow/font.display/animations 추가 - 7C.2 Phosphor React Icon 어댑터 [0d2303a] — 57 아이콘 매핑 - 7C.3 Inter + JetBrains Mono next/font [140a7c3] — CSS variable 바인딩 - 7C.4 primitives.tsx 증축 [b9874ad] — Button white, Card glow, StatCard, KbdHint, PageHeader, AppShellLayout - 7C.5 Toast 컴포넌트 [eb10dfe] — slideIn + undo + progress ring + hover pause 통합 빌드: 16/16 페이지 생성, TS 에러 0. 다음: Phase 7A (KICE PDF 파싱 파이프라인).
25 lines
1.5 KiB
JSON
25 lines
1.5 KiB
JSON
{
|
|
"task_id": "7C.4",
|
|
"title": "primitives.tsx 증축 — 새 variants + layout helpers",
|
|
"goal": "7D 재디자인에서 반복되는 패턴을 primitives.tsx 에 미리 추가. styled-components 유지.",
|
|
"checks": [
|
|
"Button 에 $variant='white' 추가 — 흰색 배경 (#fff), 검정 텍스트 (theme.color.bg), hover 시 쉐이도우 증가 (디자인 1 '지금 시작' 버튼과 디자인 2 '무료로 시작하기' CTA)",
|
|
"Card 에 $variant='glow' 추가 — 기존 surface + radial indigo glow 배경 (::before pseudo-element 사용, blur 80px)",
|
|
"새 컴포넌트 StatCard — 대형 숫자 + 라벨 + 옵셔널 delta 뱃지 (디자인 1 의 오늘 복습 큐 12 / 주간 정답률 78% 카드). props: label, value, unit?, delta?, icon?",
|
|
"새 컴포넌트 KbdHint — 키보드 단축키 pill (디자인 5 의 [1] 틀림 [2] 부분). props: keys: string[], label: string",
|
|
"새 컴포넌트 PageHeader — 큰 제목 + 서브 설명 + 우측 액션 슬롯 (디자인 1 과 대부분 페이지에서 반복)",
|
|
"기존 Button/Card/Badge/Input/Select/Textarea/Label/Stack/SectionTitle/Selectable 전부 유지",
|
|
"TypeScript 컴파일 통과"
|
|
],
|
|
"non_goals": [
|
|
"기존 Button variants 삭제",
|
|
"Modal 컴포넌트 재작성 (이미 Phase 6 에서 만듦)",
|
|
"새 페이지에서 실제 사용 — 7D 에서"
|
|
],
|
|
"runtime_validation": [],
|
|
"risk_flags": [],
|
|
"reviewer_profile": "static",
|
|
"effort_score": 0,
|
|
"deliverable": "frontend/src/components/ui/primitives.tsx"
|
|
}
|