From 7cbca3821c12305d9d4daf0c5c62934e54026e63 Mon Sep 17 00:00:00 2001 From: Joo Chanhwi <56245920+te6-in@users.noreply.github.com> Date: Wed, 20 Nov 2024 11:33:10 +0900 Subject: [PATCH] =?UTF-8?q?feat(docs):=20story=20=EA=B8=B0=EB=B3=B8=20?= =?UTF-8?q?=ED=8F=B0=ED=8A=B8=EB=A5=BC=20=EC=A7=80=EC=A0=95=ED=95=B4?= =?UTF-8?q?=EC=9A=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit (cherry picked from commit 87521fb2f065773710e6b2e8bb766bf1c4e7482b) --- docs/stories/components/decorator.tsx | 50 ++++++++++++--------------- 1 file changed, 22 insertions(+), 28 deletions(-) diff --git a/docs/stories/components/decorator.tsx b/docs/stories/components/decorator.tsx index 775bfbf04..0f5ceabb5 100644 --- a/docs/stories/components/decorator.tsx +++ b/docs/stories/components/decorator.tsx @@ -1,20 +1,31 @@ import type { Decorator } from "@storybook/react"; +import type { DetailedHTMLProps, HtmlHTMLAttributes } from "react"; const STORY_LIGHT_THEME = "Light Theme"; const STORY_DARK_THEME = "Dark Theme"; const FONT_SCALING = "Font Scaling"; +const DEFAULT_PROPERTIES: DetailedHTMLProps< + HtmlHTMLAttributes, + HTMLHtmlElement +> & { + [key: string]: unknown; +} = { + lang: "ko", + "data-seed-scale-letter-spacing": "ios", + style: { + display: "flex", + flexDirection: "column", + padding: "0 20px", + fontFamily: `-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`, + }, +}; + export const SeedThemeDecorator: Decorator = (Story, ctx) => { if (ctx.name === STORY_LIGHT_THEME) { return ( - + ); @@ -22,13 +33,7 @@ export const SeedThemeDecorator: Decorator = (Story, ctx) => { if (ctx.name === STORY_DARK_THEME) { return ( - + ); @@ -49,16 +54,10 @@ export const SeedThemeDecorator: Decorator = (Story, ctx) => { return ( @@ -66,12 +65,7 @@ export const SeedThemeDecorator: Decorator = (Story, ctx) => { } return ( - + );