trepur_components 0.1.41 → 0.2.0

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

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Image = 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");
-
-var _logoWhite = _interopRequireDefault(require("../../Assets/Images/logoWhite.png"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Image',
-  argTypes: {
-    width: {
-      name: 'Type',
-      description: 'The name of the icon you wish to use',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'search'
-    },
-    height: {
-      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 _Image = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "logo",
-    image: _logoWhite.default,
-    height: "32",
-    width: "32"
-  });
-};
-
-exports._Image = _Image;

package/dist/components/Image/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)`

package/dist/components/Image/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Image = _ref => {
-  let {
-    image,
-    altText,
-    height,
-    width,
-    classNames
-  } = _ref;
-  const imgWidth = width && 'w-' + width;
-  const imgHeight = height && 'h-' + height;
-  const classes = imgWidth + ' ' + imgHeight + ' ' + classNames;
-  return /*#__PURE__*/_react.default.createElement("img", {
-    className: classes,
-    src: image,
-    alt: altText
-  });
-};
-
-var _default = Image;
-exports.default = _default;

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

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._InformationIcon = exports.WithRoundedBorder = exports.WithBorder = exports.AsNumberWithRoundedBorder = exports.AsNumber = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/InformationIcon',
-  argTypes: {
-    type: {
-      name: 'Type',
-      description: 'The name of the icon you wish to use',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'search'
-    },
-    text: {
-      name: 'Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is some information text'
-    },
-    number: {
-      name: 'Number',
-      control: {
-        type: 'number'
-      },
-      defaultValue: 14
-    },
-    size: {
-      name: 'Size',
-      description: 'an integer between 1 and 5 to dictage the magnification of the icon',
-      control: {
-        type: 'number'
-      },
-      defaultValue: 4
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      content: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _InformationIcon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: args.type,
-    size: args.size,
-    text: args.text
-  });
-};
-
-exports._InformationIcon = _InformationIcon;
-
-const WithBorder = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: args.type,
-    size: args.size,
-    text: args.text,
-    bordered: true
-  });
-};
-
-exports.WithBorder = WithBorder;
-
-const WithRoundedBorder = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: args.type,
-    size: args.size,
-    text: args.text,
-    bordered: true,
-    rounded: true
-  });
-};
-
-exports.WithRoundedBorder = WithRoundedBorder;
-
-const AsNumber = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: args.type,
-    size: args.size,
-    number: args.number,
-    text: args.text
-  });
-};
-
-exports.AsNumber = AsNumber;
-
-const AsNumberWithRoundedBorder = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    type: args.type,
-    size: args.size,
-    number: args.number,
-    text: args.text,
-    bordered: true,
-    rounded: true,
-    classNames: "py-4",
-    imageClassNames: "pb-4",
-    bgColor: "#38B6FF",
-    textColor: "white"
-  });
-};
-
-exports.AsNumberWithRoundedBorder = AsNumberWithRoundedBorder;

package/dist/components/InformationIcon/README.md

@@ -1,23 +0,0 @@
-# Information Icon
-
-A simple icon that can be used on its own or as a visual on any other component
-
-## Example
-
-```
-<InformationIcon 
-    type={type} 
-    size={size} 
-    number={number} 
-    text={text} 
-    bordered 
-    rounded 
-    classNames='py-4' 
-    imageClassNames='pb-4'
-    bgColor='#38B6FF'
-    textColor='white'
-/>
-```
-
-## Parameters
-

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

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withHiddenLabel = exports.withButton = exports.default = exports._Input = 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/Input',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  addParameters: {
-    oprions: {
-      showNav: false
-    }
-  }
-};
-exports.default = _default;
-
-const _Input = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    label: "This is a label",
-    placeholder: "This is a placeholder",
-    type: "text"
-  });
-};
-
-exports._Input = _Input;
-
-const withHiddenLabel = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    label: "This is a label",
-    placeholder: "This is a placeholder",
-    type: "text",
-    hideLabel: true
-  });
-};
-
-exports.withHiddenLabel = withHiddenLabel;
-
-const withButton = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    label: "This is a label",
-    placeholder: "This is a placeholder",
-    type: "text",
-    ctaText: "Submit"
-  });
-};
-
-exports.withButton = withButton;

package/dist/components/Input/README.md

@@ -1,23 +0,0 @@
-# Input
-
-An input field
-
-## Example
-
-```
-<Input 
-    label='This is a label'
-    placeholder='This is a placeholder'
-    type='text'
-    hideLabel
-/>
-```
-
-## Parameters
-`id={string} (default=null)`
-`label={string} (default=null)`
-`hidelabel={boolean} (default=null)`
-`placeholder={string} (default=null)`
-`type={string} (default=null)`
-`ctaText={string} (default=null)`
-`className={string} (default=null)`

package/dist/components/Jumbotron/Jumbotron.stories.js

@@ -1,118 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Jumbotron = exports.JumbotronWithTwoBtns = exports.JumbotronWithTextAndOneBtn = exports.JumbotronWithTextAndBtns = exports.JumbotronWithOneBtn = exports.JumbotronWithCenterText = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _README = _interopRequireDefault(require("./README.md"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-require("../../../index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/Jumbotron',
-  argTypes: {
-    text: {
-      name: 'Text',
-      description: 'The text the appears as an overlay on the Jumbotron',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Lorem ipsum'
-    },
-    ctaText: {
-      name: 'First Button Text',
-      description: 'The text of the first/left button',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Button 1'
-    },
-    ctaText2: {
-      name: 'Second Button Text',
-      description: 'The text on the second/last button',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Button 2'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Jumbotron = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400"
-  });
-};
-
-exports._Jumbotron = _Jumbotron;
-
-const JumbotronWithOneBtn = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    ctaText: args.ctaText
-  });
-};
-
-exports.JumbotronWithOneBtn = JumbotronWithOneBtn;
-
-const JumbotronWithTwoBtns = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    ctaText: args.ctaText,
-    ctaText2: args.ctaText2
-  });
-};
-
-exports.JumbotronWithTwoBtns = JumbotronWithTwoBtns;
-
-const JumbotronWithCenterText = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    text: args.text
-  });
-};
-
-exports.JumbotronWithCenterText = JumbotronWithCenterText;
-
-const JumbotronWithTextAndOneBtn = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    text: args.text,
-    ctaText: args.ctaText
-  });
-};
-
-exports.JumbotronWithTextAndOneBtn = JumbotronWithTextAndOneBtn;
-
-const JumbotronWithTextAndBtns = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    altText: "image",
-    image: "https://picsum.photos/1500/400",
-    text: args.text,
-    ctaText: args.ctaText,
-    ctaText2: args.ctaText2
-  });
-};
-
-exports.JumbotronWithTextAndBtns = JumbotronWithTextAndBtns;

package/dist/components/Jumbotron/README.md

@@ -1,24 +0,0 @@
-# Jumbotron
-
-A full width Jumbotron with optional overlaying text and 0 - 2 over laying buttons
-
-## Example
-
-```
-<Jumbotron 
-    altText='image'
-    image='https://picsum.photos/1500/400'
-    text={args.text}
-    ctaText={args.ctaText}
-    ctaText2={args.ctaText2}
-></Jumbotron>
-```
-
-## Parameters
-`altText={string} (default=null)`
-`image={string} (default=null)`
-`text={string} (default=null)`
-`ctaText={string} (default=null)`
-`ctaText2={string} (default=null)`
-`ctaLink={string} (default=null)`
-`ctaLink2={string} (default=null)`

package/dist/components/ListItem/ListItem.stories.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._ListItem = 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/ListItem',
-  argTypes: {
-    title: {
-      name: 'Title',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a title'
-    },
-    subtitle: {
-      name: 'Subtitle',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a subtitle'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  addParameters: {
-    oprions: {
-      showNav: false
-    }
-  }
-};
-exports.default = _default;
-
-const _ListItem = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    subtitle: args.subtitle
-  });
-};
-
-exports._ListItem = _ListItem;

package/dist/components/ListItem/README.md

@@ -1,17 +0,0 @@
-# List Item 
-
-A list item 
-
-## Example
-
-```
-<ListItem
-    title={args.title}
-    subtitle={args.subtitle}
-/>
-```
-
-## Parameters
-
-`title={string} (default=null)`
-`subtitle={function} (default=null)`

package/dist/components/ListItem/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ListItem = _ref => {
-  let {
-    title,
-    subtitle
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-auto flex hover:bg-lightest-grey  text-center"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-full pl-4 py-2 text-left"
-  }, /*#__PURE__*/_react.default.createElement("h1", null, title), /*#__PURE__*/_react.default.createElement("h2", null, subtitle))));
-};
-
-var _default = ListItem;
-exports.default = _default;

package/dist/components/ListItemDropdown/ListItemDropdown.stories.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._ListItemDropdown = 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/ListItemDropdown',
-  argTypes: {
-    title: {
-      name: 'Title',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a title'
-    },
-    subtitle: {
-      name: 'Subtitle',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'This is a subtitle'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  addParameters: {
-    oprions: {
-      showNav: false
-    }
-  }
-};
-exports.default = _default;
-
-const _ListItemDropdown = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    subtitle: args.subtitle
-  });
-};
-
-exports._ListItemDropdown = _ListItemDropdown;

package/dist/components/ListItemDropdown/README.md

@@ -1,16 +0,0 @@
-# List Item Dropdown
-
-A list item with with a dropdown on click
-## Example
-
-```
-<ListItemDropdown 
-    title={args.title}
-    subtitle={args.subtitle}
-/>
-```
-
-## Parameters
-
-`title={string} (default=null)`
-`subtitle={function} (default=null)`