trepur_components 0.2.3 → 0.2.4

package/dist/components/Atoms/Button/button.stories.js

@@ -1,68 +0,0 @@
-import React from 'react'
-import Button from './index'
-import { action } from '@storybook/addon-actions'
-import './Styles.css'
-import { buttonOptions } from '../../../utils/controls'
-
-export default {
-    title: 'Trepur Components/Atoms/Button',
-    component: Button,
-    parameters: {
-        docs: {
-          description: {
-            component: 'A Button which can either be internal, external or social as well as a standard design or a slide design.',
-          },
-        },
-      },
-    argTypes: {
-        ...buttonOptions
-    },
-    args: {
-    },
-};
-
-const Template = (args) => <Button {...args} />;
-
-export const HoverButton = Template.bind({});
-HoverButton.args = {
-    ctaText: 'This is a button',
-};
-
-export const SocialButtonFacebook = Template.bind({});
-SocialButtonFacebook.args = {
-    onClick: action('button-click'),
-    buttonCenterIcon: 'facebook-f',
-    hoverButtonBgColor: 'white',
-    buttonBgColor: '#3b5999',
-    buttonTextColor: 'white',
-    hoverButtonTextColor: '#3b5999',
-    hoverButtonBorderColor: '#3b5999',
-    buttonType: 'social',
-    url: '/'
-};
-
-export const SocialButtonWhatsapp = Template.bind({});
-SocialButtonWhatsapp.args = {
-    onClick: action('button-click'),
-    buttonCenterIcon: 'whatsapp',
-    hoverButtonBgColor: 'white',
-    buttonBgColor: '#25d366',
-    buttonTextColor: 'white',
-    hoverButtonTextColor: '#25d366',
-    hoverButtonBorderColor: '#25d366',
-    buttonType: 'social',
-    url: '/'
-};
-
-export const SocialButtonTwitter = Template.bind({});
-SocialButtonTwitter.args = {
-    onClick: action('button-click'),
-    buttonCenterIcon: 'twitter',
-    hoverButtonBgColor: 'white',
-    buttonBgColor: '#55acee',
-    buttonTextColor: 'white',
-    hoverButtonTextColor: '#55acee',
-    hoverButtonBorderColor: '#55acee',
-    buttonType: 'social',
-    url: '/'
-};

package/dist/components/Atoms/Collapsible/Collapsible.stories.js

@@ -1,144 +0,0 @@
-import React from 'react'
-import Collapsible from './index';
-
-export default {
-    title: 'Trepur Components/Atoms/Collapsible',
-    components: Collapsible,
-    parameters: {},
-    argTypes: {
-        title: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        subtitle: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        isDropdown: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        icon: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        content: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        boldTitle: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        borderTop: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        borderBottom: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        showBottomLine: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: ''
-            }
-        },
-        children: {
-            description: '',
-            control: 'array',
-            table: {
-                category: ''
-            }
-        },
-        contentBgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        contentTextColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        bgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        textColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        hoverBgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            }
-        },
-        hoverTextColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            }
-        },
-        iconSize: {
-            description: 'Between 1 and 5',
-            control: 'number',
-            table: {
-                category: '',
-            }
-        },
-    },
-    args: {
-        title: 'This is a title',
-        subtitle: 'This is a subtitle',
-        isDropdown: true,
-        icon: 'th',
-        boldTitle: true,
-        children: [<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error, unde perferendis quibusdam eos repellendus vero rerum sunt reiciendis velit autem odio, fuga molestiae perspiciatis dolor voluptatum mollitia quos ipsa! Doloribus? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Reiciendis ducimus, dolorum tempore unde earum aspernatur placeat magnam, alias neque, blanditiis esse tenetur dignissimos in optio nihil libero cum cupiditate debitis?</p>]
-    },
-}
-
-const Template = (args) => <Collapsible {...args} />;
-
-export const _Collapsible = Template.bind({});
-_Collapsible.args = {};

package/dist/components/Atoms/Column/Column.stories.js

@@ -1,24 +0,0 @@
-import React from 'react'
-import Column from './index'
-import { columnOptions } from '../../../utils/controls'
-
-export default {
-    title: 'Trepur Components/Atoms/Column',
-    component: Column,
-    parameters: {},
-    argTypes: {
-        ...columnOptions
-    },
-    args: {
-        sm: 1,
-        md: 1,
-        lg: 1,
-        xl: 1,
-        className: 'border h-16'
-    }
-}
-
-const Template = (args) => <Column {...args} />;
-
-export const _Column = Template.bind({});
-_Column.args = {};

