feat(storybook): add shared SW notice and refine SW previews

- Add StoryNotice and a withSWNotice decorator so every visible SW Story
  shows the common notice above its title; non-SW Stories are unaffected.
- Align the SW Header overview with the common SW Story page layout, let the
  preview Stage fill the available width and keep inner scroll on narrow screens.
- Rename SW/Footer to SW/하단 명령어바 (sidebar title only, Story IDs fixed via
  id: "sw-footer"), drop the top SWHeader from its preview and lower the
  workspace height bounds by the removed 49px.
This commit is contained in:
shkim4 committed 2026-11-09 19:23:17 +09:00
1 parent a460426535
commit 9394050c72
16 files changed
+113 -22

No files matched your search

+2
View File
@@ -1,5 +1,6 @@
import { useLayoutEffect, useRef, useState, type ReactNode } from "react"
import type { Meta, StoryObj } from "@storybook/react-vite"
import { withSWNotice } from "./sw-story-notice"
// Public API only, like a consuming project.
import {
SWHeader, SWHeaderPropertyBar, SWHomeMenu, SWHomeMenuItem, SWHomeMenuSection, SWPopup, SWPopupRow, SWPopupSection,
@@ -25,6 +26,7 @@ const KICKER = "HM DESIGN SYSTEM / SW"
const meta = {
title: "SW/Header",
parameters: { layout: "fullscreen", controls: { disable: true } },
decorators: [withSWNotice],
} satisfies Meta
export default meta
type Story = StoryObj<typeof meta>