Merge 29b6710 into f62a078

.size-limit

@@ -3,6 +3,6 @@
     name: "Fundamental-React Size",
     webpack: true,
     path: "lib/index.js",
-    limit: "175 KB"
+    limit: "150 KB"
   }
 ]

.storybook/addons.js

@@ -0,0 +1,4 @@
+import '@storybook/addon-knobs/register';
+import '@storybook/addon-a11y/register';
+import '@storybook/addon-storysource/register';
+import '@storybook/addon-notes/register';

.storybook/config.js

@@ -0,0 +1,11 @@
+import { addDecorator, configure } from '@storybook/react';
+import { withA11y } from '@storybook/addon-a11y';
+
+addDecorator(withA11y);
+
+function loadStories() {
+    const req = require.context('../src', true, /\.stories\.js$/);
+    req.keys().forEach(filename => req(filename));
+}
+
+configure(loadStories, module);

.storybook/webpack.config.js

@@ -0,0 +1,10 @@
+const path = require('path');
+
+module.exports = function({ config }) {
+    config.module.rules.push({
+        test: /\.stories\.js?$/,
+        loaders: [require.resolve('@storybook/source-loader')],
+        enforce: 'pre',
+    });
+    return config;
+};

config/webpack.config.prod.js

@@ -280,7 +280,8 @@ module.exports = {
         ]
     },
     plugins: [
-    // Generates an `index.html` file with the <script> injected.
+        new webpack.IgnorePlugin(/src\/utils\/withStyles\/customStylesTest.css/),
+        // Generates an `index.html` file with the <script> injected.
         new HtmlWebpackPlugin({
             inject: true,
             template: paths.appHtml,

devtools/buildIndexFiles.js

@@ -40,7 +40,13 @@ componentDirs.map((directory) => {
 
         Object.keys(components).map((component) => {
             if (component === 'default') {
-                fileContents += `export { default as ${components.default.name} } from './${fileName}';\n`;
+                //components wrapped in withStyles HOC
+                if (components.default.render) {
+                    fileContents += `export { default as ${components.default.render.displayName} } from './${fileName}';\n`;
+                } else {
+                    //components not wrapped in HOC
+                    fileContents += `export { default as ${components.default.name} } from './${fileName}';\n`;
+                }
             } else {
                 fileContents += `export { ${component} } from './${fileName}';\n`;
             }