diff --git a/packages/storybook/.storybook/webpack.config.js b/packages/storybook/.storybook/webpack.config.js
index 317905efe..a7c8fad07 100644
--- a/packages/storybook/.storybook/webpack.config.js
+++ b/packages/storybook/.storybook/webpack.config.js
@@ -22,12 +22,19 @@ module.exports = {
{ loader: 'sass-loader' }
]
},
+ {
+ test: /\.stories.tsx?$/,
+ use: [{ loader: '@storybook/source-loader' }],
+ enforce: 'pre',
+ include: path.resolve(__dirname, '../stories')
+ },
{
test: /\.tsx?$/,
use: [{
loader: 'ts-loader',
options: {
transpileOnly: false,
+ ignoreDiagnostics: [7005]
}
}],
},
diff --git a/packages/storybook/stories/buttons/add-button.stories.tsx b/packages/storybook/stories/buttons/add-button.stories.tsx
index dad705e72..87d40d498 100644
--- a/packages/storybook/stories/buttons/add-button.stories.tsx
+++ b/packages/storybook/stories/buttons/add-button.stories.tsx
@@ -1,8 +1,5 @@
-import React from 'react';
-
import { AddButton } from '@equisoft/design-elements-react';
-
-type ButtonType = 'primary' | 'secondary' | 'tertiary';
+import React from 'react';
export default {
title: 'Buttons/Add',
@@ -10,50 +7,48 @@ export default {
};
export const addButtons = () => (
-
+ >
);
export const disabled = () => (
-
+ >
);
export const eventCallback = () => (
-
-
{ console.log('The button has been clicked!'); }}
- disabled={false}
- />
-
+ { console.log('The button has been clicked!'); }}
+ disabled={false}
+ />
);
diff --git a/packages/storybook/stories/buttons/buttons.stories.tsx b/packages/storybook/stories/buttons/buttons.stories.tsx
index 2b1913e20..7f4254740 100644
--- a/packages/storybook/stories/buttons/buttons.stories.tsx
+++ b/packages/storybook/stories/buttons/buttons.stories.tsx
@@ -1,8 +1,5 @@
-import React from 'react';
-
import { Button } from '@equisoft/design-elements-react';
-
-type ButtonType = 'primary' | 'secondary' | 'tertiary';
+import React from 'react';
export default {
title: 'Buttons',
@@ -10,26 +7,24 @@ export default {
};
export const buttons = () => (
-
-
-
-
-
+ <>
+
+
+
+ >
);
export const disabled = () => (
-
-
-
-
-
+ <>
+
+
+
+ >
);
export const eventCallback = () => (
-
-
+