54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import "@repo/config-tailwind/styles.css"
|
|
import { defaultTranslationValues } from "@repo/i18n/config"
|
|
import i18nMessagesEnglish from "@repo/i18n/translations/en-US.json"
|
|
import type { Locale } from "@repo/utils/constants"
|
|
import type { Preview } from "@storybook/react"
|
|
import { NextIntlClientProvider } from "next-intl"
|
|
import { ThemeProvider as NextThemeProvider } from "next-themes"
|
|
import React from "react"
|
|
|
|
const preview: Preview = {
|
|
parameters: {
|
|
nextjs: {
|
|
appDirectory: true,
|
|
},
|
|
options: {
|
|
storySort: {
|
|
order: ["Design System", "Layout", "Errors"],
|
|
},
|
|
},
|
|
backgrounds: { disable: true },
|
|
darkMode: {
|
|
darkClass: "dark",
|
|
lightClass: "light",
|
|
classTarget: "html",
|
|
stylePreview: true,
|
|
},
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
},
|
|
decorators: [
|
|
(Story) => {
|
|
const locale = "en-US" satisfies Locale
|
|
|
|
return (
|
|
<NextThemeProvider enableColorScheme={false}>
|
|
<NextIntlClientProvider
|
|
messages={i18nMessagesEnglish}
|
|
locale={locale}
|
|
defaultTranslationValues={defaultTranslationValues}
|
|
>
|
|
<Story />
|
|
</NextIntlClientProvider>
|
|
</NextThemeProvider>
|
|
)
|
|
},
|
|
],
|
|
}
|
|
|
|
export default preview
|