fix to include preview.js in .storybook

Author: stomita

.storybook/preview-head.html

@@ -13,10 +13,4 @@
 html {
   background: #fff;
 }
-.content-wrapper {
-  padding: 16px;
-}
-.content-wrapper > div > div:nth-child(2) {
-  padding: 16px;
-}
 </style>

.storybook/preview.js

@@ -0,0 +1,22 @@
+import 'core-js/stable';
+import { withScreenshot } from 'storycap';
+import wrapSLDS from './wrapSLDS';
+
+let assetRoot;
+if (typeof location !== 'undefined' && location.hostname === 'mashmatrix.github.io') {
+  assetRoot = '//mashmatrix.github.io/react-lightning-design-system/assets';
+}
+
+const withSLDS = wrapSLDS({ assetRoot });
+
+export const decorators = [
+  withScreenshot,
+  withSLDS,
+];
+
+export const parameters = {
+  // Global parameter is optional.
+  screenshot: {
+    // Put global screenshot parameters(e.g. viewport)
+  },
+};

.storybook/wrapContent.js renamed to .storybook/wrapSLDS.js

@@ -1,11 +1,10 @@
 import React from 'react';
-import classnames from 'classnames';
 import { ComponentSettings } from '../src/scripts';
 
-export default function wrapContent(options) {
+export default function wrapSLDS(options) {
   return story => (
     <ComponentSettings assetRoot={ options.assetRoot } portalClassName='slds'>
-      <div className={ classnames('content-wrapper', options.className) }>{ story() }</div>
+      {story()}
     </ComponentSettings>
   );
 }