Add Storybook VRT (#207)

.github/workflows/merge.yml

@@ -8,18 +8,10 @@ on:
 jobs:
   vrt:
     env:
-      CURRENT_SHA: ${{ github.sha }}
-      PREVIOUS_SHA: ${{ github.event.before }}
-      CHANGE_URL: ${{ github.event.compare }}
-      HAPPO_API_KEY: ${{ secrets.HAPPO_API_KEY }}
-      HAPPO_API_SECRET: ${{ secrets.HAPPO_API_SECRET }}
+      PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
-        with:
-          node-version: '13.x'
       - run: npm install
-      - run: npm run build
-      - run: npm run generate:gql
-      - run: node_modules/.bin/happo-ci
+      - run: npm run vrt

.github/workflows/pull_request.yml

@@ -39,15 +39,10 @@ jobs:
   vrt:
     needs: [build, lint, test, typecheck]
     env:
-      PREVIOUS_SHA: ${{ github.event.pull_request.base.sha }}
-      CURRENT_SHA: ${{ github.sha }}
-      CHANGE_URL: ${{ github.event.pull_request.html_url }}
-      HAPPO_API_KEY: ${{ secrets.HAPPO_API_KEY }}
-      HAPPO_API_SECRET: ${{ secrets.HAPPO_API_SECRET }}
+      PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v1
       - run: npm install
-      - run: npm run build
-      - run: node_modules/.bin/happo-ci
+      - run: npm run vrt

.storybook/config.js

@@ -1,7 +1,8 @@
-import { addDecorator, configure } from '@storybook/html';
+import { configure } from '@storybook/html';
 import { defineCustomElements as defineInit } from '@manifoldco/manifold-init/loader/index.mjs';
 import '../dist/manifold-plan-table/manifold-plan-table.css';
-import { defineCustomElements as definePlanTable } from '../loader';
+import './styles.css';
+import { defineCustomElements as definePlanTable } from '../dist/esm-es5/loader.mjs';
 
 // Init web components
 defineInit();
@@ -11,7 +12,7 @@ definePlanTable();
 const req = require.context('../stories', true, /\.stories\.js$/);
 
 function loadStories() {
-  req.keys().forEach(filename => req(filename));
+  req.keys().forEach((filename) => req(filename));
 }
 
 configure(loadStories, module);

.storybook/styles.css

@@ -0,0 +1,3 @@
+body {
+  font-family: sans-serif;
+}

CHANGELOG.md

@@ -7,6 +7,16 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
 ### Added
+- `preview` mode for loading mocked data
+
+### Fixed
+- `deepmerge` dependency missing which caused errors
+- Default Button styling improved
+- Input width made consistent
+- Loading state styling improved
+
+## [0.4.0] - 2020-05-15
+### Added
 - Adds `init` and `update` event hooks for users
 
 ### Changed
@@ -38,7 +48,8 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 ### Added
 - Initial release
 
-[Unreleased]: https://github.com/manifoldco/manifold-plan-table/compare/v0.3.0...HEAD
+[Unreleased]: https://github.com/manifoldco/manifold-plan-table/compare/v0.4.0...HEAD
+[0.4.0]: https://github.com/manifoldco/manifold-plan-table/compare/v0.3.0...v0.4.0
 [0.3.0]: https://github.com/manifoldco/manifold-plan-table/compare/v0.2.0...v0.3.0
 [0.2.0]: https://github.com/manifoldco/manifold-plan-table/compare/v0.0.16...v0.2.0
 [0.0.16]: https://github.com/manifoldco/manifold-plan-table/compare/v0.0.1...v0.0.16