feat(app-general): add initial styled-system and storybook integration

eficode · Jan 15, 2021 · 56d6f5b · 56d6f5b
1 parent 788a6bf
commit 56d6f5b
Show file tree

Hide file tree

Showing 31 changed files with 6,037 additions and 302 deletions.
diff --git a/packages/game-app/.storybook/main.js b/packages/game-app/.storybook/main.js
@@ -0,0 +1,11 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/preset-create-react-app"
+  ]
+}
diff --git a/packages/game-app/.storybook/preview-head.html b/packages/game-app/.storybook/preview-head.html
@@ -0,0 +1,2 @@
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,700&family=Montserrat:wght@400;600;800&display=swap" rel="stylesheet">
diff --git a/packages/game-app/.storybook/preview.js b/packages/game-app/.storybook/preview.js
@@ -0,0 +1,17 @@
+import React from "react";
+import { ThemeProvider } from 'styled-components';
+import theme from '../src/theme'
+
+export const parameters = {
+    actions: {argTypesRegex: "^on[A-Z].*"},
+    layout: 'centered',
+}
+
+
+export const decorators = [
+    (Story) => (
+        <ThemeProvider theme={theme}>
+            <Story />
+        </ThemeProvider>
+    ),
+];