-);
\ No newline at end of file
+);
diff --git a/src/components/header/header.css b/src/app/components/header/header.css
similarity index 100%
rename from src/components/header/header.css
rename to src/app/components/header/header.css
diff --git a/src/components/page/Page.tsx b/src/app/components/page/Page.tsx
similarity index 97%
rename from src/components/page/Page.tsx
rename to src/app/components/page/Page.tsx
index 990749c..ab11f8d 100644
--- a/src/components/page/Page.tsx
+++ b/src/app/components/page/Page.tsx
@@ -31,7 +31,7 @@ export const Page = () => {
Use a higher-level connected component. Storybook helps you compose such data from the
- "args" of child component stories
+ "args" of child component stories
Assemble data in the page component from your services. You can mock these services out
diff --git a/src/components/page/page.css b/src/app/components/page/page.css
similarity index 100%
rename from src/components/page/page.css
rename to src/app/components/page/page.css
diff --git a/src/stories/Button.stories.ts b/src/app/stories/Button.stories.ts
similarity index 92%
rename from src/stories/Button.stories.ts
rename to src/app/stories/Button.stories.ts
index c1bb309..637bcf3 100644
--- a/src/stories/Button.stories.ts
+++ b/src/app/stories/Button.stories.ts
@@ -3,7 +3,7 @@ import { fn } from '@storybook/test';
import { Button } from '../components/button/Button';
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
-export default {
+const ButtonStories = {
title: 'Example/Button',
component: Button,
parameters: {
@@ -20,6 +20,8 @@ export default {
args: { onClick: fn() },
};
+export default ButtonStories;
+
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
export const Primary = {
args: {
@@ -32,24 +34,24 @@ export const PrimaryDark = {
args: {
primary: true,
mode: 'dark',
- label: 'Button'
- }
-}
+ label: 'Button',
+ },
+};
export const PrimaryDanger = {
args: {
primary: true,
danger: true,
- label: 'Danger'
- }
-}
+ label: 'Danger',
+ },
+};
export const PrimaryDangerDark = {
args: {
primary: true,
danger: true,
mode: 'dark',
- label: 'Danger'
- }
-}
+ label: 'Danger',
+ },
+};
export const Secondary = {
args: {
@@ -64,14 +66,14 @@ export const SecondaryDark = {
mode: 'dark',
label: 'Button',
},
-}
+};
export const SecondaryDanger = {
args: {
primary: false,
danger: 'true',
label: 'Button',
},
-}
+};
export const SecondaryDangerDark = {
args: {
primary: false,
@@ -79,7 +81,7 @@ export const SecondaryDangerDark = {
mode: 'dark',
label: 'Button',
},
-}
+};
export const Large = {
args: {
size: 'large',
diff --git a/src/stories/Configure.mdx b/src/app/stories/Configure.mdx
similarity index 90%
rename from src/stories/Configure.mdx
rename to src/app/stories/Configure.mdx
index cc32923..a81187d 100644
--- a/src/stories/Configure.mdx
+++ b/src/app/stories/Configure.mdx
@@ -1,36 +1,38 @@
-import { Meta } from "@storybook/blocks";
-import Image from "next/image";
-
-import Github from "./assets/github.svg";
-import Discord from "./assets/discord.svg";
-import Youtube from "./assets/youtube.svg";
-import Tutorials from "./assets/tutorials.svg";
-import Styling from "./assets/styling.png";
-import Context from "./assets/context.png";
-import Assets from "./assets/assets.png";
-import Docs from "./assets/docs.png";
-import Share from "./assets/share.png";
-import FigmaPlugin from "./assets/figma-plugin.png";
-import Testing from "./assets/testing.png";
-import Accessibility from "./assets/accessibility.png";
-import Theming from "./assets/theming.png";
-import AddonLibrary from "./assets/addon-library.png";
-
-export const RightArrow = () =>
+);
@@ -39,6 +41,7 @@ export const RightArrow = () =>