trepur_components 0.1.41 → 0.2.0

package/dist/components/Carousel/Carousel.stories.js

@@ -1,124 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Carousel = exports.WithDots = exports.WithAutoPlayInstantTransition = exports.WithAutoPlay = exports.WithArrows = exports.Infinite = exports.Cards = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-require("./index.css");
-
-var _index4 = _interopRequireDefault(require("../Card/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// const textSlides = Array(5)
-//     .fill(null)
-//     .map(
-//         (el, i) =>
-//             `<div className='h-32 border bg-lightest-grey'>
-//                 <h3 className='text-center pt-8 text-4xl'>${i}</h3>
-//             </div>`
-//     )
-const textSlides = ["<div className='h-32 border bg-lightest-grey'>\n    <h3 className='text-center pt-8 text-4xl'>1</h3>\n</div>", "<div className='h-32 border bg-brand-primary'>\n<h3 className='text-center pt-8 text-4xl'>2</h3>\n</div>", "<div className='h-32 border bg-brand-secondary'>\n<h3 className='text-center pt-8 text-4xl'>3</h3>\n</div>"];
-var _default = {
-  title: 'Components/Carousel',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Carousel = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    slides: textSlides,
-    slidesToShow: 1,
-    slidesToScroll: 1
-  });
-};
-
-exports._Carousel = _Carousel;
-
-const WithDots = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    dots: true,
-    slidesToShow: 1,
-    slidesToScroll: 1
-  });
-};
-
-exports.WithDots = WithDots;
-
-const WithArrows = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    dots: true,
-    arrows: true,
-    slidesToShow: 1,
-    slidesToScroll: 1
-  });
-};
-
-exports.WithArrows = WithArrows;
-
-const Infinite = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    dots: true,
-    infinite: true,
-    arrows: true,
-    slidesToShow: 1,
-    slidesToScroll: 1
-  });
-};
-
-exports.Infinite = Infinite;
-
-const WithAutoPlay = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    dots: true,
-    speed: 5000,
-    slidesToShow: 1,
-    slidesToScroll: 1,
-    autoplay: true,
-    autoplaySpeed: 2000
-  });
-};
-
-exports.WithAutoPlay = WithAutoPlay;
-
-const WithAutoPlayInstantTransition = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    dots: true,
-    speed: 0,
-    slidesToShow: 1,
-    slidesToScroll: 1,
-    autoplay: true,
-    autoplaySpeed: 2000
-  });
-};
-
-exports.WithAutoPlayInstantTransition = WithAutoPlayInstantTransition;
-
-const Cards = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    dots: true,
-    infinite: true,
-    arrows: true,
-    slidesToShow: 1,
-    slidesToScroll: 1
-  });
-};
-
-exports.Cards = Cards;

package/dist/components/Carousel/README.md

@@ -1,22 +0,0 @@
-# Testimonial
-
-
-
-## Example
-
-```
-<Testimonial 
-    altText='image'
-    image='https://picsum.photos/100/100'
-    text={args.text}
-    companyName={args.companyName}
-    position={args.position}
-    date={args.date}
-    positionStartDate={args.positionStartDate}
-    positionEndDate={args.positionEndDate}
-    authorsName={args.authorsName}
-    authorsPosition={args.authorsPosition}
-/>
-```
-
-## Parameters

package/dist/components/Carousel/index.css

@@ -1,7 +0,0 @@
-.slick-next {
-    border: 2px solid black;
-}
-
-.slick-prev {
-    border: 2px solid black;
-}

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

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withTopBorder = exports.withIcon = exports.withBottomBorder = exports.withBothBorders = exports.default = exports._Collapsible = 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: 'Components/Collapsible',
-  argTypes: {
-    title: {
-      name: 'Title',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a title'
-    },
-    content: {
-      name: 'Subtitle',
-      control: {
-        type: 'text'
-      },
-      defaultValue: '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: {
-      name: 'Icon',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'calendar'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  addParameters: {
-    oprions: {
-      showNav: false
-    }
-  }
-};
-exports.default = _default;
-
-const _Collapsible = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    content: args.content
-  });
-};
-
-exports._Collapsible = _Collapsible;
-
-const withIcon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    content: args.content,
-    icon: args.icon
-  });
-};
-
-exports.withIcon = withIcon;
-
-const withTopBorder = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    content: args.content,
-    icon: args.icon,
-    borderTop: true
-  });
-};
-
-exports.withTopBorder = withTopBorder;
-
-const withBottomBorder = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    content: args.content,
-    icon: args.icon,
-    borderBottom: true
-  });
-};
-
-exports.withBottomBorder = withBottomBorder;
-
-const withBothBorders = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    content: args.content,
-    icon: args.icon,
-    borderTop: true,
-    borderBottom: true
-  });
-};
-
-exports.withBothBorders = withBothBorders;

package/dist/components/Collapsible/README.md

@@ -1,19 +0,0 @@
-# Collapsible
-
-A collapsible component
-
-## Example
-
-```
-<Collapsible 
-    title={args.title}
-    content={args.content}
-/>
-```
-
-## Parameters
-`title={string} (default=null)`
-`content={string} (default=null)`
-`borderTop={boolean} (default=null)`
-`borderBottom={boolean} (default=null)`
-`icon={string} (default=null)`

