trepur_components 0.3.17 → 0.3.20

package/dist/components/Accordion/index.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Collapsible = _interopRequireDefault(require("../Collapsible"));
 
-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); }

package/dist/components/AlertBar/index.js

@@ -17,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }
 
 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; }

package/dist/components/Breadcrumbs/index.js

@@ -11,8 +11,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-require("../index.css");
-
 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; }

package/dist/components/BreadcrumbsBordered/index.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _BreadcrumbsItem = _interopRequireDefault(require("../BreadcrumbsItem"));
 
-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); }

package/dist/components/BreadcrumbsItem/index.js

@@ -15,8 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Button/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-require("core-js/modules/es.object.assign.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.buttonProps = void 0;
 
-require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.object.assign.js");
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -17,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }
@@ -36,7 +34,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const buttonProps = {
   id: _propTypes.default.string,
   classes: _propTypes.default.string,
-  text: _propTypes.default.string,
   onClick: _propTypes.default.func,
   bgColor: _propTypes.default.string,
   textColor: _propTypes.default.string,
@@ -52,6 +49,7 @@ const buttonProps = {
   rounded: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
   isLoading: _propTypes.default.bool,
+  target: _propTypes.default.string,
   leftIcon: _propTypes.default.shape(_Icon.iconProps),
   rightIcon: _propTypes.default.shape(_Icon.iconProps),
   centerIcon: _propTypes.default.shape(_Icon.iconProps)
@@ -60,9 +58,9 @@ exports.buttonProps = buttonProps;
 
 const Button = _ref => {
   let {
-    buttonProps
+    buttonProps,
+    children
   } = _ref;
-  const [hovering, setHovering] = (0, _react.useState)(false);
   if (buttonProps == undefined) return;
   const design = (0, _classnames.default)({
     [buttonProps.design]: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.design,
@@ -104,28 +102,6 @@ const Button = _ref => {
     'invisible': buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading
   }, 'flex');
 
-  const iconLeft = (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftIcon) && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: {
-      classes: (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftIcon.brand) && 'fa-brands',
-      size: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftIcon.size,
-      type: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftIcon.type,
-      hollow: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftIcon.hollow
-    }
-  });
-
-  const iconRight = (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.rightIcon) && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: {
-      classes: buttonProps !== null && buttonProps !== void 0 && buttonProps.rightIcon.brand ? 'fa-brands' : '',
-      size: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.rightIcon.size,
-      type: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.rightIcon.type,
-      hollow: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.rightIcon.hollow
-    }
-  });
-
-  const iconCenter = (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.centerIcon) && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    iconProps: buttonProps.centerIcon
-  });
-
   const loadingIcon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
     iconProps: {
       size: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.size,
@@ -134,61 +110,23 @@ const Button = _ref => {
     }
   });
 
-  if (['internal', 'external'].includes(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type)) {
-    return /*#__PURE__*/_react.default.createElement("a", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) === 'external' && {
-      target: '_blank'
-    }, {
-      href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.url
-    }), /*#__PURE__*/_react.default.createElement("button", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id) && {
-      id: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id
-    }, {
-      className: classList,
-      type: "button",
-      "aria-busy": buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading,
-      onMouseOver: () => setHovering(true),
-      onMouseOut: () => setHovering(false)
-    }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick) && {
-      onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick
-    }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled) && {
-      disabled: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled
-    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-      className: buttonContentClasses
-    }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftIcon) && iconLeft, /*#__PURE__*/_react.default.createElement("p", null, hovering ? buttonProps !== null && buttonProps !== void 0 && buttonProps.hoverText ? buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.hoverText : buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.text : buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.text), (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.rightIcon) && iconRight), /*#__PURE__*/_react.default.createElement("div", {
-      className: loadingClasses
-    }, loadingIcon))));
-  } else if (['social', 'icon'].includes(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type)) {
-    return /*#__PURE__*/_react.default.createElement("button", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id) && {
-      id: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id
-    }, {
-      className: classList,
-      type: "button",
-      "aria-busy": buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading,
-      onMouseOver: () => setHovering(true),
-      onMouseOut: () => setHovering(false)
-    }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick) && {
-      onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick
-    }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled) && {
-      disabled: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled
-    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-      className: buttonProps !== null && buttonProps !== void 0 && buttonProps.isLoading ? 'invisible' : ''
-    }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.centerIcon) && iconCenter), /*#__PURE__*/_react.default.createElement("div", {
-      className: loadingClasses
-    }, loadingIcon)));
-  } else return /*#__PURE__*/_react.default.createElement("button", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id) && {
+  return /*#__PURE__*/_react.default.createElement("a", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.target) && {
+    target: '_blank'
+  }, {
+    href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.url
+  }), /*#__PURE__*/_react.default.createElement("button", _extends({}, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id) && {
     id: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.id
   }, {
     className: classList,
     type: "button",
-    "aria-busy": buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading,
-    onMouseOver: () => setHovering(true),
-    onMouseOut: () => setHovering(false)
+    "aria-busy": buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.isLoading
   }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick) && {
     onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick
   }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled) && {
     disabled: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: buttonProps !== null && buttonProps !== void 0 && buttonProps.isLoading ? 'invisible' : ''
-  }, (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.leftIcon) && iconLeft, /*#__PURE__*/_react.default.createElement("p", null, hovering ? buttonProps !== null && buttonProps !== void 0 && buttonProps.hoverText ? buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.hoverText : buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.text : buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.text), (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.rightIcon) && iconRight), /*#__PURE__*/_react.default.createElement("div", {
+  }, children), buttonProps.isLoading && /*#__PURE__*/_react.default.createElement("div", {
     className: loadingClasses
   }, loadingIcon)));
 };