package/dist/components/Atoms/Icon/Icon.stories.js

@@ -1,21 +0,0 @@
-import React from 'react'
-import Icon from './index'
-import { iconOptions } from '../../../utils/controls'
-
-export default {
-    title: 'Trepur Components/Atoms/Icon',
-    components: Icon,
-    parameters: {},
-    argTypes: {
-        ...iconOptions
-    },
-    args: {
-        type: 'th',
-        size: 3
-    }
-}
-
-const Template = (args) => <Icon {...args} />;
-
-export const _Icon = Template.bind({});
-_Icon.args = {};

package/dist/components/Atoms/Image/Image.stories.js

@@ -1,21 +0,0 @@
-import React from 'react'
-import Image from './index'
-import logo from '../../../Assets/Images/logoWhite.png'
-import { imageOptions } from '../../../utils/controls' 
-
-export default {
-    title: 'Trepur Components/Atoms/Image',
-    components: Image,
-    parameters: {},
-    argTypes: {
-        ...imageOptions
-    },
-    args: {
-        image: logo
-    }
-}
-
-const Template = (args) => <Image {...args} />;
-
-export const _Image = Template.bind({});
-_Image.args = {};

package/dist/components/Atoms/InformationIcon/InformationIcon.stories.js

@@ -1,95 +0,0 @@
-import React from 'react'
-import InformationIcon from './index'
-
-export default {
-    title: 'Trepur Components/Atoms/Information Icon',
-    components: InformationIcon,
-    parameters: {},
-    argTypes: {
-        type: {
-            description: 'The name of the icon you wish to use',
-            control: 'text',
-            table: {
-                category: '',
-            }
-        },
-        text: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            }
-        },
-        number: {
-            description: '',
-            control: 'number',
-            table: {
-                category: '',
-            }
-        },
-        size: {
-            description: 'An integer between 1 and 5 to dictate the magnification of the icon',
-            control: 'number',
-            table: {
-                category: '',
-            }
-        },
-        bordered: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            }
-        },
-        rounded: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            }
-        },
-        bgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-            }
-        },
-        textColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-            }
-        },
-        hoverBgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            }
-        },
-        hoverTextColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            }
-        },
-    },
-    args: {
-        type: 'th',
-        text: 'Text',
-        number: 21,
-        size: 3,
-        bordered: true,
-        rounded: true
-    }
-}
-
-const Template = (args) => <InformationIcon {...args} />;
-
-export const _InformationIcon = Template.bind({});
-_InformationIcon.args = {};

package/dist/components/Atoms/Input/Input.stories.js

@@ -1,47 +0,0 @@
-import React from 'react'
-import Input from './index'
-
-export default {
-    title: 'Trepur Components/Atoms/Input',
-    component: Input,
-    parameters: {},
-    argTypes: {
-        label: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            }
-        },
-        placeholder: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            }
-        },
-        inputType: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            }
-        },
-        bold: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            }
-        }
-    },
-    args: {
-        label: 'This is a label',
-        placeholder: 'This is a placeholder'
-    }
-}
-
-const Template = (args) => <Input {...args} />;
-
-export const _Input = Template.bind({});
-_Input.args = {};

package/dist/components/Atoms/NavItem/NavItem.stories.js

@@ -1,100 +0,0 @@
-import React from 'react'
-import Column from '../Column';
-import NavItem from './index'
-
-export default {
-    title: 'Trepur Components/Atoms/Nav Item',
-    component: NavItem,
-    parameters: {},
-    argTypes: {
-        name: {
-            description: '',
-            control: 'text',
-            table: {
-                category: 'Standard',
-                subcategory: 'Content',
-            },
-        },
-        url: {
-            description: '',
-            control: 'text',
-            table: {
-                category: 'Standard',
-                subcategory: 'Content',
-            },
-        },
-        bgColor: {
-            description: '',
-            control: 'color',
-            table: {
-              category: 'Standard',
-              subcategory: 'Colors',
-            },
-        },
-        textColor: {
-            description: '',
-            control: 'color',
-            table: {
-              category: 'Standard',
-              subcategory: 'Colors',
-            },
-        },
-        borderColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Standard',
-                subcategory: 'Colors',
-            },
-        },
-        hoverBgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Hover',
-                subcategory: 'Colors',
-            },
-        },
-        hoverTextColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Hover',
-                subcategory: 'Colors',
-            },
-        },
-        hoverBorderColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Hover',
-                subcategory: 'Colors',
-            },
-        },
-        rounded: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            },
-        },
-        bordered: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            },
-        }
-    },
-    args: {
-        name: 'Home',
-        bordered: true,
-        rounded: true
-    }
-}
-
-
-const Template = (args) => <Column sm={1}><NavItem {...args} /></Column>
-
-export const _NavItem = Template.bind({});
-_NavItem.args = {};

