shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity

feat(storybook): refine manager layout and Hanmac branding

Browse Source
This commit is contained in:
shkim4 committed 2026-11-09 13:59:46 +09:00
1 parent fc0a3e7725
commit e47eb040f2
7 files changed
+20 -13
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/foundation/color.stories.tsx
+4 -4
View File
@@ -35,13 +35,13 @@ function ColorChip({ prefix, stage, values }: { prefix: PalettePrefix; stage: Co
function ColorReferencePage() {
const values = useResolvedProperties(colorProperties)
return <ReferencePage title="HM Color">
return <ReferencePage title="Hanmac Color">
{palettes.map(palette => <ReferenceSection key={palette.name} title={palette.name} note="">
<div className="hm-brand-color-row">{stages.map(stage => <ColorChip key={stage} prefix={palette.prefix} stage={stage} values={values} />)}</div>
</ReferenceSection>)}
</ReferencePage>
}
// The sidebar name is "HM Color"; `id` keeps the existing Story ID (foundation-color--all) stable.
const meta = { title: "Foundation/HM Color", id: "foundation-color", parameters: { layout: "fullscreen" } } satisfies Meta
// The sidebar name is "Hanmac Color"; `id` keeps the existing Story ID (foundation-color--all) stable.
const meta = { title: "Foundation/Hanmac Color", id: "foundation-color", parameters: { layout: "fullscreen" } } satisfies Meta
export default meta
export const All: StoryObj<typeof meta> = { name: "HM Color", render: () => <ColorReferencePage /> }
export const All: StoryObj<typeof meta> = { name: "Hanmac Color", render: () => <ColorReferencePage /> }