import type { StorybookConfig } from '@storybook/react-vite'

const config: StorybookConfig = {
	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
	addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions'],
	framework: {
		name: '@storybook/react-vite',
		options: {}
	},
	docs: {
		autodocs: 'tag'
	},
	staticDirs: ['../src/assets'] //👈 Configures the static asset folder in Storybook
}
export default config

import "../src/index.css"

export const parameters = {
	actions: { argTypesRegex: "^on[A-Z].*" },
	controls: {
		matchers: {
			color: /(background|color)$/i,
			date: /Date$/,
		},
	},
}

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Primary font - Boing */
@font-face {
	font-family: 'Boing';
	src: url('./assets/typography/boing/Boing-RegularWEB.woff') format('woff'),
		url('./assets/typography/boing/Boing-RegularWEB.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Boing';
	src: url('./assets/typography/boing/Boing-SemiboldWEB.woff') format('woff'),
		url('./assets/typography/boing/Boing-SemiboldWEB.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Boing';
	src: url('./assets/typography/boing/Boing-BoldWEB.woff') format('woff'),
		url('./assets/typography/boing/Boing-BoldWEB.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@layer base {
	html {
		@apply font-primary;
	}
}