trepur_components 0.3.23 → 0.3.26

package/dist/components/Card/index.js

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

package/dist/components/Carousel/index.js

@@ -11,12 +11,8 @@ require("core-js/modules/web.dom-collections.iterator.js");
 
 var _react = _interopRequireWildcard(require("react"));
 
-require("keen-slider/keen-slider.min.css");
-
 var _react2 = require("keen-slider/react");
 
-require("./index.css");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,7 +24,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 //https://keen-slider.io/docs#usage-in-react
-const CarouselV2 = _ref => {
+const Carousel = _ref => {
   var _instanceRef$current3, _instanceRef$current4, _instanceRef$current5, _instanceRef$current6, _instanceRef$current7, _instanceRef$current8, _instanceRef$current9, _instanceRef$current10;
 
   let {
@@ -170,6 +166,9 @@ function Arrow(props) {
     'arrow--disabled': props.disabled
   }, 'arrow w-12 translate-y-2/4 h-12 absolute cursor-pointer top-1/2');
   return /*#__PURE__*/_react.default.createElement("svg", {
+    style: {
+      'WebkitTransform': 'translateY(-50%)'
+    },
     onClick: props === null || props === void 0 ? void 0 : props.onClick,
     className: "".concat(arrowClasses),
     xmlns: "http://www.w3.org/2000/svg",
@@ -181,5 +180,5 @@ function Arrow(props) {
   }));
 }
 
-var _default = CarouselV2;
+var _default = Carousel;
 exports.default = _default;

package/dist/components/Container/index.js

@@ -39,7 +39,7 @@ const Container = _ref => {
   }, 'mx-auto');
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     style: {
-      'max-width': containerProps.maxWidth
+      'maxWidth': containerProps.maxWidth
     }
   }, (containerProps === null || containerProps === void 0 ? void 0 : containerProps.id) && {
     id: containerProps === null || containerProps === void 0 ? void 0 : containerProps.id

package/dist/components/SocialBlock/index.js

@@ -71,7 +71,7 @@ const SocialBlock = _ref => {
   });
   const buttnoWrapperClasslist = (0, _classnames.default)({
     [buttonWrapperClasses]: buttonWrapperClasses
-  }, 'pt-4 text-center');
+  }, 'pt-4');
   const hoverClassList = (0, _classnames.default)({
     [hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering,
     [textWrapperClasses]: textWrapperClasses
@@ -172,9 +172,13 @@ const SocialBlock = _ref => {
     className: "pt-4"
   }, componentData.text.text)), /*#__PURE__*/_react.default.createElement("div", {
     className: buttnoWrapperClasslist
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex flex-wrap w-full justify-center"
   }, socialButtons && socialButtons.map((button, i) => {
-    return button;
-  }))));
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: "social_btn_".concat(i + 1)
+    }, button);
+  })))));
 };
 
 var _default = SocialBlock;

package/dist/components/Timeline/index.js

@@ -61,82 +61,82 @@ const Timeline = _ref => {
   const circleVerticalBefore = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'top': '0%',
     'left': '49.9%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const circleVerticalCollapseBefore = {
     'position': ' absolute',
     'display': ' block',
-    'border-left': ' 1px solid #31a3dd',
+    'borderLeft': ' 1px solid #31a3dd',
     'content': ' ""',
     'height': ' 50%',
     'top': ' 0%',
     'left': ' 8.2%',
-    'z-index': ' -1'
+    'zIndex': ' -1'
   };
   const lastCircleVerticalBefore = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'top': '0%',
     'left': '49.9%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const lastCircleVerticalCollapseBefore = {
     'position': ' absolute',
     'display': ' block',
-    'border-left': ' 1px solid #31a3dd',
+    'borderLeft': ' 1px solid #31a3dd',
     'content': ' ""',
     'height': ' 50%',
     'top': ' 0%',
     'left': ' 8.2%',
-    'z-index': ' -1'
+    'zIndex': ' -1'
   };
   const circleVerticalAfter = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'bottom': '0%',
     'left': '49.9%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const firstCircleVerticalAfter = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'bottom': '0%',
     'left': '49.9%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const circleVerticalCollapseAfter = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'bottom': '0%',
     'left': '8.2%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const firstCircleVerticalCollapseAfter = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'bottom': '0%',
     'left': '8.2%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   return /*#__PURE__*/_react.default.createElement(_Column.default, {
     columnProps: {

package/package.json

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