51 lines
1.1 KiB
TypeScript
51 lines
1.1 KiB
TypeScript
import "@mantine/charts/styles.css";
|
|
import "@mantine/core/styles.css";
|
|
import "@mantine/dates/styles.css";
|
|
import "@wealthledger/icons/styles.css";
|
|
import "@wealthledger/ui/styles.css";
|
|
import "dayjs/locale/ru";
|
|
|
|
import type { Preview } from "@storybook/react-vite";
|
|
|
|
import "../src/shared/i18n";
|
|
|
|
import { MantineProvider } from "@mantine/core";
|
|
import { DatesProvider } from "@mantine/dates";
|
|
import { cssVariablesResolver, theme } from "@wealthledger/ui/theme";
|
|
|
|
const colorSchemeManager = {
|
|
clear: () => {},
|
|
get: () => "light" as const,
|
|
set: () => {},
|
|
subscribe: () => {},
|
|
unsubscribe: () => {},
|
|
};
|
|
|
|
const preview: Preview = {
|
|
decorators: [
|
|
Story => (
|
|
<MantineProvider
|
|
colorSchemeManager={colorSchemeManager}
|
|
cssVariablesResolver={cssVariablesResolver}
|
|
forceColorScheme="light"
|
|
theme={theme}
|
|
>
|
|
<DatesProvider settings={{ locale: "ru" }}>
|
|
<Story />
|
|
</DatesProvider>
|
|
</MantineProvider>
|
|
),
|
|
],
|
|
parameters: {
|
|
controls: { expanded: true },
|
|
layout: "padded",
|
|
options: {
|
|
storySort: {
|
|
order: ["Design System", ["Foundations", "Components"], "Product"],
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
export default preview;
|