diff --git a/docs/sw/sw-viewer-open-icon-2026-10-21.md b/docs/sw/sw-viewer-open-icon-2026-10-21.md new file mode 100644 index 0000000..34306c9 --- /dev/null +++ b/docs/sw/sw-viewer-open-icon-2026-10-21.md @@ -0,0 +1,23 @@ +# SW Viewer — 파일 열기 아이콘 16px · 여백 (2026-10-21) + +사용자 요청으로 SW Viewer Header 파일 열기 버튼을 수정했습니다. CSS와 문서만 바꿨고 Props·Export·공개 `.d.ts`는 그대로입니다. + +## 1. 변경 + +| 항목 | 값 | +|---|---| +| 작업 Commit | `0840d76` (브랜치 `fix/sw-viewer-open-icon-16`) | +| main 병합 | `65bc134` → `f340a26` (no-ff) | +| 승인 기준 Commit | 이 보고서와 같은 테스트 전용 Commit (`approvedMainCommit` `6b6f17c` → `f340a26`) | + +- `.hm-sw-viewer-header__open-icon`: 아이콘 영역 = 16 × 16(`--hm-sw-viewer-icon-size`), 여백 0. 검정 아이콘 외곽선(`SWViewerIcon`) 유지. +- `.hm-sw-viewer-header .hm-sw-viewer-header__open`: `padding: 0 12px 0 24px`. +- `--hm-sw-viewer-button-height`: 34px → 16px(사용자 변경, `DESIGN_RULES.md` 토큰 표 함께 변경). 이 토큰을 쓰는 Header 버튼(예: 전체 보기)의 높이도 16px입니다. + +## 2. 검증 (Node 22.23.2, `npm run build-storybook` 후, 증거는 저장소 밖 임시 폴더) + +| 검사 | 결과 | +|---|---| +| 파일 열기 실측(1440 / 950 / 760) | 버튼 119.9 / 53 / 53 × 50, 아이콘 영역 16 × 16(버튼 왼쪽에서 24px, 세로 가운데), 1440 라벨 x 323, 파일명 면 높이 50 | +| `check:ai-docs` · `ai-docs.check.mjs` · Public API Guard | PASS · 46/46 · 7/7 | +| home-menu-integration · overview / overlays · Source Guard | 23/23 · 53/53, 20/20 · 94/94 PASS | diff --git a/packages/sw/tests/storybook-inventory.mjs b/packages/sw/tests/storybook-inventory.mjs index 4e6a297..5c984b4 100644 --- a/packages/sw/tests/storybook-inventory.mjs +++ b/packages/sw/tests/storybook-inventory.mjs @@ -69,7 +69,9 @@ export const integratedChangedFiles = [ // public-api.approved.json is kept). // -> 6b6f17c (2026-10-21, Merge fix/sw-viewer-strip-round: user-approved rounded viewer menu surface end and solid // viewer background, 3671657; CSS and docs only, no Story change, public-api.approved.json kept). -export const approvedMainCommit = '6b6f17c1a95c19fcf0ff310e88544c0caae9e2a3' +// -> f340a26 (2026-10-21, Merge fix/sw-viewer-open-icon-16: user-approved viewer open icon 16px area, open padding +// and button-height token, 0840d76; CSS and docs only, no Story change, public-api.approved.json kept). +export const approvedMainCommit = 'f340a264b88e8d7091dddea0bca961d45564c2d9' // 170a5c2: the SW/Header sidebar page of the home menu (the moved verification Stories are movedHomeMenuIds). export const homeMenuSidebarIds = ['sw-header--home-menu'] // 6cf8854 SW Footer (current IDs after retiredFooterIds), 7f42923 viewer mode, 41e963a theme inheritance.