refactor: use storybook v7 (#951)

packages/component/.storybook/preview.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { getLightTheme, ThemeProvider } from '../src';
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};
+
+const lightTheme = getLightTheme('page');
+
+export const decorators = [
+  (Story: React.ComponentType) => {
+    return (
+      <ThemeProvider theme={lightTheme}>
+        <Story />
+      </ThemeProvider>
+    );
+  },
+];