trepur_components 0.1.42 → 0.2.1

package/dist/components/Profile/README.md

@@ -1,17 +0,0 @@
-# Profile
-
-A profile icon with a dropdown menu, used for navigational purposes
-## Example
-
-```
-<Profile 
-    profileLinks={links} 
-    userImage={userImage} 
-/>
-```
-
-## Parameters
-`profileLinks={string} (default=null)`
-`alignRight={function} (default=null)`
-`alignLeft={string} (default=null)`
-`userImage={string} (default=null)`

package/dist/components/Search/README.md

@@ -1,21 +0,0 @@
-# Search
-
-A search box which can be displayed with a label or icon
-
-## Example
-
-```
-<Search
-    placeholder={args.placeholder}
-    text={args.text}
-    leftIcon={args.leftIcon}>
-</Search>
-```
-
-## Parameters
-`className={string} (default=null)`
-`onChange={function} (default=null)`
-`placeholder={string} (default=null)`
-`text={string} (default=null)`
-`leftIcon={string} (default=null)`
-`rightIcon={string} (default=null)`

package/dist/components/Search/Search.stories.js

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Search = exports.SearchWithRightIcon = exports.SearchWithLeftIcon = exports.SearchWithLabel = exports.SearchWithBothIconsAndLabel = exports.SearchWithBothIcons = 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/Search',
-  argTypes: {
-    leftIcon: {
-      name: 'Left Icon',
-      description: 'An optional param to display an icon to the left of the search bar',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'search'
-    },
-    rightIcon: {
-      name: 'Right Icon',
-      description: 'An optional param to display an icon to the right of the search bar',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'star'
-    },
-    placeholder: {
-      name: 'Placeholder',
-      description: 'An optional param to display a placeholder inside the search box',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'search'
-    },
-    text: {
-      name: 'Label Text',
-      description: 'An optional param to display a label on the left of the search bar',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'search for an item'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Search = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    placeholder: args.placeholder,
-    text: args.text,
-    leftIcon: args.leftIcon,
-    rightIcon: args.rightIcon
-  });
-};
-
-exports._Search = _Search;
-
-const SearchWithLabel = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    placeholder: args.placeholder,
-    text: args.text
-  });
-};
-
-exports.SearchWithLabel = SearchWithLabel;
-
-const SearchWithLeftIcon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    placeholder: args.placeholder,
-    leftIcon: args.leftIcon
-  });
-};
-
-exports.SearchWithLeftIcon = SearchWithLeftIcon;
-
-const SearchWithRightIcon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    placeholder: args.placeholder,
-    rightIcon: args.rightIcon
-  });
-};
-
-exports.SearchWithRightIcon = SearchWithRightIcon;
-
-const SearchWithBothIcons = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    placeholder: args.placeholder,
-    leftIcon: args.leftIcon,
-    rightIcon: args.rightIcon
-  });
-};
-
-exports.SearchWithBothIcons = SearchWithBothIcons;
-
-const SearchWithBothIconsAndLabel = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    placeholder: args.placeholder,
-    leftIcon: args.leftIcon,
-    rightIcon: args.rightIcon,
-    text: "Search"
-  });
-};
-
-exports.SearchWithBothIconsAndLabel = SearchWithBothIconsAndLabel;

package/dist/components/StarRating/README.md

@@ -1,12 +0,0 @@
-# Star Rating
-
-Specify the number of stars for the rating and it will display as colored stars
-
-## Example
-
-```
-<StarRating stars='3' size='5'/>
-```
-
-## Parameters
-

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

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._StarRating = exports.UnspecifiedStars = exports.Large = 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/StarRating',
-  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
-    },
-    stars: {
-      name: 'Stars',
-      description: 'an integer between 1 and 5 to dictage the magnification of the icon',
-      control: {
-        type: 'number'
-      },
-      defaultValue: 3
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      content: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _StarRating = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    stars: args.stars,
-    size: args.size
-  });
-};
-
-exports._StarRating = _StarRating;
-
-const Large = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    stars: args.stars,
-    size: 5
-  });
-};
-
-exports.Large = Large;
-
-const UnspecifiedStars = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, null);
-};
-
-exports.UnspecifiedStars = UnspecifiedStars;

package/dist/components/StarRating/index.css

@@ -1,8 +0,0 @@
-.checked {
-    color: orange
-}
-
-.unchecked {
-    color: orange;
-    opacity: 0.3
-}

package/dist/components/Testimonial/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/Testimonial/Testimonial.stories.js

