@dtdot/lego 0.18.6 → 0.18.9

package/build/components/Button/Button.component.d.ts

@@ -4,7 +4,7 @@ export interface ButtonProps {
     children: React.ReactChild;
     loading?: boolean;
     variant?: ColourVariant;
-    type?: 'submit';
+    type?: 'submit' | 'button';
     onClick?: () => void;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;

package/build/components/Button/Button.component.js

@@ -54,7 +54,7 @@ const ButtonSpinner = styled.div `
   }
 `;
 const Button = React.forwardRef(function Button(props, ref) {
-    const { children, loading, variant = 'primary', type, onClick } = props;
+    const { children, loading, variant = 'primary', type = 'button', onClick } = props;
     const { width, height, alignSelf, marginTop } = useContext(ButtonContext);
     return (React.createElement(StyledButton, { ref: ref, width: width, height: height, alignSelf: alignSelf, marginTop: marginTop, variant: variant, type: type, onClick: onClick }, loading ? React.createElement(ButtonSpinner, { variant: variant }) : children));
 });

package/build/index.d.ts

@@ -1,4 +1,6 @@
 export { default as BodyStyle } from './global/BodyStyle.component';
+export { default as DefaultThemeProvider } from './theme/providers/DefaultTheme.provider';
+export { default as DarkThemeProvider } from './theme/providers/DarkTheme.provider';
 export { default as ActionMenu } from './components/ActionMenu/ActionMenu.component';
 export { default as ActionMessage } from './components/ActionMessage/ActionMessage.component';
 export { default as Alert } from './components/Alert/Alert.component';

package/build/index.js

@@ -1,4 +1,6 @@
 export { default as BodyStyle } from './global/BodyStyle.component';
+export { default as DefaultThemeProvider } from './theme/providers/DefaultTheme.provider';
+export { default as DarkThemeProvider } from './theme/providers/DarkTheme.provider';
 export { default as ActionMenu } from './components/ActionMenu/ActionMenu.component';
 export { default as ActionMessage } from './components/ActionMessage/ActionMessage.component';
 export { default as Alert } from './components/Alert/Alert.component';

package/build/theme/providers/DarkTheme.provider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DarkThemeProviderProps {
+    children: React.ReactNode;
+}
+declare const DarkThemeProvider: ({ children }: DarkThemeProviderProps) => JSX.Element;
+export default DarkThemeProvider;

package/build/theme/providers/DarkTheme.provider.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ThemeProvider } from 'styled-components';
+import { Themes } from '../..';
+import BodyStyle from '../../global/BodyStyle.component';
+const DarkThemeProvider = ({ children }) => (React.createElement(ThemeProvider, { theme: Themes.dark },
+    React.createElement(BodyStyle, null),
+    children));
+export default DarkThemeProvider;

package/build/theme/providers/DefaultTheme.provider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface DefaultThemeProviderProps {
+    children: React.ReactNode;
+}
+declare const DefaultThemeProvider: ({ children }: DefaultThemeProviderProps) => JSX.Element;
+export default DefaultThemeProvider;

package/build/theme/providers/DefaultTheme.provider.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ThemeProvider } from 'styled-components';
+import { Themes } from '../..';
+import BodyStyle from '../../global/BodyStyle.component';
+const DefaultThemeProvider = ({ children }) => (React.createElement(ThemeProvider, { theme: Themes.default },
+    React.createElement(BodyStyle, null),
+    children));
+export default DefaultThemeProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtdot/lego",
-  "version": "0.18.6",
+  "version": "0.18.9",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {

package/build/components/ActionMenu/ActionMenu.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-export declare const Variants: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/ActionMenu/ActionMenu.stories.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { ActionMenu } from '../..';
-/* eslint-disable @typescript-eslint/no-empty-function */
-const items = [
-    {
-        label: 'Angry Lama',
-        onClick: () => {
-            console.log('Item 1 clicked');
-        },
-    },
-    {
-        label: 'Frightened Frog',
-        onClick: () => {
-            console.log('Item 2 clicked');
-        },
-    },
-    {
-        label: 'Hungry Bear',
-        onClick: () => {
-            console.log('Item 3 clicked');
-        },
-    },
-    {
-        label: 'Crazy Koala',
-        onClick: () => {
-            console.log('Item 4 clicked');
-        },
-    },
-    {
-        label: 'Dizzy Snake',
-        onClick: () => {
-            console.log('Item 5 clicked');
-        },
-    },
-];
-export const Standard = () => React.createElement(ActionMenu, { items: items, variant: 'tertiary' });
-export const Variants = () => (React.createElement(React.Fragment, null,
-    React.createElement(ActionMenu, { items: items, variant: 'primary' }),
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(ActionMenu, { items: items, variant: 'secondary' }),
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(ActionMenu, { items: items, variant: 'tertiary' })));
-export default {
-    title: 'Components/ActionMenu',
-    component: ActionMenu,
-};

package/build/components/ActionMessage/ActionMessage.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-export declare const InPanel: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/ActionMessage/ActionMessage.stories.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ActionMessage, Menu } from '../..';
-/* eslint-disable no-console */
-export const Standard = () => (React.createElement(React.Fragment, null,
-    React.createElement(ActionMessage, { header: 'Create an asset', info: "It looks like you don't have any assets, create one to get started", action: 'Create', onAction: () => {
-            console.log('testing');
-        } })));
-export const InPanel = () => (React.createElement(React.Fragment, null,
-    React.createElement(Menu, { heading: 'Action Message' }),
-    React.createElement(Menu.Content, null,
-        React.createElement(Menu.Panel, { panelSize: 'sm' },
-            React.createElement(ActionMessage, { header: 'Create an asset', info: "It looks like you don't have any assets, create one to get started", action: 'Create', onAction: () => {
-                    console.log('testing');
-                } })),
-        React.createElement(Menu.Page, null, "some content..."))));
-export default {
-    title: 'Components/ActionMessage',
-    component: ActionMessage,
-};