package/dist/components/Card/index.js

@@ -19,7 +19,7 @@ var _Video = _interopRequireDefault(require("../Video"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
+var _Icon = _interopRequireDefault(require("../Icon"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -140,13 +140,13 @@ const Card = _ref => {
     className: "flex p-2 order-last h-24"
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: iconButtonProps
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, iconButtonProps.children), /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: button2Props
-  }))), hasCta && /*#__PURE__*/_react.default.createElement("div", {
+  }, button2Props.children))), cardButtonProps && /*#__PURE__*/_react.default.createElement("div", {
     className: btnClass
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: cardButtonProps
-  })));
+  }, cardButtonProps.children)));
 };
 
 var _default = Card;

package/dist/components/CardWithTopImage/index.js

@@ -13,8 +13,6 @@ var _index = _interopRequireDefault(require("../Image/index"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Carousel/index.js

@@ -19,8 +19,6 @@ require("slick-carousel/slick/slick.css");
 
 require("slick-carousel/slick/slick-theme.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); }

package/dist/components/ChevronCard/index.js

@@ -9,8 +9,6 @@ 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); }

package/dist/components/Collapsible/index.js

@@ -17,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/Column/index.js

@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
-
 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; }

package/dist/components/Container/index.js

@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
-
 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; }

package/dist/components/FooterBar/index.js

@@ -15,8 +15,6 @@ var _Column = _interopRequireDefault(require("../Column"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/Form/index.js

@@ -13,8 +13,6 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _Input = _interopRequireDefault(require("../Input"));
 
-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); }

package/dist/components/FyreCard/index.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
-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); }
@@ -49,7 +47,7 @@ const FyreCard = _ref => {
     className: "flex justify-end"
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: buttonProps
-  }))));
+  }, buttonProps.children))));
 };
 
 var _default = FyreCard;

package/dist/components/Icon/index.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-require("../index.css");
-
 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; }

package/dist/components/Image/index.js

@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
-
 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; }

package/dist/components/ImageLink/index.js

@@ -13,8 +13,6 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/ImageLinkList/index.js

@@ -13,8 +13,6 @@ var _index = _interopRequireDefault(require("../ImageLink/index"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/InformationIcon/index.js

@@ -17,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/Input/index.js

@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
-
 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; }
@@ -64,10 +62,10 @@ const Input = _ref => {
   const labelClassList = (0, _classnames.default)({
     'font-bold': inputProps === null || inputProps === void 0 ? void 0 : inputProps.bold,
     [inputProps.labelClasses]: inputProps === null || inputProps === void 0 ? void 0 : inputProps.labelClasses
-  }, "w-auto");
+  }, "w-auto pb-2");
   const inputClassList = (0, _classnames.default)({
     [inputProps.inputClasses]: inputProps === null || inputProps === void 0 ? void 0 : inputProps.inputClasses
-  }, "border px-2 rounded-md");
+  }, "border px-2 py-2 rounded-md");
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, (inputProps === null || inputProps === void 0 ? void 0 : inputProps.id) && {
     id: inputProps.id
   }, {

package/dist/components/Jumbotron/index.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/Nav/index.js

@@ -15,8 +15,6 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/NavItem/index.js

@@ -15,8 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/NewsCard/index.js

@@ -15,8 +15,6 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }
@@ -57,7 +55,7 @@ const NewsCard = _ref => {
     className: "px-8"
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: buttonProps
-  }))));
+  }, buttonProps.children))));
 };
 
 var _default = NewsCard;

