trepur_components 0.2.3 → 0.2.6

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

@@ -1,22 +1,41 @@
-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 = {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._StarRating = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+require("./index.css");
+
+var _controls = require("../../../utils/controls");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Star Rating',
+  components: _index.default,
+  parameters: {},
+  argTypes: _objectSpread({}, _controls.starOptions),
+  args: {
+    size: 1,
+    stars: 3
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const _StarRating = Template.bind({});
+
+exports._StarRating = _StarRating;
+_StarRating.args = {};

package/dist/components/Atoms/StarRating/index.css

@@ -1,3 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
+
 .checked {
   color: orange;
 }

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

@@ -13,7 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
-require("../../../../index.css");
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

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

@@ -1,53 +1,66 @@
-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'
-            }
-        }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._TextAndTitle = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Text and Title',
+  components: _index.default,
+  argTypes: {
+    title: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
     },
-    args: {
-        title: 'This is a title',
-        text: 'This is some text'
+    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'
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-const Template = (args) => <TextAndTitle {...args} />;
+const _TextAndTitle = Template.bind({});
 
-export const _TextAndTitle = Template.bind({});
-_TextAndTitle.args = {};
+exports._TextAndTitle = _TextAndTitle;
+_TextAndTitle.args = {};

package/dist/components/Atoms/TextAndTitle/index.css

@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-require("../../../../index.css");
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

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

@@ -1,49 +1,57 @@
-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: '',
-            },
-        }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Tubestops = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Tube Stops',
+  component: _index.default,
+  parameters: {},
+  argTypes: {
+    isHorizontal: {
+      description: '',
+      control: 'boolean',
+      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
+    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
+  }
+};
+exports.default = _default;
 
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-const Template = (args) => <Tubestops {...args} />;
+const _Tubestops = Template.bind({});
 
-export const _Tubestops = Template.bind({});
+exports._Tubestops = _Tubestops;
 _Tubestops.args = {};

package/dist/components/Atoms/Tubestops/{styles.css → index.css}