package/build/components/Alert/Alert.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-export declare const Variants: () => JSX.Element;
-export declare const WithCount: () => JSX.Element;
-export declare const WithAction: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/Alert/Alert.stories.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Alert } from '../..';
-/* eslint-disable no-alert */
-export const Standard = () => (React.createElement(React.Fragment, null,
-    React.createElement(Alert, { variant: 'info', message: 'This is a base alert' }),
-    React.createElement("br", null),
-    React.createElement(Alert, { variant: 'info', message: 'This is a base alert with quite a bit of content. It may wrap around to the next line...' })));
-export const Variants = () => (React.createElement(React.Fragment, null,
-    React.createElement(Alert, { variant: 'info', message: 'This is an info alert' }),
-    React.createElement("br", null),
-    React.createElement(Alert, { variant: 'success', message: 'This is a success alert' }),
-    React.createElement("br", null),
-    React.createElement(Alert, { variant: 'warn', message: 'This is a warn alert' }),
-    React.createElement("br", null),
-    React.createElement(Alert, { variant: 'danger', message: 'This is a danger alert' })));
-export const WithCount = () => React.createElement(Alert, { variant: 'info', count: 5, message: 'This is a alert with a count' });
-export const WithAction = () => (React.createElement(Alert, { variant: 'info', message: 'This is a alert with an action', action: 'Undo', onAction: () => alert('Undoing...') }));
-export default {
-    title: 'Components/Alert',
-    component: Alert,
-};

package/build/components/Badge/Badge.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/Badge/Badge.stories.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Badge } from '../..';
-/* eslint-disable @typescript-eslint/no-empty-function */
-export const Standard = () => (React.createElement(React.Fragment, null,
-    React.createElement(Badge, { variant: 'info' }, "Pending"),
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(Badge, { variant: 'success' }, "Accepted"),
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(Badge, { variant: 'warn' }, "Expired"),
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(Badge, { variant: 'danger' }, "Rejected")));
-export default {
-    title: 'Components/Badge',
-    component: Badge,
-};

package/build/components/BadgeSelector/BadgeSelector.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-export declare const LotsOfBadges: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/BadgeSelector/BadgeSelector.stories.js

