trepur_components 0.2.24 → 0.2.27

package/dist/components/Button/index.js

@@ -46,7 +46,8 @@ const Button = _ref => {
     buttonType,
     buttonDesign,
     border,
-    rounded
+    rounded,
+    iconBrand
   } = _ref;
   let padding = buttonType === 'social' ? 'px-1 py-1 ' : 'px-8 ';
   let externalPadding = buttonType === 'external' ? 'py-3 ' : 'py-2 ';
@@ -65,7 +66,7 @@ const Button = _ref => {
     classList += slideClasses;
   }
 
-  const iconClassList = buttonType === 'social' ? 'fa-brands' : '';
+  const iconClassList = iconBrand ? 'fa-brands' : '';
 
   let iconLeft = buttonLeftIcon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     classes: "pr-2",

package/dist/components/Carousel/index.js

@@ -21,8 +21,6 @@ require("slick-carousel/slick/slick-theme.css");
 
 require("../index.css");
 
-require("./index.css");
-
 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); }
@@ -52,10 +50,8 @@ const Carousel = _ref => {
     autoplay,
     autoplaySpeed,
     nextArrowClasses,
-    nextArrowOnClick,
     nextArrowStyles,
     previousArrowClasses,
-    previousArrowOnClick,
     previousArrowStyles,
     nextArrowIcon,
     nextArrowIconSize,

package/dist/components/Input/index.js

@@ -19,31 +19,59 @@ const Input = _ref => {
   let {
     id,
     classes,
+    labelClasses,
+    inputClasses,
+    autoComplete,
+    disabled,
+    formId,
+    height,
+    maxLength,
+    minLength,
+    pattern,
+    required,
+    readOnly,
     label,
+    type,
+    name,
     placeholder,
     bold,
     onChange,
-    name,
-    type
+    onBlur,
+    onFocus
   } = _ref;
-  let classList = 'flex flex-col w-96 ' + classes;
-  let labelClasses = bold ? 'font-bold w-auto' : 'w-auto';
-  let inputClasses = 'border h-12 pl-2';
+  let classList = 'flex flex-col ';
+  classList += classes ? classes : '';
+  let labelClassList = 'w-auto ';
+  labelClassList += bold ? 'font-bold ' : '';
+  labelClassList += labelClasses ? labelClasses : '';
+  let inputClassList = 'border px-2 ';
+  inputClassList += inputClasses ? inputClasses : '';
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
     className: classList
   }), label && /*#__PURE__*/_react.default.createElement("label", {
     id: "label-".concat(id),
-    className: labelClasses,
+    className: labelClassList,
     htmlFor: "input-".concat(id)
-  }, /*#__PURE__*/_react.default.createElement("b", null, label)), /*#__PURE__*/_react.default.createElement("input", {
+  }, label), /*#__PURE__*/_react.default.createElement("input", {
     id: "input-".concat(id),
-    className: inputClasses,
+    className: inputClassList,
+    autoComplete: autoComplete,
+    disabled: disabled,
+    form: formId,
+    height: height,
+    maxLength: maxLength,
+    minLength: minLength,
+    pattern: pattern,
+    required: required,
+    readOnly: readOnly,
     type: type,
     name: name,
     placeholder: placeholder,
-    onChange: onChange
+    onChange: onChange,
+    onBlur: onBlur,
+    onFocus: onFocus
   }));
 };
 

package/dist/components/TextAndTitle/index.js

@@ -33,7 +33,7 @@ const TextAndTitle = _ref => {
   titleClassList += titleClasses ? titleClasses : '';
   let textClassList = '';
   textClassList += textClasses ? textClasses : '';
-  let classList = 'text-center';
+  let classList = 'text-center ';
   classList += classes ? classes : ''; //---------- Styling ---------------
 
   const textStyles = {

package/dist/components/TextArea/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.assign.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+require("../index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const TextArea = _ref => {
+  let {
+    id,
+    classes,
+    label,
+    placeholder,
+    bold,
+    onChange,
+    name,
+    disabled,
+    rows,
+    cols,
+    autoFocus,
+    formId,
+    maxLength,
+    readOnly,
+    required,
+    onBlur,
+    onFocus
+  } = _ref;
+  let classList = 'flex flex-col ';
+  classList += classes ? classes : '';
+  let labelClassList = 'w-auto ';
+  labelClassList += bold ? 'font-bold ' : '';
+  let textAreaClassList = 'border px-2';
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classList
+  }), label && /*#__PURE__*/_react.default.createElement("label", {
+    id: "label-".concat(id),
+    className: labelClassList,
+    htmlFor: "text-area-".concat(id)
+  }, label), /*#__PURE__*/_react.default.createElement("textarea", {
+    id: "text-area-".concat(id),
+    className: textAreaClassList,
+    autoFocus: autoFocus,
+    form: formId,
+    maxLength: maxLength,
+    readOnly: readOnly,
+    required: required,
+    disabled: disabled,
+    rows: rows,
+    cols: cols,
+    name: name,
+    placeholder: placeholder,
+    onChange: onChange,
+    onFocus: onFocus,
+    onBlur: onBlur
+  }));
+};
+
+var _default = TextArea;
+exports.default = _default;

