Added box stories

matheusps · Oct 16, 2019 · 5ebeee0 · 5ebeee0
1 parent 1aa2d96
commit 5ebeee0
Show file tree

Hide file tree

Showing 22 changed files with 2,764 additions and 726 deletions.
diff --git a/.storybook/config.ts b/.storybook/config.ts
@@ -0,0 +1,3 @@
+import { configure } from '@storybook/react'
+
+configure(require.context('../src', true, /\.stories\.tsx?$/), module)
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -0,0 +1,16 @@
+module.exports = ({ config }) => {
+  config.module.rules.push({
+    test: /\.(ts|tsx)$/,
+    use: [
+      {
+        loader: require.resolve('awesome-typescript-loader'),
+      },
+      // Optional
+      {
+        loader: require.resolve('react-docgen-typescript-loader'),
+      },
+    ],
+  })
+  config.resolve.extensions.push('.ts', '.tsx')
+  return config
+}
diff --git a/package.json b/package.json
@@ -22,14 +22,16 @@
     "dev": "docz dev",
     "build": "rollup -c ",
     "docz:build": "docz build",
-    "start": "rollup -c -w"
+    "start": "rollup -c -w",
+    "storybook": "start-storybook -p 6006"
   },
   "devDependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.19",
     "@fortawesome/free-brands-svg-icons": "^5.9.0",
     "@fortawesome/free-regular-svg-icons": "^5.9.0",
     "@fortawesome/free-solid-svg-icons": "^5.9.0",
     "@fortawesome/react-fontawesome": "^0.1.4",
+    "@storybook/react": "^5.2.4",
     "@svgr/rollup": "^4.3.0",
     "@testing-library/react": "^8.0.1",
     "@types/emojione": "^2.2.5",
@@ -66,6 +68,8 @@
     "react-dom": "16.8.6"
   },
   "dependencies": {
+    "awesome-typescript-loader": "^5.2.1",
+    "react-docgen-typescript-loader": "^3.3.0",
     "styled-components": "^4.3.1"
   },
   "jest": {

diff --git a/src/__tests__/DarksideTheme.test.tsx b/src/__tests__/DarksideTheme.test.tsx
diff --git a/src/__tests__/Heading.test.tsx b/src/__tests__/Heading.test.tsx
diff --git a/src/__tests__/Label.test.tsx b/src/__tests__/Label.test.tsx
diff --git a/src/__tests__/Loader.test.tsx b/src/__tests__/Loader.test.tsx
diff --git a/src/__tests__/Paragraph.test..tsx b/src/__tests__/Paragraph.test..tsx
diff --git a/src/__tests__/__snapshots__/DarksideTheme.test.tsx.snap b/src/__tests__/__snapshots__/DarksideTheme.test.tsx.snap
diff --git a/src/__tests__/__snapshots__/Heading.test.tsx.snap b/src/__tests__/__snapshots__/Heading.test.tsx.snap
diff --git a/src/__tests__/__snapshots__/Label.test.tsx.snap b/src/__tests__/__snapshots__/Label.test.tsx.snap
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { configure } from '@storybook/react'

		configure(require.context('../src', true, /\.stories\.tsx?$/), module)