refactor(sw): simplify storybook navigation and examples

This commit is contained in:
shkim4 committed 2026-10-20 13:17:15 +09:00
1 parent 47972c55ff
commit 2b0e1a2262
19 files changed
+438 -92

No files matched your search

+8 -5
View File
@@ -65,7 +65,7 @@ const callbacks = {
const meta = {
title: "SW/Header",
excludeStories: ["ComposedDemo"],
excludeStories: ["ComposedDemo", "PropertyPanelComparePage"],
component: SWHeader,
parameters: { layout: "fullscreen" },
args: { ...figmaArgs, ...callbacks },
@@ -289,6 +289,8 @@ function MotionSpecimen({ time }: { time?: number }) {
export const WindowMoveMotion: Story = {
name: "Window Move Motion",
// 2026-10-20 sidebar simplification: GIF frame verification; ID and direct URL kept.
tags: ["verification"],
parameters: { controls: { disable: true } },
render: () => (
<StoryPage>
@@ -939,6 +941,8 @@ function usePropertyMenus(record: (line: string) => void, setProperties: (update
export const KGuide: Story = {
name: "K Guide",
// 2026-10-20 sidebar simplification: the same Header as Overview (K guide on hover); ID and direct URL kept.
tags: ["verification"],
parameters: { controls: { disable: true } },
render: () => <StoryPage><StoryPageHeader kicker={KICKER} title="K 가이드 반복 애니메이션" description="기존 K 버튼 Hover/Focus → 원본 이미지 Pan·Zoom 반복. 영역을 벗어나면 정지, 재진입은 처음부터. Reduced Motion은 정지 이미지." /><div className="sw-story-property-room"><SWHeader {...figmaArgs} {...callbacks} /></div></StoryPage>,
}
@@ -992,8 +996,7 @@ function PropertyCompare() {
</div>
</>
}
export const PropertyPanelCompare: Story = {
name: "Property Panel · 4개 비교",
parameters: { controls: { disable: true } },
render: () => <StoryPage className="sw-story-compare-page"><StoryPageHeader kicker={KICKER} title="속성창 4개 상태 비교" description="네 패널은 같은 SWHeaderPropertyPanel입니다. 실제 Header에서는 현재 선택 객체의 패널 하나만 표시합니다." /><PropertyCompare /></StoryPage>,
/** Rendered by SW/Popup › Property Panel · 4개 비교 (sw-property-panel.stories.tsx, ID sw-header--property-panel-compare). */
export function PropertyPanelComparePage() {
return <StoryPage className="sw-story-compare-page"><StoryPageHeader kicker={KICKER} title="속성창 4개 상태 비교" description="네 패널은 같은 SWHeaderPropertyPanel입니다. 실제 Header에서는 현재 선택 객체의 패널 하나만 표시합니다." /><PropertyCompare /></StoryPage>
}