From a4eb1724ede6c8bf430c9c43d786adfd4c303a0b Mon Sep 17 00:00:00 2001
From: James Garbutt <43081j@users.noreply.github.com>
Date: Fri, 14 Aug 2020 15:47:40 +0100
Subject: [PATCH] add web-component story types

---
 app/web-components/src/client/preview/types.ts | 16 ++++++++++++++++
 package.json                                   |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/app/web-components/src/client/preview/types.ts b/app/web-components/src/client/preview/types.ts
index 59574c42812..a5fffb68313 100644
--- a/app/web-components/src/client/preview/types.ts
+++ b/app/web-components/src/client/preview/types.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { TemplateResult, SVGTemplateResult } from 'lit-element';
+import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory } from '@storybook/addons';
 
 export { RenderContext } from '@storybook/core';
 
@@ -19,3 +20,18 @@ export interface ShowErrorArgs {
   title: string;
   description: string;
 }
+
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+export type Meta<Args = DefaultArgs> = BaseMeta<string> & Annotations<Args, StoryFnHtmlReturnType>;
+
+/**
+ * Story function that represents a component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export type Story<Args = DefaultArgs> = BaseStory<Args, StoryFnHtmlReturnType> &
+  Annotations<Args, StoryFnHtmlReturnType>;
diff --git a/package.json b/package.json
index dea7b956b0b..4805d33778f 100644
--- a/package.json
+++ b/package.json
@@ -299,4 +299,4 @@
       ]
     ]
   }
-}
\ No newline at end of file
+}