trepur_components 0.2.3 → 0.2.6

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

@@ -1,69 +1,84 @@
-import React from 'react'
-import AlertBar from './index';
+"use strict";
 
-export default {
-    title: 'Trepur Components/Atoms/AlertBar',
-    component: AlertBar,
-    parameters: {},
-    argTypes: {
-        text: {
-            description: 'The text the appears as an overlay on the Jumbotron',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        textColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        type: {
-            description: 'Select',
-            options: ['success', 'warning', 'error'],
-            control: { type: 'select' },
-            table: {
-                category: '',
-            },
-        },
-        leftIcon: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        leftIconColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        rightIcon: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        rightIconColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._AlertBar = 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/AlertBar',
+  component: _index.default,
+  parameters: {},
+  argTypes: {
+    text: {
+      description: 'The text the appears as an overlay on the Jumbotron',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    textColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
     },
-    args: {
-        text: 'this is a message',
-        type: 'success'
+    type: {
+      description: 'Select',
+      options: ['success', 'warning', 'error'],
+      control: {
+        type: 'select'
+      },
+      table: {
+        category: ''
+      }
+    },
+    leftIcon: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    leftIconColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    rightIcon: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    rightIconColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
     }
-}
+  },
+  args: {
+    text: 'this is a message',
+    type: 'success'
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-const Template = (args) => <AlertBar {...args} />
+const _AlertBar = Template.bind({});
 
-export const _AlertBar = Template.bind({});
-_AlertBar.args = {};
+exports._AlertBar = _AlertBar;
+_AlertBar.args = {};

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

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

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

@@ -1,41 +1,49 @@
-import React from 'react'
-import Breadcrumbs from './index'
-
-export default {
-    title: 'Trepur Components/Atoms/Breadcrumbs',
-    components: Breadcrumbs,
-    argTypes: {
-        links: {
-            description: '',
-            control: 'array',
-            table: {
-                category: ''
-            }
-        },
-    },
-    args: {
-        links: [
-            {
-                link: '/', 
-                name: 'link 1'
-            },
-            {
-                link: '/', 
-                name: 'link 2'
-            },
-            {
-                link: '/', 
-                name: 'link 3'
-            },
-            {
-                link: '/', 
-                name: 'link 4'
-            }
-        ]
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._Breadcrumbs = 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/Breadcrumbs',
+  components: _index.default,
+  argTypes: {
+    links: {
+      description: '',
+      control: 'array',
+      table: {
+        category: ''
+      }
     }
-}
+  },
+  args: {
+    links: [{
+      link: '/',
+      name: 'link 1'
+    }, {
+      link: '/',
+      name: 'link 2'
+    }, {
+      link: '/',
+      name: 'link 3'
+    }, {
+      link: '/',
+      name: 'link 4'
+    }]
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-const Template = (args) => <Breadcrumbs {...args} />;
+const _Breadcrumbs = Template.bind({});
 
-export const _Breadcrumbs = Template.bind({});
+exports._Breadcrumbs = _Breadcrumbs;
 _Breadcrumbs.args = {};

package/dist/components/Atoms/Breadcrumbs/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/Breadcrumbs/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/BreadcrumbsItem/BreadcrumbsItem.stories.js

@@ -1,86 +1,103 @@
-import React from 'react'
-import Column from '../Column';
-import BreadcrumbsItem from './index'
-import './index.css';
+"use strict";
 
-export default {
-    title: 'Trepur Components/Atoms/Breadcrumbs Item',
-    components: BreadcrumbsItem,
-    parameters: {},
-    argTypes: {
-        link: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        name: {
-            description: '',
-            control: 'text',
-            table: {
-                category: ''
-            }
-        },
-        textColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        bgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        borderColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors'
-            }
-        },
-        hoverBgColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            }
-        },
-        hoverTextColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            }
-        },
-        hoverBorderColor: {
-            description: '',
-            control: 'color',
-            table: {
-                category: 'Colors',
-                subcategory: 'Hover'
-            }
-        },
-        type: {
-            description: '',
-            control: 'text',
-            table: {
-                category: '',
-            }
-        },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports._BreadcrumbsItem = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Column = _interopRequireDefault(require("../Column"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  title: 'Trepur Components/Atoms/Breadcrumbs Item',
+  components: _index.default,
+  parameters: {},
+  argTypes: {
+    link: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    },
+    name: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
     },
-    args: {
-        name: 'Link 1',
+    textColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
     },
-}
+    bgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    borderColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    },
+    hoverBgColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    hoverTextColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    hoverBorderColor: {
+      description: '',
+      control: 'color',
+      table: {
+        category: 'Colors',
+        subcategory: 'Hover'
+      }
+    },
+    type: {
+      description: '',
+      control: 'text',
+      table: {
+        category: ''
+      }
+    }
+  },
+  args: {
+    name: 'Link 1'
+  }
+};
+exports.default = _default;
+
+const Template = args => /*#__PURE__*/_react.default.createElement(_Column.default, {
+  sm: 1
+}, /*#__PURE__*/_react.default.createElement(_index.default, args));
 