@@ -1,3 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
+
 /* Vertical */
 .tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {
   @apply absolute;

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

@@ -9,11 +9,9 @@ require("core-js/modules/es.array.reverse.js");
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./styles.css");
+require("./index.css");
 
-require("../../../../index.css");
-
-var _logoBlue = _interopRequireDefault(require("../../../Assets/Images/logoBlue.png"));
+var _logoBlue = _interopRequireDefault(require("../../../assets/Images/logoBlue.png"));
 
 var _CardWithTopImage = _interopRequireDefault(require("../../Organisms/CardWithTopImage"));
 

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

@@ -1,29 +1,50 @@
-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 = {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Video = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _example = _interopRequireDefault(require("../../../assets/Videos/example.mp4"));
+
+var _example2 = _interopRequireDefault(require("../../../assets/Videos/example.ogv"));
+
+var _logoBlue = _interopRequireDefault(require("../../../assets/Images/logoBlue.png"));
+
+var _controls = require("../../../utils/controls");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Video',
+  components: _index.default,
+  parameters: {},
+  argTypes: _objectSpread({}, _controls.videoOptions),
+  args: {
+    mp4File: _example.default,
+    ogvFile: _example2.default,
+    poster: _logoBlue.default,
+    withControls: true,
+    withPoster: false,
+    autoPlay: true,
+    muted: true
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const _Video = Template.bind({});
+
+exports._Video = _Video;
+_Video.args = {};

package/dist/components/Atoms/Video/index.css

@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

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

@@ -9,7 +9,7 @@ require("core-js/modules/es.object.assign.js");
 
 var _react = _interopRequireDefault(require("react"));
 
-require("../../../../index.css");
+require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/dist/components/Organisms/Accordion/Accordion.stories.js

@@ -1,99 +1,103 @@
-import React from 'react'
-import Accordion from './index'
+"use strict";
 
-const items = [
-    {
-        title: 'This is title 1',
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
-        icon: 'calendar',
-        showTopBorder: true,
-        showBottomBorder: true,
-        bgColor: '#31A3DD',
-        hoverBgColor: 'blue',
-        textColor: 'white',
-        hoverTextColor: 'white',
-        borderTop: true,
-    },
-    {
-        title: 'This is title 2',
-        subtitle: 'This is subtitle 2',
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
-        icon: 'star',
-        bgColor: 'white',
-        textColor: 'black',
-        hoverBgColor: 'grey',
-        hoverTextColor: 'white',
-        borderTop: true,
-    },
-    {
-        title: 'This is title 3',
-        subtitle: 'This is subtitle 3',
-        icon: 'star',
-        iconSize: 2,
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
-        bgColor: 'white',
-        textColor: 'black',
-        hoverBgColor: 'grey',
-        hoverTextColor: 'white',
-        borderTop: true,
-    },
-    {
-        title: 'This is title 4',
-        subtitle: 'This is subtitle 4',
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
-        bgColor: 'white',
-        textColor: 'black',
-        hoverBgColor: 'grey',
-        hoverTextColor: 'white',
-        borderTop: true,
-    },
-    {
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
-        icon: 'th',
-        bgColor: 'white',
-        textColor: 'black',
-        hoverBgColor: 'grey',
-        hoverTextColor: 'white',
-        borderTop: true,
-    },
-    {
-        title: 'This is title 6',
-        content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
-        bgColor: 'white',
-        textColor: 'black',
-        hoverBgColor: 'grey',
-        hoverTextColor: 'white',
-        borderTop: true,
-        borderBottom: true
-    }
-]
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Accordion = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-export default {
-    title: 'Trepur Components/Organisms/Accordion',
-    component: Accordion,
-    parameters: {
-        docs: {
-            description: {
-                component: '',
-            },
-        },
-    },
-    argTypes: {
-        items: {
-            description: '',
-            control: 'array',
-            table: {
-                category: ''
-            }
-        },
-    },
-    args: {
-        items: items
+const items = [{
+  title: 'This is title 1',
+  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
+  icon: 'calendar',
+  showTopBorder: true,
+  showBottomBorder: true,
+  bgColor: '#31A3DD',
+  hoverBgColor: 'blue',
+  textColor: 'white',
+  hoverTextColor: 'white',
+  borderTop: true
+}, {
+  title: 'This is title 2',
+  subtitle: 'This is subtitle 2',
+  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
+  icon: 'star',
+  bgColor: 'white',
+  textColor: 'black',
+  hoverBgColor: 'grey',
+  hoverTextColor: 'white',
+  borderTop: true
+}, {
+  title: 'This is title 3',
+  subtitle: 'This is subtitle 3',
+  icon: 'star',
+  iconSize: 2,
+  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
+  bgColor: 'white',
+  textColor: 'black',
+  hoverBgColor: 'grey',
+  hoverTextColor: 'white',
+  borderTop: true
+}, {
+  title: 'This is title 4',
+  subtitle: 'This is subtitle 4',
+  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
+  bgColor: 'white',
+  textColor: 'black',
+  hoverBgColor: 'grey',
+  hoverTextColor: 'white',
+  borderTop: true
+}, {
+  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
+  icon: 'th',
+  bgColor: 'white',
+  textColor: 'black',
+  hoverBgColor: 'grey',
+  hoverTextColor: 'white',
+  borderTop: true
+}, {
+  title: 'This is title 6',
+  content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper in neque in venenatis. Mauris scelerisque orci magna, et ultricies nulla lobortis ac. Aliquam vitae faucibus nisl. Nunc in tellus libero. Donec ut augue consequat, convallis risus in, pulvinar nibh. Duis mi nibh, posuere molestie pharetra cursus, viverra ut dolor. Vivamus eget arcu dui. Donec ullamcorper ornare justo sed feugiat. Curabitur aliquam lectus sed quam pharetra scelerisque. Integer vitae eleifend dolor. Duis luctus metus ipsum, et commodo magna bibendum quis. Quisque gravida leo sodales quam feugiat, id vulputate arcu pulvinar. Duis dictum gravida risus, et bibendum nunc condimentum eu.',
+  bgColor: 'white',
+  textColor: 'black',
+  hoverBgColor: 'grey',
+  hoverTextColor: 'white',
+  borderTop: true,
+  borderBottom: true
+}];
+var _default = {
+  title: 'Trepur Components/Organisms/Accordion',
+  component: _index.default,
+  parameters: {
+    docs: {
+      description: {
+        component: ''
+      }
     }
-}
+  },
+  argTypes: {
+    items: {
+      description: '',
+      control: 'array',
+      table: {
+        category: ''
+      }
+    }
+  },
+  args: {
+    items: items
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-const Template = (args) => <Accordion {...args} />;
+const _Accordion = Template.bind({});
 
-export const _Accordion = Template.bind({});
-_Accordion.args = {};
+exports._Accordion = _Accordion;
+_Accordion.args = {};

package/dist/components/Organisms/Accordion/index.css

@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");