53 lines
1.3 KiB
JavaScript
53 lines
1.3 KiB
JavaScript
import { MINIMAL_VIEWPORTS } from "@storybook/addon-viewport";
|
|
import { Base, Dark } from "../themes/index";
|
|
import "../../../public/css/fonts.css";
|
|
import ThemeWrapper from "./globals/theme-wrapper";
|
|
import { DocsContainer } from "./DocsContainer";
|
|
import globalTypes from "./globals";
|
|
import { useDarkMode } from "storybook-dark-mode";
|
|
// import "../index";
|
|
|
|
import lightTheme from "./lightTheme";
|
|
import darkTheme from "./darkTheme";
|
|
import StorybookGlobalStyles from "./styles/StorybookGlobalStyles";
|
|
|
|
const preview = {
|
|
globalTypes,
|
|
parameters: {
|
|
backgrounds: { disable: true },
|
|
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
controls: { expanded: true },
|
|
docs: {
|
|
container: DocsContainer,
|
|
},
|
|
viewport: {
|
|
viewports: MINIMAL_VIEWPORTS,
|
|
},
|
|
previewTabs: {
|
|
"storybook/docs/panel": {
|
|
hidden: true,
|
|
},
|
|
},
|
|
darkMode: {
|
|
current: "light",
|
|
light: lightTheme,
|
|
dark: darkTheme,
|
|
},
|
|
},
|
|
decorators: [
|
|
(Story, context) => {
|
|
const theme = useDarkMode() ? Dark : Base;
|
|
const interfaceDirection = context.globals.direction;
|
|
|
|
return (
|
|
<ThemeWrapper theme={{ ...theme, interfaceDirection }}>
|
|
<StorybookGlobalStyles />
|
|
<Story />
|
|
</ThemeWrapper>
|
|
);
|
|
},
|
|
],
|
|
};
|
|
|
|
export default preview;
|