fix: article에 theme name add

Author: 01-binary

apps/storybook/.storybook/preview.ts

@@ -1,16 +1,7 @@
-import type { Preview } from "@storybook/react";
-import { Decorator } from "@storybook/react";
+import type { Preview } from '@storybook/react';
 // 중요: CSS 파일을 직접 가져옵니다
 import 'notion-to-jsx/dist/index.css';
 
-// 모든 스토리에 테마 클래스를 글로벌하게 적용하는 데코레이터 추가
-const withTheme: Decorator = (StoryFn, context) => {
-  const story = StoryFn(context);
-  // DOM에 직접 테마 클래스 추가
-  document.body.classList.add('theme_lightTheme__sq3jkbt');
-  return story;
-};
-
 const preview: Preview = {
   parameters: {
     controls: {
@@ -20,7 +11,6 @@ const preview: Preview = {
       },
     },
   },
-  decorators: [withTheme],
 };
 
 export default preview;

packages/notion-to-jsx/src/components/Renderer/index.tsx

@@ -132,9 +132,12 @@ export const Renderer: React.FC<Props> = React.memo(
     }, [blocks, handleBlockFocus]);
 
     return (
-      <div className={container} role="main" aria-label="Notion page content">
+      <article
+        className={`${theme} ${container}`}
+        aria-label="Notion page content"
+      >
         {renderedBlocks}
-      </div>
+      </article>
     );
   }
 );