Add nine component tokens declared on the outermost SW scope. Each
defaults to the token or literal it replaces, so the default look and
header theme inheritance are unchanged; setting one changes its
component alone.
- Viewer Header menus (logo menu, header dropdowns, More):
--hm-sw-viewer-header-menu-background / -border-color / -shadow /
-item-hover-background (default: --hm-sw-header-more-*)
- SWHeader K guide: --hm-sw-header-k-guide-border-color
(default var(--hm-sw-property-border)) / -background (#0e3c2e)
- Popup value color: --hm-sw-popup-value-color
(default var(--hm-sw-header-input-color)); the property bar keeps
the header token
- Footer command history scrollbar:
--hm-sw-footer-command-scrollbar-thumb (#574b30) / -track (transparent)
Footer focus ring, side shadow, shared text color and dividers stay
shared. Docs (DESIGN_RULES, AI_USAGE, VIEWER, header design spec) and
theme-inheritance section 1d updated.
- Adopt the official LNB desktop spec as package defaults: 240px column,
14px menu text, 48px 1-depth rows and 42px 2/3-depth rows, with new
item/subitem padding-block and profile min-height tokens.
- Match --hm-lnb-current-depth to the Storybook Manager selected item:
sampled soft inset falloff (left/top/bottom) and a fade over the last
quarter, keeping the concave corners and content join.
- Drop the size overrides from the LNB Story CSS and update the LNB, GNB
and Dashboard docs, AI guides and the theme verification baseline.
this.warn() in the hm-ui-theme-font-path transform failed tsc -b with
TS2339 because the untyped object literal made `this` the literal itself.
Annotate it as Vite's Plugin so `this` is the plugin context. Font URL
replacement and the warning behavior are unchanged.
Replace the old Green Default #123328 and Dark steps in the component docs,
brand color steps, runtime theme contract, token guide, loading screen doc and
the @hm-design/ui AI design rules. check:ai-docs passes. Remaining references
elsewhere are left for the final documentation consistency pass.
Seven shared Hanmac color tokens change:
- Green Default #123328 -> #164434, Dark 1 #0a221d -> #11372d,
Dark 2 #071e18 -> #0b2b23, Dark 3 #020a07 -> #030e0a
- Brown Default #3e3523 -> #4e422d, Dark 1 #352d1d -> #403726,
Dark 3 #1d1810 -> #0d0b07
Updates primitives.css, the generated default values, themes/default.json,
the verification baseline and the hard-coded Default expectations in the
theme Stories and the quality-reference script. --hm-sem-on-accent is
intentionally unchanged. check:theme-defaults reports generated outputs match.
- Dev server: rewrite the @hm-design/ui dist font URL to the /fonts static
directory so Preview no longer gets a 403 from the Vite fs allow list.
- When node_modules/@hm-design/ui is linked to another checkout, resolve the
five @hm-design/ui entry points to this checkout's packages/ui source so the
current tokens are shown instead of a stale palette. Checkouts whose links
already point at their own packages/ui keep the dist-based resolution.
- Rename Foundation/Typography to 폰트 and SW/Footer to SW/하단 명령어바 in
the sidebar order; Story IDs are kept (foundation-typography, sw-footer).
- Hanmac Color: label Light 4 as "보더 하이라이트용" and add a divider between
Light 4 and Light 3.
- Hide Patterns/Layout/Page Header from the sidebar with the verification tag
(Story IDs and direct URLs are unchanged).
- Remove the Variants section from the representative LNB page; With Logo and
Long Labels remain as verification Stories.
- Add StoryNotice and a withSWNotice decorator so every visible SW Story
shows the common notice above its title; non-SW Stories are unaffected.
- Align the SW Header overview with the common SW Story page layout, let the
preview Stage fill the available width and keep inner scroll on narrow screens.
- Rename SW/Footer to SW/하단 명령어바 (sidebar title only, Story IDs fixed via
id: "sw-footer"), drop the top SWHeader from its preview and lower the
workspace height bounds by the removed 49px.
- Responsive More / Logo / Settings Popup / Property Panel names in Korean (IDs unchanged)
- SW Step Header representative page keeps one Multi Step example
- Viewer Header drops the minimize/close example (component support unchanged)
- Header Responsive page uses the Logo page structure
- OrgChart -> 조직도 and sub menus (개요, 부서별 색상, 전체 구성, 확장 조직도); Story IDs kept
- 노선도 menu/page titles in Korean (제목, 정보, 노선·공간, 시설물)
- Department Colors cards 3 columns (2 under 960px)
- brand title to 한맥 디자인 시스템
- Foundation: 한맥 컬러 / 가족사 컬러 titles, Story IDs kept via explicit id
- Company Colors card order 2/2/3, Foundation/Layout hidden with verification tag
- sidebar order for Foundation and 조직도
- Manager LNB: 246px width, 16px brand title, 14px/700 menu and section
titles, depth1 48px / depth2+ 42px rows, 24px section gap
- Foundation: rename Color to HM Color (Story ID foundation-color--all kept),
remove Company Colors subtitle and the page-title bottom border
- Patterns/Layout/LNB: Storybook-only overrides in lnb.stories.css
(240px column, 212px min width, 14px menu, 48/42px rows, profile text,
group dividers); representative board dividers per section
- Sync story inventory and docs (brand-color-steps, lnb); shared package
defaults and tokens are unchanged
Add HMSolidPieChart and HMSolidDonutChart: a tilted, SVG-drawn disc with an
outer wall and, for the donut, an inner wall seen through the hole. Same data,
slice angles, order, legend and tooltip as the 2D charts; the tooltip is the
same on the top face and the walls and follows the pointer. The existing 2D
charts and their props are unchanged.
- Side walls use darker HM tokens (--hm-chart-1-side .. --hm-chart-5-side) and
a color-mix darkening for custom colors; shared chart tokens are untouched.
- Add a "입체형" example to the Pie Chart and Donut Chart stories
(PieSolidExample, DonutSolidExample); ExampleCard description is now optional.
- Document usage and constraints in the chart package README.
Regenerate the Story Inventory with .storybook/qa/generate-inventory.mjs.
The records were last generated on 2026-10-11 and missed the OrgChart (8 files,
27 stories) and SW (10 files, 50 stories) stories added since, plus two new
stories (Tabs DefaultApi, Filter Bar DraftApplied) and two reclassified ones.
The inventory now matches the actual 82 story files and 372 stories.
Only the two generated files change; the generator and stories are untouched.
Add Foundation > Company Colors as a separate Storybook menu placed right
after Color. It shows the 7 affiliates and 14 colors from the existing
companyColorPresets (main first, then secondary) with the Color chip styles
and the Default emphasis reused for the main color. Theme tokens, public API
and the existing Color story are unchanged.
- Foundation sort order: Color, Company Colors, Typography, Layout
- Company chip width rule scoped to the company rows
- Document the menu in brand-color-steps.md
- Add the new story to the Story Inventory records
The lit middle group overlay started at the group top, so its dark top band was about twice as thick as the first / last group face. It now starts 4.95px above the group like that face and runs to the bottom edge.
With appearance="multi" and all window controls hidden, the tool group is the last
child of the window area; give it the same 5px right margin as its left margin.
The existing 2px margin stays whenever a window button follows. default and other
headers are unchanged.
When no official public icon export covers a requested icon, the AI guides now
require asking the user first: approval to use the Storybook icon or an SVG asset
(3-A), or an asset / replacement choice when HMDesign has none (3-B). Creating,
copying, replacing or finally omitting the icon before the answer is not allowed.
Consumer-project use approval is kept separate from official package export
registration. AI_GUIDE shared copies synced.
- SWProcessHeader appearance="multi": the process base and both end
covers meet the file name and the window area with right angles
(border-radius 0, multi block only). default keeps the Strana top
corners 6 / covers 5; step tabs, arrows, colors and sizes unchanged
- DESIGN_RULES §14 and Step Header spec §9.2 record the multi-only rule
- process-header-states.check.mjs: default 6 / 5 kept, multi 0 (17/17);
build:sw and check:ai-docs pass, Storybook zoom shows square multi ends
- AI_GUIDE stage 5 "Header 전용 스타일의 적용 범위": header-only styles stay
in the header (SW SWHeader / SWProcessHeader / SWViewerHeader, Web GNB /
LNBMobileHeader / DashboardHeader); no header CSS or tokens on body UI,
no global overrides, layout-only joins, package-shared tokens unchanged,
whole-screen use only on explicit request. Synced to the 4 package
copies; referenced from stage 6, SW and Web AI_USAGE §3
- SWProcessHeader: with documentTitle "" the file name keeps #AEDBCC on
hover and a default cursor (root data-document-untitled). The button,
focus and onDocumentClick are kept; a real file name keeps the yellow
hover and pointer. Visual vs. click difference recorded as a UX item
- Step enablement documented as implemented: only an explicit disabled
(step, group, process, header) turns steps off; project / file state
never does; selection is activeStepId + onStepSelect (also for host
previous / next); no activeStepId and empty groups described
- Regression check tests/process-header-states.check.mjs (15/15);
typecheck:sw, build:sw, check:ai-docs pass; public-api keeps its 3
existing failures, none new
- Story page Inner side margin: 16px up to a 480px viewport, linear to 60px at 768px, 60px beyond (no width jump)
- Follow the 60px margins: Responsive 1920 row from a 2040px page (was 2000px); property compare 3 columns from 1125px, 2 columns from 787px (was 1080 / 720)
- SW browser tests: drop the removed --sb-page-max-width override, compare thresholds 787 / 1125
- SWToolButton appearance="pill": a non-blank string children is also
the native title; an explicit title wins and title="" turns it off;
numbers, JSX and arrays are never converted. text / document keep
passing only the given title. Accessible name, DOM and classes unchanged
- DESIGN_RULES §15: Header UX principles (ellipsis full text, icon-only
tool buttons, print class shared by pill, font-dependent widths, scope)
- Reference them from DESIGN_RULES §3·§9, COMPONENT_CATALOG §4·§11,
AI_USAGE §5.4, SW Header spec §17 and Step Header spec §12
- SWProcessHeader logoText: at least 58px and as wide as the text,
instead of a fixed 58px place that cut longer words (home >= 106px)
- Align JSDoc (SWHeader, SWViewerHeader, SWProcessHeader) and docs with
the content-width logo slot: DESIGN_RULES §1 common rule and §14,
COMPONENT_CATALOG, VIEWER.md, SW Header / Step Header specs
- No prop or public API change
Deploy Storybook / deploy (push) Successful in 1m13s
The command group and the more panel 1px border now use the same gradient as
the side and auxiliary buttons (--hm-sw-footer-group-border), replacing the
solid #886D35 token --hm-sw-footer-group-border-color.
Deploy Storybook / deploy (push) Successful in 1m12s
The Overview selection controls are shown only with &verification since
the 2026-10-21 simplification; overview.browser.mjs already used it, so
the Firefox suite stopped before its popup checks. Now 9/9 PASS.
Deploy Storybook / deploy (push) Successful in 53s
- sw-header-usage: 3-column Property Panel comparison and the Overview
panel clamped to the preview Stage (no Stage scrollbar)
- center-graphic README: CompactFacilityConnection segmentShape and the
AdministrativeLabel trailing letter-spacing fix
Deploy Storybook / deploy (push) Successful in 1m11s
- CompactFacilityConnection gets an optional segmentShape ('tunnel' |
'bridge'); omitted keeps the narrow centre strip
- Tunnel: 30% rounded section with a white outline and a dot on each end
- Bridge: 30% square section with white end lines and a square mark at
each end
- Section 4 demo: each row centred in its column, captions kept left
- Plain labels take the trailing letter-spacing out of their box so a
centred label is centred on its letters
Deploy Storybook / deploy (push) Successful in 1m16s
- File name: clamp(80px, min(45cqw - 256px, 100cqw - 780px), 360px),
56px below 560px; 1280px and wider unchanged
- Model / Layout tabs narrow (name, then count ellipsized) down to the new
--hm-sw-viewer-tabs-min-width (48px) before anything moves into More;
the measurement counts them at that minimum once every icon step applies
- Switch items get an optional shortLabel shown below 560px (어두운 배경 ->
배경); counts hidden there
- More appears only below about 520px; viewer test and AI guides updated
- Property Panel compare page: from 1080px, none/all stacked in column 1,
circle and expanded side by side (2x2 and 1 column below)
- Overview Stage: the property panel is clamped to the Stage height so the
Stage gets no scrollbar; the panel body scrolls
- Viewer header file name: clamp(140px, calc(45cqw - 256px), 360px) so a
950px header shows no More; 1280px and wider unchanged
shkim4