71 lines
1.7 KiB
TypeScript
71 lines
1.7 KiB
TypeScript
import type { Preview } from "@storybook/nextjs-vite";
|
|
import { Geist, Geist_Mono, Inter, Manrope, Poppins } from "next/font/google";
|
|
import "../src/app/globals.css";
|
|
import React from "react";
|
|
|
|
const geistSans = Geist({
|
|
variable: "--font-geist-sans",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const manrope = Manrope({
|
|
variable: "--font-manrope",
|
|
subsets: ["latin", "cyrillic"],
|
|
weight: ["200", "300", "400", "500", "600", "700", "800"],
|
|
});
|
|
|
|
const inter = Inter({
|
|
variable: "--font-inter",
|
|
subsets: ["latin", "cyrillic"],
|
|
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
|
});
|
|
|
|
const poppins = Poppins({
|
|
variable: "--font-poppins",
|
|
subsets: ["latin"],
|
|
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
|
});
|
|
|
|
const preview: Preview = {
|
|
parameters: {
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
|
|
a11y: {
|
|
// 'todo' - show a11y violations in the test UI only
|
|
// 'error' - fail CI on a11y violations
|
|
// 'off' - skip a11y checks entirely
|
|
test: "todo",
|
|
},
|
|
|
|
layout: "padded",
|
|
|
|
backgrounds: {
|
|
options: {
|
|
light: { name: "Light", value: "#fff" },
|
|
dark: { name: "Dark", value: "#333" },
|
|
},
|
|
},
|
|
},
|
|
decorators: [
|
|
(Story) => (
|
|
<div
|
|
className={`${geistSans.variable} ${geistMono.variable} ${manrope.variable} ${inter.variable} ${poppins.variable} flex items-center justify-center size-full max-w-[560px] min-w-xs mx-auto antialiased`}
|
|
>
|
|
<Story />
|
|
</div>
|
|
),
|
|
],
|
|
};
|
|
|
|
export default preview;
|