From 87598ab35ece0cf81918e12cc9bd28a696fcd275 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EC=88=98=ED=98=84?= Date: Tue, 20 Oct 2026 17:47:50 +0900 Subject: [PATCH] fix(sw): header field values use Dotum Regular (400) Figma text property is Dotum Regular 14 / 0.56px; the synthetic bold (700) cut 0_Layer_Cludmark and the dimension Standard value. --- packages/sw/src/theme/sw.css | 5 ++++- packages/sw/tests/footer-popup-viewer-refinement.browser.mjs | 3 ++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/sw/src/theme/sw.css b/packages/sw/src/theme/sw.css index 27441bb..aad6162 100644 --- a/packages/sw/src/theme/sw.css +++ b/packages/sw/src/theme/sw.css @@ -593,10 +593,13 @@ white-space: nowrap; text-overflow: ellipsis; } +/* Value: Figma Dotum Regular 14 / 0.56px (2026-10-20). The layer style is named Dotum/bold/14, but the text itself + is Regular and only looks bold through overlapping copies + outline in Figma; the browser's synthetic bold of Dotum + (700) was wider and cut 0_Layer_Cludmark / 치수 Standard / 0.25 · 1.00 (Firefox). The black text outline stays. */ .hm-sw-header__field-value { height: 16px; overflow: hidden; - font-weight: 700; + font-weight: 400; line-height: 16px; letter-spacing: 0.04em; white-space: nowrap; diff --git a/packages/sw/tests/footer-popup-viewer-refinement.browser.mjs b/packages/sw/tests/footer-popup-viewer-refinement.browser.mjs index 56d3ed7..731f3f4 100644 --- a/packages/sw/tests/footer-popup-viewer-refinement.browser.mjs +++ b/packages/sw/tests/footer-popup-viewer-refinement.browser.mjs @@ -93,7 +93,8 @@ check('Footer: 화면 폭 변화 keeps the 6 widths, 참고 좁은 화면 + Figm // 2. Popup layer / color = the property window pickers (SWPopupPropertyRow); SWHeader field dropdowns stay header-only. await goto('sw-header--overview') const headerField = await page.locator('.hm-sw-header .hm-sw-header__field--layer').first().evaluate(e => { const c = getComputedStyle(e), v = getComputedStyle(e.querySelector('.hm-sw-header__field-value')); return [c.color, c.height, v.color, v.fontWeight].join('|') }) -check('Header: layer field keeps the header design (#F6F4F2, 38px, value 700)', headerField === 'rgb(246, 244, 242)|38px|rgb(246, 244, 242)|700', headerField) +// 2026-10-20: field values are Dotum Regular (400), Figma text property (hover-stability.browser.mjs). +check('Header: layer field keeps the header design (#F6F4F2, 38px, value 400)', headerField === 'rgb(246, 244, 242)|38px|rgb(246, 244, 242)|400', headerField) await goto('sw-popup--custom-content') const rowSig = loc => loc.evaluate(row => { const s = e => { const c = getComputedStyle(e); return [c.color, c.backgroundColor, c.backgroundImage.slice(0, 30), c.borderTopColor, c.height, c.fontSize, c.fontWeight, c.textShadow].join(',') }; return ['.hm-sw-property__value', '.hm-sw-property__trigger, .hm-sw-header__input', 'label'].map(q => row.querySelector(q) ? s(row.querySelector(q)) : '-').join(' / ') + ' / ' + row.querySelector('.hm-sw-property__value')?.dataset.picker }) const panelRows = page.locator('[data-popups] .hm-sw-property').nth(2)