package/dist/components/Collapsible/index.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _index = _interopRequireDefault(require("../Icon/index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const Collapsible = _ref => {
-  let {
-    title,
-    content,
-    borderTop,
-    borderBottom,
-    icon
-  } = _ref;
-  const [expanded, setExpanded] = (0, _react.useState)(false);
-
-  const toggleExpanded = () => {
-    setExpanded(!expanded);
-  };
-
-  let classes;
-  classes += borderBottom ? ' border-b' : '';
-  classes += borderTop ? ' border-t' : '';
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    onClick: () => toggleExpanded(),
-    className: 'hover:bg-lightest-grey w-auto flex text-center' + classes
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full pl-4 py-4 text-left flex"
-  }, icon && /*#__PURE__*/_react.default.createElement("span", {
-    className: "pr-4"
-  }, /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: icon
-  })), /*#__PURE__*/_react.default.createElement("h1", null, /*#__PURE__*/_react.default.createElement("b", null, title))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full pt-4 pr-4 text-right"
-  }, expanded ? /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "arrow-up"
-  })) : /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: "arrow-down"
-  })))), expanded ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "expandable w-auto pl-4 py-4 text-justified"
-  }, /*#__PURE__*/_react.default.createElement("p", null, content)) : null);
-};
-
-var _default = Collapsible;
-exports.default = _default;

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

@@ -1,168 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Column = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("../../../index.css");
-
-var _index2 = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Column',
-  argTypes: {
-    sm: {
-      name: 'SM',
-      control: {
-        type: 'text'
-      },
-      defaultValue: ''
-    },
-    md: {
-      name: 'MD',
-      control: {
-        type: 'text'
-      },
-      defaultValue: ''
-    },
-    lg: {
-      name: 'LG',
-      control: {
-        type: 'text'
-      },
-      defaultValue: ''
-    },
-    xl: {
-      name: 'XL',
-      control: {
-        type: 'text'
-      },
-      defaultValue: ''
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  addParameters: {
-    oprions: {
-      showNav: false
-    }
-  }
-};
-exports.default = _default;
-
-const _Column = args => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index2.default, {
-    sm: 1,
-    md: 1,
-    lg: 1,
-    xl: 1,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "text-center"
-  }, "Col width 1/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    sm: 2,
-    md: 2,
-    lg: 2,
-    xl: 2,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 2/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    sm: 3,
-    md: 3,
-    lg: 3,
-    xl: 3,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 3/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 4,
-    sm: 4,
-    md: 4,
-    lg: 4,
-    xl: 4,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 24/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 5,
-    sm: 5,
-    md: 5,
-    lg: 5,
-    xl: 5,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 5/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 6,
-    sm: 6,
-    md: 6,
-    lg: 6,
-    xl: 6,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 6/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 7,
-    sm: 7,
-    md: 7,
-    lg: 7,
-    xl: 7,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 7/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 8,
-    sm: 8,
-    md: 8,
-    lg: 8,
-    xl: 8,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 8/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 9,
-    sm: 9,
-    md: 9,
-    lg: 9,
-    xl: 9,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 9/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 10,
-    sm: 10,
-    md: 10,
-    lg: 10,
-    xl: 10,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 10/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 11,
-    sm: 11,
-    md: 11,
-    lg: 11,
-    xl: 11,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 11/12")), /*#__PURE__*/_react.default.createElement(_index2.default, {
-    xs: 12,
-    sm: 12,
-    md: 12,
-    lg: 12,
-    xl: 12,
-    className: "border h-16"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "pt-4 text-center"
-  }, "Col width 12/12")));
-};
-
-exports._Column = _Column;

package/dist/components/Column/README.md

@@ -1,23 +0,0 @@
-# Calumn
-
-
-
-## Example
-
-```
-<Column 
-    sm='2'
-    md='2'
-    lg='2'
-    xl='2'
->
-{children}
-<Column/>
-
-```
-
-## Parameters
-`sm={string} (default=null)`
-`md={string} (default=null)`
-`lg={string} (default=null)`
-`xl={string} (default=null)`

package/dist/components/Form/Form.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Form = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const components = [{
-  type: 'Input',
-  label: 'This is a label',
-  placeholder: 'This is a placeholder'
-}, {
-  type: 'Input',
-  label: 'This is a label',
-  placeholder: 'This is a placeholder'
-}, {
-  type: 'Input',
-  label: 'This is a label',
-  placeholder: 'This is a placeholder'
-}, {
-  type: 'Button',
-  ctaText: 'Submit'
-}];
-var _default = {
-  title: 'Components/Form',
-  argTypes: {
-    title: {
-      name: 'title',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a form title'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  addParameters: {
-    oprions: {
-      showNav: false
-    }
-  }
-};
-exports.default = _default;
-
-const _Form = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    components: components
-  });
-};
-
-exports._Form = _Form;

package/dist/components/Form/README.md

@@ -1,16 +0,0 @@
-# Form
-
-A form made up of a collection of inputs and buttons
-
-## Example
-
-```
-<Form 
-    title={args.title}
-    components={components}
-/>
-```
-
-## Parameters
-`type={string} (default=null)`
-`components={array} (default=null)`

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

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Icon = exports.WithOnClick = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-var _addonActions = require("@storybook/addon-actions");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Icon',
-  argTypes: {
-    type: {
-      name: 'Type',
-      description: 'The name of the icon you wish to use',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'search'
-    },
-    size: {
-      name: 'Size',
-      description: 'an integer between 1 and 5 to dictage the magnification of the icon',
-      control: {
-        type: 'number'
-      },
-      defaultValue: 1
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      content: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Icon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: args.type,
-    size: args.size
-  });
-};
-
-exports._Icon = _Icon;
-
-const WithOnClick = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: args.type,
-    size: args.size,
-    onClick: (0, _addonActions.action)('icon-click')
-  });
-};
-
-exports.WithOnClick = WithOnClick;

package/dist/components/Icon/README.md

@@ -1,12 +0,0 @@
-# Icon
-
-A simple icon that can be used on its own or as a visual on any other component
-
-## Example
-
-```
-<Icon type='thumbs-up' size='4'/>
-```
-
-## Parameters
-`type={string} (default=null)`