trepur_components 0.4.5 → 0.4.7

package/dist/components/CardWithTopImage/index.js

@@ -24,33 +24,24 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 const CardWithTopImage = _ref => {
-  var _imageProps, _imageProps2, _imageProps3, _imageProps4, _imageProps5;
+  var _imageProps, _imageProps2;
 
   let {
     id,
     contentId,
     classes,
-    imageWrapperClasses,
     contentClasses,
-    bordered,
     children,
     imageProps
   } = _ref;
-  const classList = (0, _classnames.default)({
-    [classes]: classes
-  }, 'w-full px-4');
-  const imageWrapperClassList = (0, _classnames.default)({
-    [imageWrapperClasses]: imageWrapperClasses
-  });
-  const imageClassList = (0, _classnames.default)({
+  const wrapperClassList = (0, _classnames.default)({
     [(_imageProps = imageProps) === null || _imageProps === void 0 ? void 0 : _imageProps.wrapperClasses]: (_imageProps2 = imageProps) === null || _imageProps2 === void 0 ? void 0 : _imageProps2.wrapperClasses
-  }, 'flex mx-auto w-24 bg-white p-4');
+  }, 'mx-auto max-w-max bg-white p-4');
   const contentClassList = (0, _classnames.default)({
-    'border border-grey border-opacity-100': bordered,
     [contentClasses]: contentClasses
   }, 'pt-12 px-4 h-auto pb-16 -mt-12 bg-white');
   imageProps = _objectSpread(_objectSpread({}, imageProps), {}, {
-    wrapperClasses: ((_imageProps3 = imageProps) === null || _imageProps3 === void 0 ? void 0 : _imageProps3.wrapperClasses) + ' ' + imageClassList
+    wrapperClasses: wrapperClassList
   });
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     style: {
@@ -59,14 +50,10 @@ const CardWithTopImage = _ref => {
   }, id && {
     id: id
   }, {
-    className: classList
-  }), /*#__PURE__*/_react.default.createElement("div", _extends({}, ((_imageProps4 = imageProps) === null || _imageProps4 === void 0 ? void 0 : _imageProps4.id) && {
-    id: ((_imageProps5 = imageProps) === null || _imageProps5 === void 0 ? void 0 : _imageProps5.id) + '_imageId'
-  }, {
-    className: imageWrapperClassList
+    className: classes
   }), /*#__PURE__*/_react.default.createElement(_index.default, {
     imageProps: imageProps
-  })), /*#__PURE__*/_react.default.createElement("div", _extends({}, contentId && {
+  }), /*#__PURE__*/_react.default.createElement("div", _extends({}, contentId && {
     id: contentId + '_content'
   }, {
     className: contentClassList

package/dist/components/Image/index.js

@@ -39,6 +39,7 @@ const imageProps = {
   altText: _propTypes.default.string,
   title: _propTypes.default.string,
   rounded: _propTypes.default.bool,
+  roundedFull: _propTypes.default.bool,
   height: _propTypes.default.number,
   width: _propTypes.default.number,
   overlayColour: _propTypes.default.string,
@@ -95,7 +96,8 @@ const Image = _ref => {
     [imageProps.imageClasses]: imageProps === null || imageProps === void 0 ? void 0 : imageProps.imageClasses,
     [widthClassList]: true,
     [heightClassList]: true,
-    'rounded-2xl': imageProps === null || imageProps === void 0 ? void 0 : imageProps.rounded
+    'rounded-2xl': imageProps === null || imageProps === void 0 ? void 0 : imageProps.rounded,
+    'rounded-full': imageProps === null || imageProps === void 0 ? void 0 : imageProps.roundedFull
   });
   const overlayClassList = (0, _classnames.default)({
     [widthClassList]: true,

package/dist/components/Timeline/index.js

@@ -19,11 +19,16 @@ var _Row = _interopRequireDefault(require("../Row"));
 
 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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 const Timeline = _ref => {
   let {
     id,
     classes,
-    imageClasses,
     isHorizontal,
     items,
     reverse,
@@ -49,9 +54,6 @@ const Timeline = _ref => {
     'items-center flex-col-reverse': reverse && isHorizontal,
     'flex-row-reverse': reverse && !isHorizontal
   }, 'status-flow-item relative flex flex-auto flex-row leading-tight');
-  const imageClassList = (0, _classnames.default)({
-    [imageClasses]: imageClasses
-  }, 'mx-auto');
   const circle = (0, _classnames.default)({
     'horizontal collapse': isHorizontal && isSm,
     'horizontal': isHorizontal && !isSm,
@@ -194,13 +196,7 @@ const Timeline = _ref => {
         id: circlePos,
         className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical'
       }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        imageProps: {
-          wrapperClasses: imageClassList,
-          title: item.logoTitle,
-          image: item.logo,
-          altText: "".concat(item.logoAltText, " center logo"),
-          rounded: true
-        }
+        imageProps: _objectSpread({}, item.centerImageProps)
       })) : /*#__PURE__*/_react.default.createElement("p", {
         id: circlePos,
         className: circle
@@ -233,16 +229,7 @@ const Timeline = _ref => {
       }, /*#__PURE__*/_react.default.createElement("span", {
         style: verticalCircleStylesBefore
       }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-        imageProps: {
-          wrapperClasses: imageClassList,
-          imageClasses: 'border-2',
-          title: item.logoTitle,
-          image: item.logo,
-          altText: "".concat(item.logoAltText, " center logo"),
-          rounded: true,
-          width: isSm ? 3 : 5,
-          height: isSm ? 3 : 5
-        }
+        imageProps: _objectSpread({}, item.centerImageProps)
       }), /*#__PURE__*/_react.default.createElement("span", {
         style: verticalCircleStylesAfter
       })) : /*#__PURE__*/_react.default.createElement("p", {

package/package.json

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