-const Template = (args) => <Column sm={1}><BreadcrumbsItem {...args} /></Column>
+const _BreadcrumbsItem = Template.bind({});
 
-export const _BreadcrumbsItem = Template.bind({});
-_BreadcrumbsItem.args = {};
+exports._BreadcrumbsItem = _BreadcrumbsItem;
+_BreadcrumbsItem.args = {};

package/dist/components/Atoms/BreadcrumbsItem/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");
+
 .right-arrow {
   @apply w-0;
   @apply h-0;

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

@@ -9,8 +9,6 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 var _react = _interopRequireWildcard(require("react"));
 
-require("../../../../index.css");
-
 require("./index.css");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

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

@@ -1,68 +1,84 @@
-import React from 'react'
-import Button from './index'
-import { action } from '@storybook/addon-actions'
-import './Styles.css'
-import { buttonOptions } from '../../../utils/controls'
+"use strict";
 
-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: {
-    },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SocialButtonWhatsapp = exports.SocialButtonTwitter = exports.SocialButtonFacebook = exports.HoverButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));
+
+var _addonActions = require("@storybook/addon-actions");
+
+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/Button',
+  component: _index.default,
+  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: _objectSpread({}, _controls.buttonOptions),
+  args: {}
 };
+exports.default = _default;
 
-const Template = (args) => <Button {...args} />;
+const Template = args => /*#__PURE__*/_react.default.createElement(_index.default, args);
 
-export const HoverButton = Template.bind({});
+const HoverButton = Template.bind({});
+exports.HoverButton = HoverButton;
 HoverButton.args = {
-    ctaText: 'This is a button',
+  ctaText: 'This is a button'
 };
-
-export const SocialButtonFacebook = Template.bind({});
+const SocialButtonFacebook = Template.bind({});
+exports.SocialButtonFacebook = SocialButtonFacebook;
 SocialButtonFacebook.args = {
-    onClick: action('button-click'),
-    buttonCenterIcon: 'facebook-f',
-    hoverButtonBgColor: 'white',
-    buttonBgColor: '#3b5999',
-    buttonTextColor: 'white',
-    hoverButtonTextColor: '#3b5999',
-    hoverButtonBorderColor: '#3b5999',
-    buttonType: 'social',
-    url: '/'
+  onClick: (0, _addonActions.action)('button-click'),
+  buttonCenterIcon: 'facebook-f',
+  hoverButtonBgColor: 'white',
+  buttonBgColor: '#3b5999',
+  buttonTextColor: 'white',
+  hoverButtonTextColor: '#3b5999',
+  hoverButtonBorderColor: '#3b5999',
+  buttonType: 'social',
+  url: '/'
 };
-
-export const SocialButtonWhatsapp = Template.bind({});
+const SocialButtonWhatsapp = Template.bind({});
+exports.SocialButtonWhatsapp = SocialButtonWhatsapp;
 SocialButtonWhatsapp.args = {
-    onClick: action('button-click'),
-    buttonCenterIcon: 'whatsapp',
-    hoverButtonBgColor: 'white',
-    buttonBgColor: '#25d366',
-    buttonTextColor: 'white',
-    hoverButtonTextColor: '#25d366',
-    hoverButtonBorderColor: '#25d366',
-    buttonType: 'social',
-    url: '/'
+  onClick: (0, _addonActions.action)('button-click'),
+  buttonCenterIcon: 'whatsapp',
+  hoverButtonBgColor: 'white',
+  buttonBgColor: '#25d366',
+  buttonTextColor: 'white',
+  hoverButtonTextColor: '#25d366',
+  hoverButtonBorderColor: '#25d366',
+  buttonType: 'social',
+  url: '/'
 };
-
-export const SocialButtonTwitter = Template.bind({});
+const SocialButtonTwitter = Template.bind({});
+exports.SocialButtonTwitter = SocialButtonTwitter;
 SocialButtonTwitter.args = {
-    onClick: action('button-click'),
-    buttonCenterIcon: 'twitter',
-    hoverButtonBgColor: 'white',
-    buttonBgColor: '#55acee',
-    buttonTextColor: 'white',
-    hoverButtonTextColor: '#55acee',
-    hoverButtonBorderColor: '#55acee',
-    buttonType: 'social',
-    url: '/'
+  onClick: (0, _addonActions.action)('button-click'),
+  buttonCenterIcon: 'twitter',
+  hoverButtonBgColor: 'white',
+  buttonBgColor: '#55acee',
+  buttonTextColor: 'white',
+  hoverButtonTextColor: '#55acee',
+  hoverButtonBorderColor: '#55acee',
+  buttonType: 'social',
+  url: '/'
 };

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

@@ -0,0 +1,27 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
+
+.btn {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  -webkit-transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  cursor: pointer;
+}
+.btn:after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 0;
+  content: "";
+  z-index: -1;
+  -webkit-transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
+  transition: all 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
+  will-change: width;
+}
+.btn:hover:after {
+  width: 100%;
+}