diff --git a/src/stories/Button.stories.js b/src/stories/Button.stories.js
index 724c5ed..7cb63bb 100644
--- a/src/stories/Button.stories.js
+++ b/src/stories/Button.stories.js
@@ -27,20 +27,3 @@ Primary.args = {
primary: true,
label: 'Button',
};
-
-export const Secondary = Template.bind({});
-Secondary.args = {
- label: 'Button',
-};
-
-export const Large = Template.bind({});
-Large.args = {
- size: 'large',
- label: 'Button',
-};
-
-export const Small = Template.bind({});
-Small.args = {
- size: 'small',
- label: 'Button',
-};
diff --git a/src/stories/Header.stories.js b/src/stories/Header.stories.js
deleted file mode 100644
index 265b1c2..0000000
--- a/src/stories/Header.stories.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import Header from './Header.svelte';
-
-export default {
- title: 'Example/Header',
- component: Header,
- argTypes: {
- onLogin: { action: 'onLogin' },
- onLogout: { action: 'onLogout' },
- onCreateAccount: { action: 'onCreateAccount' },
- },
-};
-
-const Template = ({ onLogin, onLogout, onCreateAccount, ...args }) => ({
- Component: Header,
- props: args,
- on: {
- login: onLogin,
- logout: onLogout,
- createAccount: onCreateAccount,
- },
-});
-
-export const LoggedIn = Template.bind({});
-LoggedIn.args = {
- user: {},
-};
-
-export const LoggedOut = Template.bind({});
-LoggedOut.args = {};
diff --git a/src/stories/Header.svelte b/src/stories/Header.svelte
deleted file mode 100644
index 7ee9449..0000000
--- a/src/stories/Header.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-
-
-
diff --git a/src/stories/Introduction.stories.mdx b/src/stories/Introduction.stories.mdx
deleted file mode 100644
index d974095..0000000
--- a/src/stories/Introduction.stories.mdx
+++ /dev/null
@@ -1,207 +0,0 @@
-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';
-
-
-
-
-
-# Welcome to Storybook
-
-Storybook helps you build UI components in isolation from your app's business logic, data, and context.
-That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
-
-Browse example stories now by navigating to them in the sidebar.
-View their code in the `src/stories` directory to learn how they work.
-We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
-
-
Configure
-
-
-
-Learn
-
-
-
-
- Tip Edit the Markdown in{' '}
- src/stories/Introduction.stories.mdx
-
diff --git a/src/stories/Page.stories.js b/src/stories/Page.stories.js
deleted file mode 100644
index 4299a32..0000000
--- a/src/stories/Page.stories.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import Page from './Page.svelte';
-import * as HeaderStories from './Header.stories';
-
-export default {
- title: 'Example/Page',
- component: Page,
- argTypes: {
- onLogin: { action: 'onLogin' },
- onLogout: { action: 'onLogout' },
- onCreateAccount: { action: 'onCreateAccount' },
- },
-};
-
-const Template = ({ onLogin, onLogout, onCreateAccount, ...args }) => ({
- Component: Page,
- props: args,
- on: {
- login: onLogin,
- logout: onLogout,
- createAccount: onCreateAccount,
- },
-});
-
-export const LoggedIn = Template.bind({});
-LoggedIn.args = {
- ...HeaderStories.LoggedIn.args,
-};
-
-export const LoggedOut = Template.bind({});
-LoggedOut.args = {
- ...HeaderStories.LoggedOut.args,
-};
diff --git a/src/stories/Page.svelte b/src/stories/Page.svelte
deleted file mode 100644
index 780b206..0000000
--- a/src/stories/Page.svelte
+++ /dev/null
@@ -1,77 +0,0 @@
-
-
-
-
-
-
- Pages in Storybook
-
- We recommend building UIs with a
-
- component-driven
-
- process starting with atomic components and ending with pages.
-
-
- Render pages with mock data. This makes it easy to build and review page states without
- needing to navigate to them in your app. Here are some handy patterns for managing page data
- in Storybook:
-
-
-
- Use a higher-level connected component. Storybook helps you compose such data from the
- "args" of child component stories
-
-
- Assemble data in the page component from your services. You can mock these services out
- using Storybook.
-
-
-
- Get a guided tutorial on component-driven development at
-
- Learn Storybook
-
- . Read more in the
- docs
- .
-
-
-
Tip
- Adjust the width of the canvas with the
-
-
-
-
-
- Viewports addon in the toolbar
-
-
-
diff --git a/src/stories/assets/code-brackets.svg b/src/stories/assets/code-brackets.svg
deleted file mode 100644
index 73de947..0000000
--- a/src/stories/assets/code-brackets.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/code-brackets
\ No newline at end of file
diff --git a/src/stories/assets/colors.svg b/src/stories/assets/colors.svg
deleted file mode 100644
index 17d58d5..0000000
--- a/src/stories/assets/colors.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/colors
\ No newline at end of file
diff --git a/src/stories/assets/comments.svg b/src/stories/assets/comments.svg
deleted file mode 100644
index 6493a13..0000000
--- a/src/stories/assets/comments.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/comments
\ No newline at end of file
diff --git a/src/stories/assets/direction.svg b/src/stories/assets/direction.svg
deleted file mode 100644
index 65676ac..0000000
--- a/src/stories/assets/direction.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/direction
\ No newline at end of file
diff --git a/src/stories/assets/flow.svg b/src/stories/assets/flow.svg
deleted file mode 100644
index 8ac27db..0000000
--- a/src/stories/assets/flow.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/flow
\ No newline at end of file
diff --git a/src/stories/assets/plugin.svg b/src/stories/assets/plugin.svg
deleted file mode 100644
index 29e5c69..0000000
--- a/src/stories/assets/plugin.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/plugin
\ No newline at end of file
diff --git a/src/stories/assets/repo.svg b/src/stories/assets/repo.svg
deleted file mode 100644
index f386ee9..0000000
--- a/src/stories/assets/repo.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/repo
\ No newline at end of file
diff --git a/src/stories/assets/stackalt.svg b/src/stories/assets/stackalt.svg
deleted file mode 100644
index 9b7ad27..0000000
--- a/src/stories/assets/stackalt.svg
+++ /dev/null
@@ -1 +0,0 @@
-illustration/stackalt
\ No newline at end of file
diff --git a/src/stories/header.css b/src/stories/header.css
deleted file mode 100644
index acadc9e..0000000
--- a/src/stories/header.css
+++ /dev/null
@@ -1,26 +0,0 @@
-.wrapper {
- font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- padding: 15px 20px;
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-svg {
- display: inline-block;
- vertical-align: top;
-}
-
-h1 {
- font-weight: 900;
- font-size: 20px;
- line-height: 1;
- margin: 6px 0 6px 10px;
- display: inline-block;
- vertical-align: top;
-}
-
-button + button {
- margin-left: 10px;
-}
diff --git a/src/stories/page.css b/src/stories/page.css
deleted file mode 100644
index 51c9d09..0000000
--- a/src/stories/page.css
+++ /dev/null
@@ -1,69 +0,0 @@
-section {
- font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-size: 14px;
- line-height: 24px;
- padding: 48px 20px;
- margin: 0 auto;
- max-width: 600px;
- color: #333;
-}
-
-h2 {
- font-weight: 900;
- font-size: 32px;
- line-height: 1;
- margin: 0 0 4px;
- display: inline-block;
- vertical-align: top;
-}
-
-p {
- margin: 1em 0;
-}
-
-a {
- text-decoration: none;
- color: #1ea7fd;
-}
-
-ul {
- padding-left: 30px;
- margin: 1em 0;
-}
-
-li {
- margin-bottom: 8px;
-}
-
-.tip {
- display: inline-block;
- border-radius: 1em;
- font-size: 11px;
- line-height: 12px;
- font-weight: 700;
- background: #e7fdd8;
- color: #66bf3c;
- padding: 4px 12px;
- margin-right: 10px;
- vertical-align: top;
-}
-
-.tip-wrapper {
- font-size: 13px;
- line-height: 20px;
- margin-top: 40px;
- margin-bottom: 40px;
-}
-
-.tip-wrapper svg {
- display: inline-block;
- height: 12px;
- width: 12px;
- margin-right: 4px;
- vertical-align: top;
- margin-top: 3px;
-}
-
-.tip-wrapper svg path {
- fill: #1ea7fd;
-}