Merge branch 'master' into readme-template

Author: butterknight

.node-version

@@ -1 +1 @@
-18.14.2
+20.10.0

.storybook/main.js

@@ -0,0 +1,21 @@
+import type { StorybookConfig } from '@storybook/nextjs';
+
+const config: StorybookConfig = {
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+	addons: [
+		'@storybook/addon-links',
+		'@storybook/addon-essentials',
+		'@storybook/addon-onboarding',
+		'@storybook/addon-interactions',
+		'@storybook/addon-a11y',
+		'@chakra-ui/storybook-addon',
+	],
+	framework: {
+		name: '@storybook/nextjs',
+		options: {},
+	},
+	docs: {
+		autodocs: 'tag',
+	},
+};
+export default config;

.storybook/main.ts

@@ -0,0 +1,20 @@
+import type { Preview } from '@storybook/react';
+
+import theme from '../src/styles/theme';
+
+const preview: Preview = {
+	parameters: {
+		actions: { argTypesRegex: '^on[A-Z].*' },
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+		chakra: {
+			theme,
+		},
+	},
+};
+
+export default preview;

.storybook/preview-head.html

@@ -39,6 +39,9 @@ const customJestConfig = {
 	collectCoverageFrom: ['./src/**/*.{js,jsx,ts,tsx}', '!./src/**/*.stories.{js,jsx,ts,tsx}', '!./src/interfaces/**/*'],
 	watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
 	snapshotSerializers: ['@emotion/jest/serializer'],
+	testEnvironmentOptions: {
+		customExportConditions: [''],
+	},
 };
 
 // createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async

.storybook/preview.ts

@@ -4,7 +4,7 @@
 // Used for __tests__/testing-library.js
 // Learn more: https://github.com/testing-library/jest-dom
 import { server } from '@/mocks/server';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import 'jest-axe/extend-expect';
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-return