package/dist/index.js

@@ -183,6 +183,12 @@ Object.defineProperty(exports, "TextAndTitle", {
     return _TextAndTitle.default;
   }
 });
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function get() {
+    return _TextArea.default;
+  }
+});
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
   get: function get() {
@@ -208,72 +214,74 @@ Object.defineProperty(exports, "Video", {
   }
 });
 
+var _Accordion = _interopRequireDefault(require("./components/Accordion"));
+
 var _AlertBar = _interopRequireDefault(require("./components/AlertBar"));
 
 var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs"));
 
 var _BreadcrumbsItem = _interopRequireDefault(require("./components/BreadcrumbsItem"));
 
+var _BreadcrumbsBordered = _interopRequireDefault(require("./components/BreadcrumbsBordered"));
+
 var _Button = _interopRequireDefault(require("./components/Button"));
 
-var _CardWithTopImage = _interopRequireDefault(require("./components/CardWithTopImage"));
+var _Card = _interopRequireDefault(require("./components/Card"));
 
-var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
+var _CardWithTopImage = _interopRequireDefault(require("./components/CardWithTopImage"));
 
-var _Column = _interopRequireDefault(require("./components/Column"));
+var _Carousel = _interopRequireDefault(require("./components/Carousel"));
 
 var _ChevronCard = _interopRequireDefault(require("./components/ChevronCard"));
 
-var _Icon = _interopRequireDefault(require("./components/Icon"));
-
-var _Image = _interopRequireDefault(require("./components/Image"));
-
-var _InformationIcon = _interopRequireDefault(require("./components/InformationIcon"));
-
-var _Input = _interopRequireDefault(require("./components/Input"));
-
-var _NavItem = _interopRequireDefault(require("./components/NavItem"));
-
-var _Row = _interopRequireDefault(require("./components/Row"));
-
-var _StarRating = _interopRequireDefault(require("./components/StarRating"));
-
-var _TextAndTitle = _interopRequireDefault(require("./components/TextAndTitle"));
-
-var _Tubestops = _interopRequireDefault(require("./components/Tubestops"));
-
-var _Video = _interopRequireDefault(require("./components/Video"));
-
-var _Accordion = _interopRequireDefault(require("./components/Accordion"));
-
-var _BreadcrumbsBordered = _interopRequireDefault(require("./components/BreadcrumbsBordered"));
-
-var _Card = _interopRequireDefault(require("./components/Card"));
+var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
 
-var _Carousel = _interopRequireDefault(require("./components/Carousel"));
+var _Column = _interopRequireDefault(require("./components/Column"));
 
 var _Form = _interopRequireDefault(require("./components/Form"));
 
 var _FyreCard = _interopRequireDefault(require("./components/FyreCard"));
 
+var _Icon = _interopRequireDefault(require("./components/Icon"));
+
+var _Image = _interopRequireDefault(require("./components/Image"));
+
 var _ImageLink = _interopRequireDefault(require("./components/ImageLink"));
 
 var _ImageLinkList = _interopRequireDefault(require("./components/ImageLinkList"));
 
+var _InformationIcon = _interopRequireDefault(require("./components/InformationIcon"));
+
+var _Input = _interopRequireDefault(require("./components/Input"));
+
 var _Jumbotron = _interopRequireDefault(require("./components/Jumbotron"));
 
 var _Nav = _interopRequireDefault(require("./components/Nav"));
 
+var _NavItem = _interopRequireDefault(require("./components/NavItem"));
+
 var _NewsCard = _interopRequireDefault(require("./components/NewsCard"));
 
 var _Profile = _interopRequireDefault(require("./components/Profile"));
 
+var _Row = _interopRequireDefault(require("./components/Row"));
+
 var _Search = _interopRequireDefault(require("./components/Search"));
 
+var _StarRating = _interopRequireDefault(require("./components/StarRating"));
+
 var _Testimonial = _interopRequireDefault(require("./components/Testimonial"));
 
+var _TextAndTitle = _interopRequireDefault(require("./components/TextAndTitle"));
+
+var _TextArea = _interopRequireDefault(require("./components/TextArea"));
+
 var _Timeline = _interopRequireDefault(require("./components/Timeline"));
 
+var _Tubestops = _interopRequireDefault(require("./components/Tubestops"));
+
 var _UserIcon = _interopRequireDefault(require("./components/UserIcon"));
 
+var _Video = _interopRequireDefault(require("./components/Video"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.2.24",
+  "version": "0.2.27",
   "private": false,
   "keywords": [
     "react",