package/dist/components/Profile/index.js

@@ -15,8 +15,6 @@ var _Image = _interopRequireDefault(require("../Image"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/Row/index.js

@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
-
 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; }

package/dist/components/Search/index.js

@@ -13,8 +13,6 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }

package/dist/components/SocialBlock/index.js

@@ -19,10 +19,10 @@ var _Input = _interopRequireDefault(require("../Input"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
-require("../index.css");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _Icon = _interopRequireDefault(require("../Icon"));
+
 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); }
@@ -51,7 +51,8 @@ const SocialBlock = _ref => {
     editTextClasses,
     editInputClasses,
     buttonWrapperClasses,
-    textWrapperClasses
+    textWrapperClasses,
+    socialButtons
   } = _ref;
   const defaultComponentData = {
     title: {
@@ -75,70 +76,6 @@ const SocialBlock = _ref => {
     [hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering,
     [textWrapperClasses]: textWrapperClasses
   });
-  const socialButtons = [{
-    classes: 'mx-2 w-16 py-4 border border-1',
-    bgColor: "bg-social-facebook",
-    textColor: "text-white",
-    borderColor: "border-social-facebook",
-    type: "social",
-    hoverBgColor: "hover:bg-white",
-    hoverBorderColor: "hover:border-social-facebook",
-    hoverTextColor: "hover:text-social-facebook",
-    url: "https://www.facebook.com/rupert.bennett",
-    iconProps: {
-      type: "facebook-f",
-      brand: true,
-      size: 2,
-      classes: 'mx-auto'
-    }
-  }, {
-    classes: 'mx-2 w-16 py-4 border border-1',
-    bgColor: "bg-social-linkedin",
-    textColor: "text-white",
-    borderColor: "border-social-linkedin",
-    type: "social",
-    hoverBgColor: "hover:bg-white",
-    hoverBorderColor: "hover:border-social-linkedin",
-    hoverTextColor: "hover:text-social-linkedin",
-    url: "https://www.linkedin.com/in/rupert-bennett",
-    iconProps: {
-      brand: true,
-      type: "linkedin-in",
-      size: 2,
-      classes: 'mx-auto'
-    }
-  }, {
-    classes: 'mx-2 w-16 py-4 border border-1',
-    bgColor: "bg-black",
-    textColor: "text-white",
-    borderColor: "border-black",
-    type: "social",
-    hoverBgColor: "hover:bg-white",
-    hoverBorderColor: "hover:border-black",
-    hoverTextColor: "hover:text-black",
-    url: "https://github.com/irupertbennett",
-    iconProps: {
-      brand: true,
-      type: "github",
-      size: 2,
-      classes: 'mx-auto'
-    }
-  }, {
-    classes: 'mx-2 w-16 py-4 border border-1',
-    bgColor: "bg-brand-error",
-    textColor: "text-white",
-    borderColor: "border-brand-error",
-    type: "social",
-    hoverBgColor: "hover:bg-white",
-    hoverBorderColor: "hover:border-brand-error",
-    hoverTextColor: "hover:text-brand-error",
-    url: "mailto:irupertbennett@gmail.com?subject=rupertbennett.com-&body=Referred from rupertbennett.com",
-    iconProps: {
-      type: "envelope",
-      size: 2,
-      classes: 'mx-auto'
-    }
-  }];
 
   const toggleEditState = () => {
     withLiveUpdates && setIsInEditingMode(!isInEditingMode);
@@ -205,7 +142,6 @@ const SocialBlock = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: {
       classes: 'mt-4',
-      text: 'Save',
       onClick: handleButtonSave,
       bgColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.bgColor,
       borderColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.borderColor,
@@ -214,10 +150,9 @@ const SocialBlock = _ref => {
       hoverBorderColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.hoverBorderColor,
       hoverBgColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.hoverBgColor
     }
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, "Save"), /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: {
       classes: 'mt-4 ml-4',
-      text: 'Cancel',
       onClick: handleButtonCancel,
       bgColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.bgColor,
       borderColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.borderColor,
@@ -226,7 +161,7 @@ const SocialBlock = _ref => {
       hoverBorderColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverBorderColor,
       hoverBgColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverBgColor
     }
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, "Cancel")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     onMouseOver: () => toggleHoverState(),
     onMouseOut: () => toggleHoverState(),
     onClick: toggleEditState,
@@ -238,23 +173,7 @@ const SocialBlock = _ref => {
   }, componentData.text.text)), /*#__PURE__*/_react.default.createElement("div", {
     className: buttnoWrapperClasslist
   }, socialButtons && socialButtons.map((button, i) => {
-    return /*#__PURE__*/_react.default.createElement(_Button.default, {
-      key: "".concat(i, "_button"),
-      buttonProps: {
-        classes: button.classes,
-        bgColor: button.bgColor,
-        textColor: button.textColor,
-        borderColor: button.borderColor,
-        type: button.type,
-        hoverBgColor: button.hoverBgColor,
-        hoverBorderColor: button.hoverBorderColor,
-        hoverTextColor: button.hoverTextColor,
-        onClick: button.onClick,
-        url: button.url,
-        border: true,
-        centerIcon: button.iconProps
-      }
-    });
+    return button;
   }))));
 };
 