@@ -1,94 +0,0 @@
-import React, { useState } from 'react';
-import { BadgeSelector } from '../..';
-/* eslint-disable @typescript-eslint/no-empty-function */
-const options = [
-    {
-        value: 'pending',
-        name: 'Pending',
-        variant: 'info',
-    },
-    {
-        value: 'accepted',
-        name: 'Accepted',
-        variant: 'success',
-    },
-    {
-        value: 'expired',
-        name: 'Expired',
-        variant: 'warn',
-    },
-    {
-        value: 'rejected',
-        name: 'Rejected',
-        variant: 'danger',
-    },
-];
-export const Standard = () => {
-    const [value, setValue] = useState(['pending']);
-    return React.createElement(BadgeSelector, { options: options, value: value, onChange: setValue });
-};
-const options2 = [
-    {
-        value: 'one',
-        name: 'one',
-        variant: 'info',
-    },
-    {
-        value: 'two',
-        name: 'two',
-        variant: 'info',
-    },
-    {
-        value: 'three',
-        name: 'three',
-        variant: 'info',
-    },
-    {
-        value: 'four',
-        name: 'four',
-        variant: 'info',
-    },
-    {
-        value: 'five',
-        name: 'five',
-        variant: 'info',
-    },
-    {
-        value: 'six',
-        name: 'six',
-        variant: 'info',
-    },
-    {
-        value: 'seven',
-        name: 'seven',
-        variant: 'info',
-    },
-    {
-        value: 'eight',
-        name: 'eight',
-        variant: 'info',
-    },
-    {
-        value: 'nine',
-        name: 'nine',
-        variant: 'info',
-    },
-    {
-        value: 'ten',
-        name: 'ten',
-        variant: 'info',
-    },
-    {
-        value: 'eleven',
-        name: 'eleven',
-        variant: 'info',
-    },
-];
-export const LotsOfBadges = () => {
-    const [value, setValue] = useState(['one']);
-    return React.createElement(BadgeSelector, { options: options2, value: value, onChange: setValue });
-};
-export default {
-    title: 'Components/BadgeSelector',
-    component: BadgeSelector,
-};

package/build/components/Button/Button.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-export declare const Loading: () => JSX.Element;
-export declare const InteractiveLoading: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/Button/Button.stories.js

@@ -1,27 +0,0 @@
-import React, { useState } from 'react';
-import { Button } from '../..';
-export const Standard = () => (React.createElement(React.Fragment, null,
-    React.createElement(Button, null, "Here is a primary button!"),
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(Button, { variant: 'secondary' }, "Here is a secondary button!"),
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(Button, { variant: 'tertiary' }, "Here is a tertiary button!")));
-export const Loading = () => (React.createElement(React.Fragment, null,
-    React.createElement(Button, { loading: true }, "Here is a primary button!"),
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(Button, { variant: 'secondary', loading: true }, "Here is a secondary button!")));
-export const InteractiveLoading = () => {
-    const [loading, setLoading] = useState(false);
-    const handleLoad = () => {
-        setLoading(true);
-        setTimeout(() => setLoading(false), 1000);
-    };
-    return (React.createElement(Button, { loading: loading, onClick: handleLoad }, "Click me to load!"));
-};
-export default {
-    title: 'Components/Button',
-    component: Button,
-};

package/build/components/ButtonGroup/ButtonGroup.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-export declare const RightAligned: () => JSX.Element;
-export declare const TwoPrimary: () => JSX.Element;
-export declare const SquareButtons: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/ButtonGroup/ButtonGroup.stories.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ButtonGroup, Button, SquareButton } from '../..';
-/* eslint-disable no-console */
-export const Standard = () => (React.createElement(ButtonGroup, null,
-    React.createElement(Button, { variant: 'secondary' }, "Cancel"),
-    React.createElement(Button, null, "Create")));
-export const RightAligned = () => (React.createElement(ButtonGroup, { alignment: 'right' },
-    React.createElement(Button, { variant: 'secondary' }, "Cancel"),
-    React.createElement(Button, null, "Create")));
-export const TwoPrimary = () => (React.createElement(ButtonGroup, null,
-    React.createElement(Button, null, "No"),
-    React.createElement(Button, null, "Yes")));
-export const SquareButtons = () => (React.createElement(ButtonGroup, null,
-    React.createElement(SquareButton, null, "The first button in the group"),
-    React.createElement(SquareButton, null, "Middle one"),
-    React.createElement(SquareButton, null, "Last..")));
-export default {
-    title: 'Components/ButtonGroup',
-    component: ButtonGroup,
-};

package/build/components/Card/Card.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-export declare const Sizes: () => JSX.Element;
-export declare const CardHeader: () => JSX.Element;
-export declare const Clickable: () => JSX.Element;
-export declare const WithActions: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/Card/Card.stories.js

