diff --git a/frontend/.storybook/preview.tsx b/frontend/.storybook/preview.tsx index d958df582..a5e0e2158 100644 --- a/frontend/.storybook/preview.tsx +++ b/frontend/.storybook/preview.tsx @@ -25,12 +25,16 @@ const parameters = { storySort: { method: "alphabetical", order: [ + "About", + "Brand", + "Core Components", "Welcome", "Core", // Storybook infers the title when not explicitly set, but is case-sensitive // so we need to explicitly set both casings here for this to properly sort. "Components", "components", + "Features", "Templates", "Pages", "pages", diff --git a/frontend/stories/about/implementation-guide.mdx b/frontend/stories/about/implementation-guide.mdx new file mode 100644 index 000000000..545431f88 --- /dev/null +++ b/frontend/stories/about/implementation-guide.mdx @@ -0,0 +1,5 @@ +import { Meta } from "@storybook/blocks"; + + + +# Simpler.Grants.Gov Component Implementation Guide diff --git a/frontend/stories/about/welcome.mdx b/frontend/stories/about/welcome.mdx new file mode 100644 index 000000000..addc9d3b4 --- /dev/null +++ b/frontend/stories/about/welcome.mdx @@ -0,0 +1,5 @@ +import { Meta } from "@storybook/blocks"; + + + +# Welcome to Simpler.Grants.Gov Design System Storybook diff --git a/frontend/stories/brand/colors.mdx b/frontend/stories/brand/colors.mdx new file mode 100644 index 000000000..e272c6a2e --- /dev/null +++ b/frontend/stories/brand/colors.mdx @@ -0,0 +1,5 @@ +import { Meta } from "@storybook/blocks"; + + + +# Welcome to Simpler.Grants.Gov Colors diff --git a/frontend/stories/brand/logo.mdx b/frontend/stories/brand/logo.mdx new file mode 100644 index 000000000..35be515fb --- /dev/null +++ b/frontend/stories/brand/logo.mdx @@ -0,0 +1,5 @@ +import { Meta } from "@storybook/blocks"; + + + +# Simpler.Grants.Gov Logo diff --git a/frontend/stories/components/Button.stories.tsx b/frontend/stories/core-components/Button.stories.tsx similarity index 98% rename from frontend/stories/components/Button.stories.tsx rename to frontend/stories/core-components/Button.stories.tsx index b8cda7520..0e70d5109 100644 --- a/frontend/stories/components/Button.stories.tsx +++ b/frontend/stories/core-components/Button.stories.tsx @@ -3,7 +3,7 @@ import { Meta } from "@storybook/react"; import { Button } from "@trussworks/react-uswds"; const meta: Meta = { - title: "Components/Button", + title: "Core Components/Button", component: Button, args: { children: "Save", diff --git a/frontend/stories/core-components/guidance.mdx b/frontend/stories/core-components/guidance.mdx new file mode 100644 index 000000000..2b4ee2c3b --- /dev/null +++ b/frontend/stories/core-components/guidance.mdx @@ -0,0 +1,5 @@ +import { Meta } from "@storybook/blocks"; + + + +# Simpler.Grants.Gov Core Components Guidance diff --git a/frontend/stories/features/templates.mdx b/frontend/stories/features/templates.mdx new file mode 100644 index 000000000..9f05fe655 --- /dev/null +++ b/frontend/stories/features/templates.mdx @@ -0,0 +1,5 @@ +import { Meta } from "@storybook/blocks"; + + + +# Simpler.Grants.Gov Templates diff --git a/frontend/stories/features/workflows.mdx b/frontend/stories/features/workflows.mdx new file mode 100644 index 000000000..921ab36d1 --- /dev/null +++ b/frontend/stories/features/workflows.mdx @@ -0,0 +1,5 @@ +import { Meta } from "@storybook/blocks"; + + + +# Simpler.Grants.Gov Workflows diff --git a/frontend/stories/guidance/docs.mdx b/frontend/stories/guidance/docs.mdx new file mode 100644 index 000000000..8f8e5a766 --- /dev/null +++ b/frontend/stories/guidance/docs.mdx @@ -0,0 +1,5 @@ +import { Meta } from "@storybook/blocks"; + + + +# Simpler.Grants.Gov Guidance Docs diff --git a/frontend/stories/pages/notfound.stories.tsx b/frontend/stories/pages/notfound.stories.tsx new file mode 100644 index 000000000..33dcb8d0d --- /dev/null +++ b/frontend/stories/pages/notfound.stories.tsx @@ -0,0 +1,11 @@ +import { Meta } from "@storybook/react"; +import NotFound from "src/app/[locale]/not-found"; + +const meta: Meta = { + title: "Pages/Not Found", + component: NotFound, +}; + +export default meta; + +export const Default = {};