trepur_components 0.2.8 → 0.2.9

package/dist/components/Image/index.js

@@ -56,7 +56,7 @@ const Image = _ref => {
   const classes = imgWidth + ' ' + imgHeight + ' ' + classNames;
   return /*#__PURE__*/_react.default.createElement("img", {
     id: id,
-    className: classes,
+    className: classes + ' rupert ' + width + ' ' + imgWidth,
     src: image,
     alt: altText
   });

package/dist/components/InformationIcon/index.js

@@ -35,7 +35,7 @@ const Icon = _ref => {
   classList += imageClassNames ? " ".concat(imageClassNames) : "";
   let borderClass = bordered ? ' border ' : '';
   let roundedClass = rounded ? ' rounded-2xl ' : '';
-  const classes = classNames + ' hover:scale-125 transform transition duration-500 flex flex-col w-64' + borderClass + roundedClass;
+  const classes = classNames + ' hover:scale-110 transform transition duration-500 flex flex-col w-64' + borderClass + roundedClass;
   const numberClass = number !== null ? ' text-4xl' : '';
   const numberClasses = 'text-center' + numberClass;
   const textClass = number === null ? 'text-2xl' : '';

package/dist/components/StarRating/index.js

@@ -25,7 +25,8 @@ const StarRating = _ref => {
   let {
     stars = 5,
     size,
-    className
+    className,
+    iconClasses
   } = _ref;
   let classList = 'flex ' + className;
 
@@ -34,7 +35,7 @@ const StarRating = _ref => {
 
     for (var i = 0; i < stars; i++) {
       starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, _extends({
-        className: "checked",
+        className: "".concat(iconClasses, " checked"),
         type: "star"
       }, size && {
         size: size
@@ -49,7 +50,7 @@ const StarRating = _ref => {
 
     for (var i = 0; i < 5 - stars; i++) {
       starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, _extends({
-        className: "unchecked",
+        className: "".concat(iconClasses, " unchecked"),
         type: "star"
       }, size && {
         size: size

package/dist/components/Timeline/index.js

@@ -30,7 +30,7 @@ const Timeline = _ref => {
     reverse,
     textCenter,
     useImages,
-    logo
+    horizontalComponentClasses
   } = _ref;
   const wrapperClasses = 'w-full list-none overflow-x-auto pb-4';
   let ulClasses = 'timeline status-flow relative list-none pl-0 flex ';
@@ -40,6 +40,7 @@ const Timeline = _ref => {
   liClasses += !reverse ? isHorizontal ? 'items-center flex-col justify-between' : 'flex-row none-reverse' : isHorizontal ? 'items-center flex-col-reverse' : ' flex-row-reverse';
   let padding;
   padding = !reverse ? isHorizontal ? 'pb-2' : 'pl-4' : isHorizontal ? 'pt-2' : 'pr-4';
+  let imageCircle = 'my-16 text-center mx-auto rounded-full border bg-black ';
   let circle = 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black ';
   circle += isHorizontal ? 'horizontal' : 'vertical';
   return /*#__PURE__*/_react.default.createElement(_Column.default, {
@@ -63,29 +64,21 @@ const Timeline = _ref => {
         id: "timeline-item",
         className: liClasses + ' py-4 ' + a
       }, /*#__PURE__*/_react.default.createElement(_Row.default, {
-        className: "h-96"
-      }, before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
-        classNames: reverse ? 'w-96 -mt-8' : 'w-96',
-        image: logo,
-        roundedImage: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
+        className: horizontalComponentClasses
+      }, before && item.component), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
         id: circlePos,
         className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical'
       }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        classNames: circle,
-        image: logo,
+        classNames: imageCircle,
+        image: item.logo,
         width: 20,
         height: 20
       })) : /*#__PURE__*/_react.default.createElement("p", {
         id: circlePos,
         className: circle
       })), /*#__PURE__*/_react.default.createElement(_Row.default, {
-        className: "h-96"
-      }, !before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
-        classNames: reverse ? 'w-96' : 'w-96 -mt-8',
-        image: logo,
-        roundedImage: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))));
+        className: horizontalComponentClasses
+      }, !before && item.component));
     } else {
       return /*#__PURE__*/_react.default.createElement(_Row.default, {
         id: "timeline-item",
@@ -93,10 +86,7 @@ const Timeline = _ref => {
       }, /*#__PURE__*/_react.default.createElement(_Column.default, {
         sm: 5,
         className: "text-center my-auto"
-      }, before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
-        image: logo,
-        roundedImage: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))), /*#__PURE__*/_react.default.createElement(_Column.default, {
+      }, before && item.component), /*#__PURE__*/_react.default.createElement(_Column.default, {
         id: "circle-wrapper",
         sm: 2,
         className: "my-auto"
@@ -104,8 +94,8 @@ const Timeline = _ref => {
         id: circlePos,
         className: isHorizontal ? 'horizontal' : 'vertical'
       }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        classNames: circle,
-        image: logo,
+        classNames: imageCircle,
+        image: item.logo,
         width: 20,
         height: 20
       })) : /*#__PURE__*/_react.default.createElement("p", {
@@ -114,10 +104,7 @@ const Timeline = _ref => {
       })), /*#__PURE__*/_react.default.createElement(_Column.default, {
         sm: 5,
         className: "text-center my-auto"
-      }, !before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
-        image: logo,
-        roundedImage: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))));
+      }, !before && item.component));
     }
   })));
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "private": false,
   "keywords": [
     "react",
@@ -28,9 +28,7 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "build": "rm -rf dist && npm run build-index && rm -rf dist/utils dist/assets",
-    "build-index": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored",
-    "build-components": "NODE_ENV=production babel src/lib/components --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored",
+    "build": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored  && rm -rf dist/utils dist/assets",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -s public"