refactor(storybook): moves default stories into own directory

Author: waynevanson

stories/Button.stories.tsx renamed to stories/defaults/Button.stories.tsx

@@ -1,12 +1,12 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-import Code from './assets/code-brackets.svg';
-import Colors from './assets/colors.svg';
-import Comments from './assets/comments.svg';
-import Direction from './assets/direction.svg';
-import Flow from './assets/flow.svg';
-import Plugin from './assets/plugin.svg';
-import Repo from './assets/repo.svg';
-import StackAlt from './assets/stackalt.svg';
+import { Meta } from "@storybook/addon-docs/blocks";
+import Code from "../assets/code-brackets.svg";
+import Colors from "../assets/colors.svg";
+import Comments from "../assets/comments.svg";
+import Direction from "../assets/direction.svg";
+import Flow from "../assets/flow.svg";
+import Plugin from "../assets/plugin.svg";
+import Repo from "../assets/repo.svg";
+import StackAlt from "../assets/stackalt.svg";
 
 <Meta title="Example/Introduction" />
 
@@ -126,28 +126,44 @@ We recommend building UIs with a [**component-driven**](https://componentdriven.
 <div class="subheading">Configure</div>
 
 <div class="link-list">
-  <a class="link-item" href="https://storybook.js.org/docs/react/api/presets" target="_blank">
+  <a
+    class="link-item"
+    href="https://storybook.js.org/docs/react/api/presets"
+    target="_blank"
+  >
     <img src={Plugin} alt="plugin" />
     <span>
       <strong>Presets for popular tools</strong>
       Easy setup for TypeScript, SCSS and more.
     </span>
   </a>
-  <a class="link-item" href="https://storybook.js.org/docs/react/configure/webpack" target="_blank">
+  <a
+    class="link-item"
+    href="https://storybook.js.org/docs/react/configure/webpack"
+    target="_blank"
+  >
     <img src={StackAlt} alt="Build" />
     <span>
       <strong>Build configuration</strong>
       How to customize webpack and Babel
     </span>
   </a>
-  <a class="link-item" href="https://storybook.js.org/docs/react/configure/styling-and-css" target="_blank">
+  <a
+    class="link-item"
+    href="https://storybook.js.org/docs/react/configure/styling-and-css"
+    target="_blank"
+  >
     <img src={Colors} alt="colors" />
     <span>
       <strong>Styling</strong>
       How to load and configure CSS libraries
     </span>
   </a>
-  <a class="link-item" href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack" target="_blank">
+  <a
+    class="link-item"
+    href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack"
+    target="_blank"
+  >
     <img src={Flow} alt="flow" />
     <span>
       <strong>Data</strong>
@@ -173,7 +189,11 @@ We recommend building UIs with a [**component-driven**](https://componentdriven.
       Best practices from leading teams
     </span>
   </a>
-  <a class="link-item" href="https://github.com/storybookjs/storybook" target="_blank">
+  <a
+    class="link-item"
+    href="https://github.com/storybookjs/storybook"
+    target="_blank"
+  >
     <img src={Code} alt="code" />
     <span>
       <strong>GitHub project</strong>
@@ -190,5 +210,6 @@ We recommend building UIs with a [**component-driven**](https://componentdriven.
 </div>
 
 <div class="tip-wrapper">
-  <span class="tip">Tip</span>Edit the Markdown in <code>src/storybook-examples/welcome.mdx</code>
+  <span class="tip">Tip</span>Edit the Markdown in{" "}
+  <code>src/storybook-examples/welcome.mdx</code>
 </div>