@@ -1,125 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._Testimonial = exports.TestimonialWithColors = 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/Testimonial',
-  argTypes: {
-    text: {
-      name: 'Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: "Lorem ipsum dolor sit amet consectetur adipisicing elit. \n            Tenetur excepturi beatae dicta. Dolorem explicabo, aspernatur enim, \n            provident at tempore cum quibusdam voluptatem deserunt numquam ab fuga \n            culpa perferendis ea aliquid. Lorem ipsum dolor sit amet consectetur adipisicing elit. \n            Voluptates maiores doloribus iure enim voluptate blanditiis cumque dignissimos! \n            Quas praesentium sunt ducimus facere velit aut maiores, deserunt minima blanditiis \n            atque cupiditate! Lorem ipsum dolor sit amet consectetur adipisicing elit. \n            Facilis eveniet libero quod ipsam numquam, vero nisi provident sit, alias officiis \n            ullam ut, quos aliquid! Sapiente excepturi tenetur ad odit vitae. Lorem ipsum dolor \n            sit amet consectetur adipisicing elit. Atque nam dignissimos error inventore iure \n            ducimus dolor officiis cupiditate, odit, hic facilis quod eum ab. Recusandae provident \n            veritatis praesentium mollitia sapiente."
-    },
-    companyName: {
-      name: 'Company Name',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Company Name'
-    },
-    positionStartDate: {
-      name: 'Position Start Date',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'dd mm yyyy'
-    },
-    positionEndDate: {
-      name: 'Position End Date',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'dd mm yyyy'
-    },
-    position: {
-      name: 'Position',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Position'
-    },
-    date: {
-      name: 'Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'dd mm yyyy'
-    },
-    authorsName: {
-      name: 'Author\'s Name',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Author\'s Name'
-    },
-    authorsPosition: {
-      name: 'Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Author\'s Position'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _Testimonial = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    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
-  });
-};
-
-exports._Testimonial = _Testimonial;
-
-const TestimonialWithColors = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    classNames: "py-4 px-4",
-    imageClassNames: "mb-8",
-    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,
-    bgColor: "#38B6FF",
-    textColor: "white"
-  });
-};
-
-exports.TestimonialWithColors = TestimonialWithColors;

package/dist/components/TextAndTitle/README.md

@@ -1,14 +0,0 @@
-# Text and Title
-
-A simple component to display a title with some text
-
-## Example
-
-```
-<TextAndTitle 
-    title={title}
-    text={text}
-/>
-```
-
-## Parameters

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

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._TextAndTitle = exports.WithColors = 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/TextAndTitle',
-  argTypes: {
-    text: {
-      name: 'Text',
-      control: {
-        type: 'text'
-      },
-      defaultValue: "Lorem ipsum dolor sit amet consectetur adipisicing elit. \n            Tenetur excepturi beatae dicta. Dolorem explicabo, aspernatur enim, \n            provident at tempore cum quibusdam voluptatem deserunt numquam ab fuga \n            culpa perferendis ea aliquid. Lorem ipsum dolor sit amet consectetur adipisicing elit. \n            Voluptates maiores doloribus iure enim voluptate blanditiis cumque dignissimos! \n            Quas praesentium sunt ducimus facere velit aut maiores, deserunt minima blanditiis \n            atque cupiditate! Lorem ipsum dolor sit amet consectetur adipisicing elit. \n            Facilis eveniet libero quod ipsam numquam, vero nisi provident sit, alias officiis \n            ullam ut, quos aliquid! Sapiente excepturi tenetur ad odit vitae. Lorem ipsum dolor \n            sit amet consectetur adipisicing elit. Atque nam dignissimos error inventore iure \n            ducimus dolor officiis cupiditate, odit, hic facilis quod eum ab. Recusandae provident \n            veritatis praesentium mollitia sapiente."
-    },
-    title: {
-      name: 'Company Name',
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'Title'
-    }
-  },
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  parameters: {
-    readme: {
-      sidebar: _README.default
-    }
-  }
-};
-exports.default = _default;
-
-const _TextAndTitle = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    title: args.title,
-    text: args.text
-  });
-};
-
-exports._TextAndTitle = _TextAndTitle;
-
-const WithColors = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    classNames: "py-4 px-4",
-    text: args.text,
-    title: args.title,
-    bgColor: "#38B6FF",
-    textColor: "white"
-  });
-};
-
-exports.WithColors = WithColors;

package/dist/components/UserIcon/README.md

@@ -1,18 +0,0 @@
-# User Icon
-
-An icon of a given user along with a small amount of information
-
-## Example
-
-```
-<UserIcon 
-    icon={userImage}
-    name='This is a name'
-    description= 'this is a description'
-/>
-```
-
-## Parameters
-`icon={string} (default=null)`
-`name={string} (default=null)`
-`description={string} (default=null)`

package/dist/components/UserIcon/UserIcon.stories.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports._UserIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-var _user = _interopRequireDefault(require("../../Assets/Images/user.jpeg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  title: 'Components/UserIcon',
-  argTypes: {},
-  decorators: [story => /*#__PURE__*/_react.default.createElement("div", {
-    className: "p-4"
-  }, story())],
-  addParameters: {
-    oprions: {
-      showNav: false
-    }
-  }
-};
-exports.default = _default;
-
-const _UserIcon = args => {
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    icon: _user.default,
-    name: "This is a name",
-    description: "this is a description"
-  });
-};
-
-exports._UserIcon = _UserIcon;