docs(storybook): simplify Foundation Typography and Layout pages
Deploy Storybook / deploy (push) Successful in 53s

Typography: drop the page intro, section notes, the Font Stack details and
the per-specimen source path / size list that repeated the computed summary.
Layout: drop the intro, section notes, CSS source paths, the boundary and QA
preset notes, the current preview line and the Grid / Container note.
ReferencePage intro and ReferenceSection note become optional; Color keeps its text.
This commit is contained in:
shkim4 committed 2026-10-22 18:05:51 +09:00
1 parent f4ddd5ac4b
commit 625cdf0045
4 files changed
+18 -21

No files matched your search

+2 -2
View File
@@ -24,10 +24,10 @@ export function useResolvedProperties(properties: readonly string[]) {
}
// The page frame, title and sections are the common Story page (src/components/story-page.tsx); .hm-foundation styles the reference content.
export function ReferencePage({ title, intro, children }: { title: string; intro: string; children: ReactNode }) {
export function ReferencePage({ title, intro, children }: { title: string; intro?: string; children: ReactNode }) {
return <StoryPage className="hm-foundation"><StoryPageHeader title={title} description={intro} />{children}</StoryPage>
}
export function ReferenceSection({ title, note, children, id }: { title: string; note: string; children: ReactNode; id?: string }) {
export function ReferenceSection({ title, note, children, id }: { title: string; note?: string; children: ReactNode; id?: string }) {
return <StorySection id={id} title={title} description={note}>{children}</StorySection>
}
export function Specimen({ label, size, line, weight }: { label: string; size: string; line: string; weight?: string }) {