- @hm-design/chart: add --hm-chart-track (radial tracks, horizontal bar
hover band; warm neutral light) and --hm-chart-surface (slice / segment
gaps, Dot rings, label halos, radial meter center; white by default)
- --hm-chart-bar-name-halo stays an optional override and falls back to
--hm-chart-surface; official chart.tsx unchanged
- Storybook Chart pages (Bar / Line / Area / Donut / Pie / Radar / Radial):
open layout without example cards, 2-4 responsive columns, one sample
data notice per page, surface token set to the content background
- Same sample data, props, tooltip and interaction as the example cards;
examples entry and consumer example unchanged
- README: surface / track token usage
- Button: Sizes | Variants side by side, States as Brand / Standard Solid /
Standard Outline matrices (3 / 2 / 1 columns), 8px button gap; the
Interact row stays only in the verification "Brand States" Story
- Input / Textarea / Select: state name in the field Label slot, repeated
field Label and group titles removed, aria-label keeps field meaning
with the visible state name; Select uses the Input field grid
- Combobox / Date Picker: Sizes / States use the same state-name Label
and Input grid; Usage unchanged
- Toggle: top Variants / States in 2 columns, 8px toggle gap, 단독 toggle
keeps its own width
- Component code, props, tokens and verification Stories unchanged;
component docs updated to match
- Manager sidebar navSize / recentVisibleSizes 246px -> 180px
- Menu labels: 화면 너비 대응 -> 화면 너비 (SW Header / Viewer / Step Header / Footer),
날짜 선택기 -> 날짜 선택, 여러 줄 입력창 -> 텍스트 영역
- Story IDs, hierarchy and order unchanged
- Hanmac Color: continuous spectrum band (8/4/2 columns by width), 120px
swatches with name, role and HEX inside, Default/Light 4 role lines
- Company Colors: separate 120px chips (12px padding, 4px radius),
name top left and HEX bottom right; company layout and data unchanged
- Typography: Font Family/Weight in two columns with info | preview rows,
vertically centered specimens grouped by component, Text Colors chips
with 14px Medium names
- Shared colorHex/textTone helpers pick the first text tone reaching 4.5:1
- Update brand color guide and WORKING_CONTEXT
- Story page frame: H2 16/24/700 -> 12px -> divider -> 16px -> content, sections 28px apart;
StorySectionGrid keeps its 24px column gap
- Content indent (--sb-page-indent 16px, 12px at 640px and below): .sb-page-indent for information
blocks; group boards (StateBoard / CardBoard, data-sb-board) indented once per section block so
per-column boards keep their 24px gap
- Input / Select / Toggle Sizes grids take the same indent; field Labels unchanged
- Full-width Pattern previews (GNB, LNB, Loading Screen, Page Header) opt out with indent={false}
- Foundation/폰트: Text Colors name / usage / HEX levels, Font Family and Font Weight token lines,
Specimens row spacing and indent; specimen values unchanged
- Guideline and WORKING_CONTEXT updated
StoryPageHeader no longer shows the page title, kicker, description or the SW group notice; it renders only a visually hidden H1 with the Story title, so the preview keeps a page heading for screen readers while the first section starts at the top gutter (unchanged position).
- OrgChart verify-p8 / p9 / p9-1 / p9-2-composition wait for the first visible StoryPage content block and read the page H1 instead of .sb-page-title; existing expectations are unchanged.
- SW overview browser test clicks the page gutter as its outside-click target.
- Drop the unused .sb-page-description from the SW Storybook hide rules.
- Update the Storybook page frame rule in the project guideline.
Show the four admin text colors (Primary, Secondary, Placeholder, Readonly Placeholder) as Hanmac color chips with Korean usage names at the top of Foundation/폰트, replacing the comparison and gray palette tables. Font Family, Font Weight and Typography Specimens are unchanged.
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.
shkim4