fix(isolate storybook specific files to copy): moved example storyboo…

…k specific file

Now only storybook theme generated example will contain the stories file unlike before when theme generated with patternlab also consisted of stories file.

generators/app/index.js

@@ -316,7 +316,7 @@ postCSSOptions.push(rtl());`;
     };
 
     this.fs.copy(
-      this.templatePath('options/storybook/copy/**'),
+      this.templatePath('options/storybook/copy/config/**'),
       this.destinationPath(`${this.theme}/.storybook/`),
       {
         globOptions: {
@@ -325,6 +325,13 @@ postCSSOptions.push(rtl());`;
       },
     );
 
+    this.fs.copy(
+      this.templatePath('options/storybook/copy/example/button.stories.js'),
+      this.destinationPath(
+        `${this.theme}/components/02-atoms/button/button.stories.js`,
+      ),
+    );
+
     this.fs.copy(
       this.templatePath('options/ds/storybook.js'),
       this.destinationPath(`${this.theme}/gulp-tasks/storybook.js`),

generators/app/templates/options/storybook/copy/example/button.stories.js

@@ -0,0 +1,22 @@
+import buttonTemplate from './button.twig';
+import buttonData from './button.json';
+import '@atoms/button/button.css';
+
+export default {
+  title: 'Components/Button',
+  component: buttonTemplate,
+}
+
+export const Primary = () => (
+  buttonTemplate({
+    button_title: buttonData.button_title,
+    variant: 'primary',
+  })
+);
+
+export const Secondary = () => (
+  buttonTemplate({
+    button_title: buttonData.button_title,
+    variant: 'secondary',
+  })
+);