package/dist/components/StarRating/index.js

@@ -19,8 +19,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.css");
 
-require("../index.css");
-
 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; }

package/dist/components/Testimonial/index.js

@@ -13,8 +13,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Image = _interopRequireDefault(require("../Image"));
 
-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); }

package/dist/components/TextAndTitle/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.textAndTitleProps = exports.default = void 0;
 
+require("core-js/modules/es.parse-float.js");
+
 require("core-js/modules/web.dom-collections.iterator.js");
 
 require("core-js/modules/es.regexp.exec.js");
@@ -23,7 +25,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
+var _TextArea = _interopRequireDefault(require("../TextArea"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -70,8 +72,29 @@ const TextAndTitle = _ref => {
   var _textAndTitleProps$sa, _textAndTitleProps$sa2, _textAndTitleProps$sa3, _textAndTitleProps$sa4, _textAndTitleProps$sa5, _textAndTitleProps$sa6, _textAndTitleProps$sa7, _textAndTitleProps$sa8, _textAndTitleProps$ca, _textAndTitleProps$ca2, _textAndTitleProps$ca3, _textAndTitleProps$ca4, _textAndTitleProps$ca5, _textAndTitleProps$ca6, _textAndTitleProps$ca7, _textAndTitleProps$ca8;
 
   let {
-    textAndTitleProps
+    textAndTitleProps,
+    children
   } = _ref;
+
+  const getLineHeight = id => {
+    var _document$getElementB;
+
+    const divHeight = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetHeight;
+    const lineHeight = parseFloat(getComputedStyle(document.getElementById(id)).fontSize);
+    const pt = parseFloat(getComputedStyle(document.getElementById(id)).paddingTop);
+    const pb = parseFloat(getComputedStyle(document.getElementById(id)).paddingBottom);
+    const mt = parseFloat(getComputedStyle(document.getElementById(id)).marginTop);
+    const mb = parseFloat(getComputedStyle(document.getElementById(id)).marginBottom);
+    const bw = parseFloat(getComputedStyle(document.getElementById(id)).borderWidth);
+    const height = divHeight - mt - mb - pt - pb - bw * 2;
+
+    if (textAndTitleProps.isHorizontal) {
+      return Math.floor(height / lineHeight) - 1;
+    }
+
+    return Math.floor(height / lineHeight);
+  };
+
   const defaultComponentData = {
     title: {
       text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.title
@@ -87,12 +110,10 @@ const TextAndTitle = _ref => {
     }
   };
   const [isInEditingMode, setIsInEditingMode] = (0, _react.useState)(false);
-  const [isHovering, setIsHovering] = (0, _react.useState)(false);
   const [componentData, setComponentData] = (0, _react.useState)(defaultComponentData);
   if (textAndTitleProps == undefined) return;
-  const hoverClasses = 'border-dashed border';
+  const borderClasses = 'border border-transparent';
   const classList = (0, _classnames.default)({
-    [hoverClasses]: (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && !isInEditingMode && isHovering,
     [textAndTitleProps.classes]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.classes
   });
   const titleClassList = (0, _classnames.default)({
@@ -102,7 +123,8 @@ const TextAndTitle = _ref => {
     [textAndTitleProps.titleBgColor]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.titleBgColor,
     'bg-white': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.titleBgColor),
     [textAndTitleProps.titleColor]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.titleColor,
-    'text-black': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.titleColor)
+    'text-black': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.titleColor),
+    [borderClasses]: (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && !isInEditingMode
   }, 'text-md sm:text-lg');
   const textClassList = (0, _classnames.default)({
     'text-center': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textCenter,
@@ -110,8 +132,9 @@ const TextAndTitle = _ref => {
     [textAndTitleProps.textBgColor]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textBgColor,
     'bg-white': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.textBgColor),
     [textAndTitleProps.textColor]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textColor,
-    'text-black': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.textColor)
-  }, 'pt-4');
+    'text-black': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.textColor),
+    [borderClasses]: (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && !isInEditingMode
+  }, 'pt-2 mt-2');
 
   const toggleEditState = () => {
     (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && setIsInEditingMode(!isInEditingMode);
@@ -137,12 +160,10 @@ const TextAndTitle = _ref => {
     });
     toggleEditState();
     textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.onSave(arr, textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.id);
-    setIsHovering(false);
   };
 
   const handleButtonCancel = () => {
     toggleEditState();
-    setIsHovering(false);
   };
 
   const handleChange = e => {
@@ -155,100 +176,102 @@ const TextAndTitle = _ref => {
     }));
   };
 
