From 03331c44276ec56e9f235e4d5ee75030455a753f Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 19 Sep 2023 15:47:08 +0200 Subject: build(deps): bump all dependencies * MDX type has changed so some components props had to be updated * Since Storybook now supports TS, I renamed the main/preview files --- .storybook/preview.js | 56 --------------------------------------------------- 1 file changed, 56 deletions(-) delete mode 100644 .storybook/preview.js (limited to '.storybook/preview.js') diff --git a/.storybook/preview.js b/.storybook/preview.js deleted file mode 100644 index ce30b56..0000000 --- a/.storybook/preview.js +++ /dev/null @@ -1,56 +0,0 @@ -import { ThemeProvider, useTheme } from 'next-themes'; -import { useEffect } from 'react'; -import { IntlProvider } from 'react-intl'; -import { useDarkMode } from 'storybook-dark-mode'; -import { DocsContainer } from './overrides/docs-container'; -import dark from './themes/dark'; -import light from './themes/light'; -import '../src/styles/globals.scss'; - -export const parameters = { - actions: { argTypesRegex: '^on[A-Z].*' }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, - }, - }, - darkMode: { - // Override the default dark theme - dark: { ...dark }, - // Override the default light theme - light: { ...light }, - stylePreview: true, - }, - docs: { - container: DocsContainer, - }, -}; - -// Create a component that listens for theme change. -export const ThemeWrapper = (props) => { - const { setTheme } = useTheme(); - const theme = useDarkMode() ? 'dark' : 'light'; - - useEffect(() => { - setTheme(theme); - }, [theme, setTheme]); - - return <>{props.children}; -}; - -export const decorators = [ - (Story) => ( - - - - - - - - ), -]; -- cgit v1.2.3