package/dist/components/Atoms/Row/Row.stories.js

@@ -1,18 +0,0 @@
-import React from 'react'
-import Row from './index'
-
-export default {
-    title: 'Trepur Components/Atoms/Row',
-    component: Row,
-    parameters: {},
-    argTypes: {},
-    args: {
-        bordered: true,
-        children: <div className='h-16'></div>
-    }
-}
-
-const Template = (args) => <Row {...args} />;
-
-export const _Row = Template.bind({});
-_Row.args = {};

package/dist/components/Atoms/StarRating/StarRating.stories.js

@@ -1,22 +0,0 @@
-import React from 'react'
-import StarRating from './index'
-import './index.css'
-import { starOptions } from '../../../utils/controls'
-
-export default {
-    title: 'Trepur Components/Atoms/Star Rating',
-    components: StarRating,
-    parameters: {},
-    argTypes: {
-        ...starOptions
-    },
-    args: {
-        size: 1,
-        stars: 3
-    }
-}
-
-const Template = (args) => <StarRating {...args} />;
-
-export const _StarRating = Template.bind({});
-_StarRating.args = {};

package/dist/components/Atoms/TextAndTitle/TextAndTitle.stories.js

@@ -1,53 +0,0 @@
-import React from 'react'
-import TextAndTitle from './index'
-
-export default {
-    title: 'Trepur Components/Atoms/Text and Title',
-    components: TextAndTitle,
-    argTypes: {
-        title: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        text: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        textColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        titleColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        bgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        }
-    },
-    args: {
-        title: 'This is a title',
-        text: 'This is some text'
-    }
-}
-
-const Template = (args) => <TextAndTitle {...args} />;
-
-export const _TextAndTitle = Template.bind({});
-_TextAndTitle.args = {};

package/dist/components/Atoms/Tubestops/Tubestops.stories.js

@@ -1,49 +0,0 @@
-import React from 'react'
-import Tubestops from './index'
-
-export default {
-    title: 'Trepur Components/Atoms/Tube Stops',
-    component: Tubestops,
-    parameters: {},
-    argTypes: {
-        isHorizontal: {
-            description: '',
-            control: 'boolean',
-            table: {
-                category: '',
-            },
-        },
-        items: {
-            description: '',
-            control: 'array',
-            table: {
-                category: '',
-            },
-        }
-    },
-    args: {
-        isHorizontal: false,
-        reverse: false,
-        items: [
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            },
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            },
-            {
-                title: 'This is a title',
-                subtitle: 'This is a subtitle'
-            }
-        ],
-        textCenter: true
-    }
-}
-
-
-const Template = (args) => <Tubestops {...args} />;
-
-export const _Tubestops = Template.bind({});
-_Tubestops.args = {};

package/dist/components/Atoms/Video/Video.stories.js

@@ -1,29 +0,0 @@
-import React from 'react'
-import Video from './index'
-import mp4 from '../../../Assets/Videos/example.mp4'
-import ogv from '../../../Assets/Videos/example.ogv'
-import logo from '../../../Assets/Images/logoBlue.png'
-import { videoOptions } from '../../../utils/controls'
-
-export default {
-    title: 'Trepur Components/Atoms/Video',
-    components: Video,
-    parameters: {},
-    argTypes: {
-        ...videoOptions
-    },
-    args: {
-        mp4File: mp4,
-        ogvFile: ogv,
-        poster: logo,
-        withControls: true,
-        withPoster: false,
-        autoPlay: true,
-        muted: true
-    }
-}
-
-const Template = (args) => <Video {...args} />;
-
-export const _Video = Template.bind({});
-_Video.args = {};