-  const toggleHoverState = () => {
-    (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && setIsHovering(!isHovering);
-  };
-
   const wrapperClassList = (0, _classnames.default)({
-    'flex flex-wrap md:items-center': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal
-  }, 'border');
+    'flex flex-wrap justify-center md:items-center': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal,
+    'hover:border-black hover:border-dashed': (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && !isInEditingMode
+  }, 'border-2 border-transparent');
   const titleWrapperClassList = (0, _classnames.default)({
-    'md:w-1/2 md:text-center': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal
+    'md:w-1/2 md:text-center px-8': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal
   });
   const textWrapperClassList = (0, _classnames.default)({
-    'md:w-1/2 md:text-center md:py-8 md:pr-8': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal
+    'md:w-1/2 md:text-center md:py-8 px-8': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal
   });
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.id) && {
     id: textAndTitleProps.id
   }, {
-    className: classList,
-    onMouseOver: () => toggleHoverState(),
-    onMouseOut: () => toggleHoverState()
-  }), textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.withLiveUpdates && isInEditingMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    className: classList
+  }), textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.withLiveUpdates && isInEditingMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapperClassList
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: titleWrapperClassList
+  }, componentData.title.text ? /*#__PURE__*/_react.default.createElement(_Input.default, {
     inputProps: {
       id: 'title',
       classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTitleClasses,
-      inputClasses: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses,
+      inputClasses: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses, " ").concat(textClassList),
       autoFocus: true,
       value: componentData.title.text,
       onChange: e => handleChange(e),
       type: "text"
     }
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    inputProps: {
+  }) : /*#__PURE__*/_react.default.createElement("div", null, children)), /*#__PURE__*/_react.default.createElement("div", {
+    className: textWrapperClassList
+  }, /*#__PURE__*/_react.default.createElement(_TextArea.default, {
+    textAreaProps: {
       id: 'textLineOne',
       classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTextClasses,
-      inputClasses: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses,
-      value: componentData.textLineOne.text,
-      onChange: e => handleChange(e),
-      type: "text"
+      textAreaClasses: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses, " ").concat(titleClassList, " ").concat(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.isHorizontal ? 'text-center' : ''),
+      rows: getLineHeight('textLineOne'),
+      onChange: e => handleChange(e)
     }
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    inputProps: {
+  }, componentData.textLineOne.text), /*#__PURE__*/_react.default.createElement(_TextArea.default, {
+    textAreaProps: {
       id: 'textLineTwo',
-      classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTextClasses,
-      inputClasses: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses,
-      value: componentData.textLineTwo.text,
-      onChange: e => handleChange(e),
-      type: "text"
+      classes: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTextClasses),
+      textAreaClasses: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses, " ").concat(textClassList, " ").concat(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.isHorizontal ? 'text-center' : ''),
+      rows: getLineHeight('textLineTwo'),
+      onChange: e => handleChange(e)
     }
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    inputProps: {
+  }, componentData.textLineTwo.text), /*#__PURE__*/_react.default.createElement(_TextArea.default, {
+    textAreaProps: {
       id: 'textLineThree',
       classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTextClasses,
-      inputClasses: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses,
-      value: componentData.textLineThree.text,
-      onChange: e => handleChange(e),
-      type: "text"
+      textAreaClasses: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses, " ").concat(textClassList, " ").concat(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.isHorizontal ? 'text-center' : ''),
+      rows: getLineHeight('textLineThree'),
+      onChange: e => handleChange(e)
     }
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, componentData.textLineThree.text))), /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: {
       classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa === void 0 ? void 0 : _textAndTitleProps$sa.classes,
-      text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa2 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa2 === void 0 ? void 0 : _textAndTitleProps$sa2.text,
       onClick: handleButtonSave,
-      bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa3 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa3 === void 0 ? void 0 : _textAndTitleProps$sa3.bgColor,
-      borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa4 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa4 === void 0 ? void 0 : _textAndTitleProps$sa4.borderColor,
-      textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa5 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa5 === void 0 ? void 0 : _textAndTitleProps$sa5.textColor,
-      hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa6 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa6 === void 0 ? void 0 : _textAndTitleProps$sa6.hoverTextColor,
-      hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa7 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa7 === void 0 ? void 0 : _textAndTitleProps$sa7.hoverBorderColor,
-      hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa8 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa8 === void 0 ? void 0 : _textAndTitleProps$sa8.hoverBgColor
+      bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa2 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa2 === void 0 ? void 0 : _textAndTitleProps$sa2.bgColor,
+      borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa3 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa3 === void 0 ? void 0 : _textAndTitleProps$sa3.borderColor,
+      textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa4 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa4 === void 0 ? void 0 : _textAndTitleProps$sa4.textColor,
+      hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa5 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa5 === void 0 ? void 0 : _textAndTitleProps$sa5.hoverTextColor,
+      hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa6 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa6 === void 0 ? void 0 : _textAndTitleProps$sa6.hoverBorderColor,
+      hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa7 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa7 === void 0 ? void 0 : _textAndTitleProps$sa7.hoverBgColor
     }
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa8 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa8 === void 0 ? void 0 : _textAndTitleProps$sa8.text), /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: {
       classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca === void 0 ? void 0 : _textAndTitleProps$ca.classes,
-      text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca2 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca2 === void 0 ? void 0 : _textAndTitleProps$ca2.text,
       onClick: handleButtonCancel,
-      bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca3 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca3 === void 0 ? void 0 : _textAndTitleProps$ca3.bgColor,
-      borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca4 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca4 === void 0 ? void 0 : _textAndTitleProps$ca4.borderColor,
-      textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca5 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca5 === void 0 ? void 0 : _textAndTitleProps$ca5.textColor,
-      hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca6 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca6 === void 0 ? void 0 : _textAndTitleProps$ca6.hoverTextColor,
-      hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca7 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca7 === void 0 ? void 0 : _textAndTitleProps$ca7.hoverBorderColor,
-      hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca8 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca8 === void 0 ? void 0 : _textAndTitleProps$ca8.hoverBgColor
+      bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca2 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca2 === void 0 ? void 0 : _textAndTitleProps$ca2.bgColor,
+      borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca3 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca3 === void 0 ? void 0 : _textAndTitleProps$ca3.borderColor,
+      textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca4 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca4 === void 0 ? void 0 : _textAndTitleProps$ca4.textColor,
+      hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca5 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca5 === void 0 ? void 0 : _textAndTitleProps$ca5.hoverTextColor,
+      hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca6 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca6 === void 0 ? void 0 : _textAndTitleProps$ca6.hoverBorderColor,
+      hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca7 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca7 === void 0 ? void 0 : _textAndTitleProps$ca7.hoverBgColor
     }
