From b08e45013e0d4d17f58d44fc23b51e32d26db2c5 Mon Sep 17 00:00:00 2001 From: Alex Wilson Date: Sun, 9 Jul 2023 22:51:51 +0100 Subject: [PATCH] feat(sb): Add base stories for legacy components --- .../stories/article-card.stories.js | 29 + .../stories/footer.stories.js | 12 + .../legacy-components/stories/form.stories.js | 31 + .../stories/header.stories.js | 12 + .../stories/share-widget.stories.js | 17 + package-lock.json | 24492 +++++++++------- services/storybook/lib/gatsby-shim.js | 2 - services/storybook/package.json | 3 - 8 files changed, 13977 insertions(+), 10621 deletions(-) create mode 100644 components/legacy-components/stories/article-card.stories.js create mode 100644 components/legacy-components/stories/footer.stories.js create mode 100644 components/legacy-components/stories/form.stories.js create mode 100644 components/legacy-components/stories/header.stories.js create mode 100644 components/legacy-components/stories/share-widget.stories.js delete mode 100644 services/storybook/lib/gatsby-shim.js diff --git a/components/legacy-components/stories/article-card.stories.js b/components/legacy-components/stories/article-card.stories.js new file mode 100644 index 0000000000..7f7fed220e --- /dev/null +++ b/components/legacy-components/stories/article-card.stories.js @@ -0,0 +1,29 @@ +import { ArticleCard } from '../src/article-card'; + +export default { + title: 'Legacy/Article Card', + component: ArticleCard, + tags: ['autodocs'], + parameters: { + layout: 'fullscreen', + }, +}; + +export const Default = { + args: { + article: { + title: "Test Article", + slug: "/#", + date: new Date(), + image: { + thumbnail: "https://avatars.githubusercontent.com/u/440052" + }, + content: { + excerpt: "This is some test copy" + } + }, + withBody: true, + withImage: true, + withDate: true, + } +}; diff --git a/components/legacy-components/stories/footer.stories.js b/components/legacy-components/stories/footer.stories.js new file mode 100644 index 0000000000..61fc832f44 --- /dev/null +++ b/components/legacy-components/stories/footer.stories.js @@ -0,0 +1,12 @@ +import { Footer } from '../src/footer'; + +export default { + title: 'Legacy/Footer', + component: Footer, + tags: ['autodocs'], + parameters: { + layout: 'fullscreen', + }, +}; + +export const Default = {}; diff --git a/components/legacy-components/stories/form.stories.js b/components/legacy-components/stories/form.stories.js new file mode 100644 index 0000000000..939c2c654b --- /dev/null +++ b/components/legacy-components/stories/form.stories.js @@ -0,0 +1,31 @@ +import { Form, Input, InlineGroup, TextArea, Submit } from '../src/form'; + +export default { + title: 'Legacy/Form', + component: Form, + tags: ['autodocs'], + parameters: { + layout: 'fullscreen', + }, +}; + +export const Default = { + render: () => +
+ + + +