Files
HMDesign/packages/center-graphic
shkim4 ed7e8790ec style(storybook): tidy CENTER, chart, org chart and SW story pages
- CENTER plain page layout and shorter reference demo notes (spec values
  moved to the CENTER README); chart specimen descriptions trimmed
- Org chart page names and previews; SW width rows follow the 30px frame
  margin (1980 / 1065 / 727px) and the SW tests match the current layout
- Story inventory regenerated and WORKING_CONTEXT updated
2026-11-13 17:58:01 +09:00
..

@hm-design/center-graphic

React 19 CENTER graphics. Published entrypoints contain ESM JavaScript, TypeScript declarations, component CSS and embedded SVG assets.

import { CenterTitle, TunnelFacility } from "@hm-design/center-graphic"
import { CenterTitleReferenceDemo } from "@hm-design/center-graphic/reference"

Both JavaScript entrypoints automatically import the component stylesheet. Use a bundler that handles CSS imports. The stylesheet is also available explicitly as @hm-design/center-graphic/style.css.

Vite processes SVG imports and import.meta.glob during the repository build. Published JavaScript and declarations do not require Vite or vite/client. React and React DOM are peers and are not bundled. This package does not depend on @hm-design/ui.

From the HMDesignSystem repository, run npm run build -w @hm-design/center-graphic. npm pack runs this build automatically. Only dist/, this README and the package manifest are packed; raw source assets and Storybook files are excluded.