-  })) : /*#__PURE__*/_react.default.createElement("div", {
+  }, textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca8 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca8 === void 0 ? void 0 : _textAndTitleProps$ca8.text)) : /*#__PURE__*/_react.default.createElement("div", {
     className: wrapperClassList,
     onClick: toggleEditState
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: titleWrapperClassList
-  }, /*#__PURE__*/_react.default.createElement("h1", {
+  }, componentData.title.text ? /*#__PURE__*/_react.default.createElement("h1", {
     className: titleClassList
-  }, componentData.title.text)), /*#__PURE__*/_react.default.createElement("div", {
+  }, componentData.title.text) : /*#__PURE__*/_react.default.createElement("div", null, children)), /*#__PURE__*/_react.default.createElement("div", {
     className: textWrapperClassList
-  }, /*#__PURE__*/_react.default.createElement("p", {
+  }, !componentData.title.text ? /*#__PURE__*/_react.default.createElement("h1", {
+    id: "textLineOne",
+    className: titleClassList
+  }, componentData.textLineOne.text) : /*#__PURE__*/_react.default.createElement("p", {
+    id: "textLineOne",
     className: textClassList
   }, componentData.textLineOne.text), /*#__PURE__*/_react.default.createElement("p", {
+    id: "textLineTwo",
     className: textClassList
   }, componentData.textLineTwo.text), /*#__PURE__*/_react.default.createElement("p", {
+    id: "textLineThree",
     className: textClassList
   }, componentData.textLineThree.text))));
 };

