hardcode base bootstrap styles for now (ick)

.storybook/webpack.config.js

 const path = require('path');
 
 module.exports = {
+  devtool: "source-map",
   module: {
     rules: [
       {
@@ -14,6 +15,7 @@ module.exports = {
             options: {
               modules: true,
               localIdentName: '[name]__[local]___[hash:base64:5]',
+              sourceMap: true,
             },
           },
           {
@@ -23,6 +25,7 @@ module.exports = {
               includePaths: [
                 path.join(__dirname, '../node_modules/bootstrap/scss'),
               ],
+              sourceMap: true,
             },
           },
         ],

src/InputSelect/InputSelect.stories.jsx

-/* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 
@@ -92,32 +91,4 @@ storiesOf('InputSelect', module)
     />
   ));
 
-storiesOf('Dropdown', module)
-  .add('basic usage', () => (
-    <Dropdown
-      title="Search Engines"
-      menuItems={[
-        {
-          label: 'Google',
-          href: 'https://google.com',
-        },
-        {
-          label: 'DuckDuckGo',
-          href: 'https://duckduckgo.com',
-        },
-        {
-          label: 'Yahoo',
-          href: 'https://yahoo.com',
-        },
-      ]}
-      classes={{
-        dropdown: 'dropdown',
-        active: 'active',
-        toggle: 'dropdown-toggle',
-        screenreader: 'sr-only',
-        show: 'show',
-        menu: 'dropdown-menu',
-        menuItem: 'dropdown-item',
-      }}
-    />
-  ));
+dropdownStories();

src/utils/base-styles.scss

 .paragon-component {
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+    box-sizing: border-box;
+    font-family: sans-serif;
+    line-height: 1.15;
+
+    font-family: $font-family-base;
+    font-size: $font-size-base;
+    font-weight: $font-weight-base;
+    line-height: $line-height-base;
+    margin: 0;
+    color: $body-color;
+    background-color: $body-bg;
+
     @import "~bootstrap/scss/_reboot";
     @import "~bootstrap/scss/_normalize";
-}
\ No newline at end of file
+}

stories/.eslintrc.json

+{
+  "rules": {
+    "import/no-extraneous-dependencies": "off" // storybook should *not* be a dependency
+  }
+}

stories/Dropdown.jsx

+import React from 'react';
+import { storiesOf } from '@storybook/react';
+
+import Dropdown from '../src/Dropdown';
+
+export default function dropdownStories() {
+  return storiesOf('Dropdown', module)
+    .add('basic usage', () => (
+      <Dropdown
+        title="Search Engines"
+        menuItems={[
+          {
+            label: 'Google',
+            href: 'https://google.com',
+          },
+          {
+            label: 'DuckDuckGo',
+            href: 'https://duckduckgo.com',
+          },
+          {
+            label: 'Yahoo',
+            href: 'https://yahoo.com',
+          },
+        ]}
+      />
+    ));
+}