@@ -1,84 +0,0 @@
-import React from 'react';
-import { Card, CardGroup, LiveInput, Badge } from '../..';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faPen, faTrash } from '@fortawesome/free-solid-svg-icons';
-export const Standard = () => (React.createElement(CardGroup, null,
-    React.createElement(Card, { size: 'sm' },
-        React.createElement(Card.Content, null, "Some content"),
-        React.createElement(Card.Spacer, null),
-        React.createElement(Card.Content, null, "Some more content..."),
-        React.createElement(Card.Spacer, null),
-        React.createElement(Card.SubContent, null, "Some sub content...")),
-    React.createElement(Card, { size: 'sm' },
-        React.createElement(Card.Media, null,
-            React.createElement("img", { src: 'https://www.jotform.com/blog/wp-content/uploads/2012/07/mario-luigi-yoschi-figures-163036.jpeg' })),
-        React.createElement(Card.Content, null,
-            React.createElement(LiveInput, { name: 'test', placeholder: 'Name of characters' })))));
-export const Sizes = () => (React.createElement(CardGroup, null,
-    React.createElement(Card, { size: 'xs' },
-        React.createElement(Card.Media, null,
-            React.createElement("img", { src: 'https://www.jotform.com/blog/wp-content/uploads/2012/07/mario-luigi-yoschi-figures-163036.jpeg' })),
-        React.createElement(Card.Content, null, "An extra small card!")),
-    React.createElement(Card, { size: 'sm' },
-        React.createElement(Card.Media, null,
-            React.createElement("img", { src: 'https://www.jotform.com/blog/wp-content/uploads/2012/07/mario-luigi-yoschi-figures-163036.jpeg' })),
-        React.createElement(Card.Content, null, "A small card!")),
-    React.createElement(Card, { size: 'md' },
-        React.createElement(Card.Media, null,
-            React.createElement("img", { src: 'https://www.jotform.com/blog/wp-content/uploads/2012/07/mario-luigi-yoschi-figures-163036.jpeg' })),
-        React.createElement(Card.Content, null, "A medium card..")),
-    React.createElement(Card, { size: 'lg' },
-        React.createElement(Card.Media, null,
-            React.createElement("img", { src: 'https://www.jotform.com/blog/wp-content/uploads/2012/07/mario-luigi-yoschi-figures-163036.jpeg' })),
-        React.createElement(Card.Content, null, "A large card."))));
-export const CardHeader = () => (React.createElement(CardGroup, null,
-    React.createElement(Card, { size: 'sm' },
-        React.createElement(Card.Header, { image: 'https://www.jotform.com/blog/wp-content/uploads/2012/07/mario-luigi-yoschi-figures-163036.jpeg', heading: 'Mario & Luigi', subHeading: 'mario@gmail.com', meta: React.createElement(Badge, { variant: 'success' }, "approved") }),
-        React.createElement(Card.Content, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
-        React.createElement(Card.Content, null, "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.")),
-    React.createElement(Card, { size: 'sm' },
-        React.createElement(Card.Header, { heading: 'Mario & Luigi', subHeading: 'mario@gmail.com', meta: React.createElement(Badge, { variant: 'success' }, "approved") }),
-        React.createElement(Card.Content, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
-        React.createElement(Card.Content, null, "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."))));
-export const Clickable = () => (React.createElement(CardGroup, null,
-    React.createElement(Card, { size: 'sm', onClick: () => console.log('test') },
-        React.createElement(Card.Content, null, "Some content"),
-        React.createElement(Card.Spacer, null),
-        React.createElement(Card.Content, null, "Some more content..."),
-        React.createElement(Card.Spacer, null),
-        React.createElement(Card.SubContent, null, "Some sub content..."))));
-export const WithActions = () => (React.createElement(React.Fragment, null,
-    React.createElement("br", null),
-    React.createElement("br", null),
-    React.createElement(CardGroup, null,
-        React.createElement(Card, { size: 'sm', onClick: () => console.log('Card Clicked') },
-            React.createElement(Card.Actions, null,
-                React.createElement(Card.Action, { onClick: () => console.log('Edit Clicked') },
-                    React.createElement(FontAwesomeIcon, { icon: faPen })),
-                React.createElement(Card.Action, { onClick: () => console.log('Delete Clicked') },
-                    React.createElement(FontAwesomeIcon, { icon: faTrash }))),
-            React.createElement(Card.Header, { heading: 'Mario & Luigi', subHeading: 'mario@gmail.com', meta: React.createElement(Badge, { variant: 'success' }, "approved") }),
-            React.createElement(Card.Content, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
-            React.createElement(Card.Content, null, "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.")),
-        React.createElement(Card, { size: 'sm', onClick: () => console.log('Card Clicked') },
-            React.createElement(Card.Actions, null,
-                React.createElement(Card.Action, { onClick: () => console.log('Edit Clicked') },
-                    React.createElement(FontAwesomeIcon, { icon: faPen })),
-                React.createElement(Card.Action, { onClick: () => console.log('Delete Clicked') },
-                    React.createElement(FontAwesomeIcon, { icon: faTrash }))),
-            React.createElement(Card.Header, { heading: 'Mario & Luigi', subHeading: 'mario@gmail.com', meta: React.createElement(Badge, { variant: 'success' }, "approved") }),
-            React.createElement(Card.Content, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
-            React.createElement(Card.Content, null, "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.")),
-        React.createElement(Card, { size: 'sm', onClick: () => console.log('Card Clicked') },
-            React.createElement(Card.Actions, null,
-                React.createElement(Card.Action, { onClick: () => console.log('Edit Clicked') },
-                    React.createElement(FontAwesomeIcon, { icon: faPen })),
-                React.createElement(Card.Action, { onClick: () => console.log('Delete Clicked') },
-                    React.createElement(FontAwesomeIcon, { icon: faTrash }))),
-            React.createElement(Card.Header, { heading: 'Mario & Luigi', subHeading: 'mario@gmail.com', meta: React.createElement(Badge, { variant: 'success' }, "approved") }),
-            React.createElement(Card.Content, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
-            React.createElement(Card.Content, null, "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.")))));
-export default {
-    title: 'Components/Card',
-    component: Card,
-};

package/build/components/Checklist/Checklist.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/Checklist/Checklist.stories.js

@@ -1,42 +0,0 @@
-import React, { useState } from 'react';
-import { Checklist } from '../..';
-const items = [
-    {
-        id: '1',
-        value: 'one',
-        label: 'one',
-    },
-    {
-        id: '2',
-        value: 'two',
-        label: 'two',
-    },
-    {
-        id: '3',
-        value: 'three',
-        label: 'three',
-    },
-    {
-        id: '4',
-        value: 'four',
-        label: 'four',
-    },
-    {
-        id: '5',
-        value: 'five',
-        label: 'five',
-    },
-    {
-        id: '6',
-        value: 'six',
-        label: 'six',
-    },
-];
-export const Standard = () => {
-    const [value, setValue] = useState(['2', '4']);
-    return React.createElement(Checklist, { items: items, value: value, onChange: setValue });
-};
-export default {
-    title: 'Components/Checklist',
-    component: Checklist,
-};

package/build/components/ControlGroup/ControlGroup.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Focus: () => JSX.Element;
-export declare const Submission: () => JSX.Element;
-export declare const Spaced: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/ControlGroup/ControlGroup.stories.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ControlGroup, Input, Button } from '../..';
-/* eslint-disable @typescript-eslint/no-empty-function */
-export const Focus = () => (React.createElement(React.Fragment, null,
-    React.createElement(ControlGroup, null,
-        React.createElement(Input, { placeholder: 'username', name: 'username' }),
-        React.createElement(Input, { placeholder: 'password', name: 'password' }),
-        React.createElement(ControlGroup.Spacer, null),
-        React.createElement(Button, null, "Submit"))));
-export const Submission = () => (React.createElement(React.Fragment, null,
-    React.createElement(ControlGroup, { variation: 'submission' },
-        React.createElement(Input, { placeholder: 'username', name: 'username' }),
-        React.createElement(Input, { placeholder: 'password', name: 'password' }),
-        React.createElement(ControlGroup.Spacer, null),
-        React.createElement(Button, null, "Submit"))));
-export const Spaced = () => (React.createElement(React.Fragment, null,
-    React.createElement(ControlGroup, { variation: 'comfortable' },
-        React.createElement(Input, { label: 'username', placeholder: 'username', name: 'username' }),
-        React.createElement(Input, { label: 'password', placeholder: 'password', name: 'password' }),
-        React.createElement(Button, null, "Submit"))));
-export default {
-    title: 'Components/ControlGroup',
-    component: ControlGroup,
-};

package/build/components/FancyCheckbox/FancyCheckbox.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;

package/build/components/FancyCheckbox/FancyCheckbox.stories.js

@@ -1,29 +0,0 @@
-import React, { useState } from 'react';
-import { FancyCheckbox, Form } from '../..';
-const options = [
-    {
-        value: 'fireball',
-        label: 'Chinese Fireball',
-    },
-    {
-        value: 'longhorn',
-        label: 'Romanian Longhorn',
-    },
-    {
-        value: 'ridgeback',
-        label: 'Norwegian Ridgeback',
-    },
-    {
-        value: 'horntail',
-        label: 'Hungarian Horntail',
-    },
-];
-export const Standard = () => {
-    const [value, setValue] = useState({ dragon: '' });
-    return (React.createElement(Form, { value: value, onChange: setValue },
-        React.createElement(FancyCheckbox, { name: 'dragon', options: options })));
-};
-export default {
-    title: 'Components/FancyCheckbox',
-    component: FancyCheckbox,
-};

package/build/components/Form/Form.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react/types-6-0';
-export declare const Standard: () => JSX.Element;
-declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
-export default _default;