package/dist/components/TextArea/index.js

@@ -13,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("../index.css");
-
 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; }
@@ -44,13 +42,15 @@ const textAreaProps = {
   required: _propTypes.default.bool,
   onBlur: _propTypes.default.func,
   onFocus: _propTypes.default.func,
-  onChange: _propTypes.default.func
+  onChange: _propTypes.default.func,
+  withPadding: _propTypes.default.bool
 };
 exports.textAreaProps = textAreaProps;
 
 const TextArea = _ref => {
   let {
-    textAreaProps
+    textAreaProps,
+    children
   } = _ref;
   const classList = (0, _classnames.default)({
     [textAreaProps.classes]: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.classes
@@ -58,10 +58,11 @@ const TextArea = _ref => {
   const labelClassList = (0, _classnames.default)({
     'font-bold': textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.bold,
     [textAreaProps.labelClasses]: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.labelClasses
-  }, 'w-auto');
+  }, 'w-auto pb-2');
   const textAreaClassList = (0, _classnames.default)({
-    [textAreaProps.textAreaClasses]: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.textAreaClasses
-  }, 'border px-2');
+    [textAreaProps.textAreaClasses]: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.textAreaClasses,
+    'p-2': textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.withPadding
+  }, 'border rounded-md');
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, (textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.id) && {
     id: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.id
   }, {
@@ -86,7 +87,7 @@ const TextArea = _ref => {
     onChange: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.onChange,
     onFocus: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.onFocus,
     onBlur: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.onBlur
-  }));
+  }, children));
 };
 
 TextArea.propTypes = {

package/dist/components/Timeline/index.js

@@ -17,8 +17,6 @@ var _Column = _interopRequireDefault(require("../Column"));
 
 var _Row = _interopRequireDefault(require("../Row"));
 
-require("../index.css");
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Tubestops/index.js

@@ -17,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-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/UserIcon/index.js

@@ -15,8 +15,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Image = _interopRequireDefault(require("../Image"));
 
-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); }

package/dist/components/Video/index.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-require("../index.css");
-
 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; }

package/dist/styles/base.css

@@ -0,0 +1,73 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css");
+
+@font-face {
+  font-family: "Sora";
+  src: url("../fonts/Sora/static/Sora-Thin.ttf") format("truetype");
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Sora";
+  src: url("../fonts/Sora/static/Sora-ExtraLight.ttf") format("truetype");
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Sora";
+  src: url("../fonts/Sora/static/Sora-Light.ttf") format("truetype");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Sora";
+  src: url("../fonts/Sora/static/Sora-Regular.ttf") format("truetype");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Sora";
+  src: url("../fonts/Sora/static/Sora-Medium.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Sora";
+  src: url("../fonts/Sora/static/Sora-SemiBold.ttf") format("truetype");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Sora";
+  src: url("../fonts/Sora/static/Sora-Bold.ttf") format("truetype");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Sora";
+  src: url("../fonts/Sora/static/Sora-ExtraBold.ttf") format("truetype");
+  font-weight: 800;
+  font-style: normal;
+}
+
+.slick-track {
+  display: flex !important;
+}
+
+.slick-slide {
+  height: inherit !important;
+}
+
+.slick-slide > div {
+  height: 100%;
+  display: flex;
+}

package/package.json

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