trepur_components 0.3.40 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/CardWithTopImage/index.js +2 -2
  2. package/dist/components/Image/index.js +4 -3
  3. package/dist/components/NewsCard/index.js +1 -1
  4. package/dist/components/Testimonial/index.js +1 -1
  5. package/dist/components/TextAndTitle/index.js +4 -4
  6. package/dist/components/Timeline/index.js +7 -4
  7. package/dist/components/UserIcon/index.js +1 -1
  8. package/package.json +1 -1
package/dist/components/CardWithTopImage/index.js CHANGED
@@ -43,14 +43,14 @@ const CardWithTopImage = _ref => {
43
43
  [imageWrapperClasses]: imageWrapperClasses
44
44
  });
45
45
  const imageClassList = (0, _classnames.default)({
46
- [(_imageProps = imageProps) === null || _imageProps === void 0 ? void 0 : _imageProps.classes]: (_imageProps2 = imageProps) === null || _imageProps2 === void 0 ? void 0 : _imageProps2.classes
46
+ [(_imageProps = imageProps) === null || _imageProps === void 0 ? void 0 : _imageProps.wrapperClasses]: (_imageProps2 = imageProps) === null || _imageProps2 === void 0 ? void 0 : _imageProps2.wrapperClasses
47
47
  }, 'flex mx-auto w-24 bg-white p-4');
48
48
  const contentClassList = (0, _classnames.default)({
49
49
  'border border-grey border-opacity-100': bordered,
50
50
  [contentClasses]: contentClasses
51
51
  }, 'pt-12 px-4 h-auto pb-16 -mt-12 bg-white');
52
52
  imageProps = _objectSpread(_objectSpread({}, imageProps), {}, {
53
- classes: ((_imageProps3 = imageProps) === null || _imageProps3 === void 0 ? void 0 : _imageProps3.classes) + ' ' + imageClassList
53
+ wrapperClasses: ((_imageProps3 = imageProps) === null || _imageProps3 === void 0 ? void 0 : _imageProps3.wrapperClasses) + ' ' + imageClassList
54
54
  });
55
55
  return /*#__PURE__*/_react.default.createElement("div", _extends({
56
56
  style: {
package/dist/components/Image/index.js CHANGED
@@ -31,7 +31,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
31
31
 
32
32
  const imageProps = {
33
33
  id: _propTypes.default.string,
34
- classes: _propTypes.default.string,
34
+ wrapperClasses: _propTypes.default.string,
35
+ imageClasses: _propTypes.default.string,
35
36
  image: _propTypes.default.string,
36
37
  altText: _propTypes.default.string,
37
38
  title: _propTypes.default.string,
@@ -78,7 +79,7 @@ const Image = _ref => {
78
79
  });
79
80
  const rounded = imageProps !== null && imageProps !== void 0 && imageProps.rounded ? 'rounded-full' : '';
80
81
  const classList = (0, _classnames.default)({
81
- [imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes]: imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes,
82
+ [imageProps === null || imageProps === void 0 ? void 0 : imageProps.wrapperClasses]: imageProps === null || imageProps === void 0 ? void 0 : imageProps.wrapperClasses,
82
83
  [rounded]: imageProps === null || imageProps === void 0 ? void 0 : imageProps.rounded
83
84
  }, widthClassList, heightClassList);
84
85
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -94,7 +95,7 @@ const Image = _ref => {
94
95
  }, imageProps === null || imageProps === void 0 ? void 0 : imageProps.imageName)), /*#__PURE__*/_react.default.createElement("img", _extends({}, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.id) && {
95
96
  id: imageProps === null || imageProps === void 0 ? void 0 : imageProps.id
96
97
  }, {
97
- className: "".concat(widthClassList, " ").concat(heightClassList, " ").concat(rounded),
98
+ className: "".concat(widthClassList, " ").concat(heightClassList, " ").concat(rounded, " ").concat(imageProps === null || imageProps === void 0 ? void 0 : imageProps.imageClasses),
98
99
  src: imageProps === null || imageProps === void 0 ? void 0 : imageProps.image
99
100
  }, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.altText) && {
100
101
  alt: imageProps === null || imageProps === void 0 ? void 0 : imageProps.altText
package/dist/components/NewsCard/index.js CHANGED
@@ -40,7 +40,7 @@ const NewsCard = _ref => {
40
40
  'rounded-lg': rounded,
41
41
  [classes]: classes
42
42
  }, 'border flex p-2');
43
- imageProps.classes = roundedClasses;
43
+ imageProps.wrapperClasses = roundedClasses;
44
44
  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
45
45
  id: id
46
46
  }, {
package/dist/components/Testimonial/index.js CHANGED
@@ -45,7 +45,7 @@ const Testimonial = _ref => {
45
45
  const imageClassList = (0, _classnames.default)({
46
46
  [imageClasses]: imageClasses
47
47
  }, 'mx-auto rounded-full w-32 h-32');
48
- imageProps.classes = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes) + ' ' + imageClassList;
48
+ imageProps.wrapperClasses = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.wrapperClasses) + ' ' + imageClassList;
49
49
  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
50
50
  id: id
51
51
  }, {
package/dist/components/TextAndTitle/index.js CHANGED
@@ -50,8 +50,8 @@ const textAndTitleProps = {
50
50
  editInputClasses: _propTypes.default.string,
51
51
  textClasses: _propTypes.default.string,
52
52
  textLineOne: _propTypes.default.string,
53
- textLineTwo: _propTypes.default.string,
54
- textLineThree: _propTypes.default.string,
53
+ textLineTwo: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
54
+ textLineThree: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
55
55
  title: _propTypes.default.string,
56
56
  titleBold: _propTypes.default.bool,
57
57
  titleBgColor: _propTypes.default.string,
@@ -267,10 +267,10 @@ const TextAndTitle = _ref => {
267
267
  }, componentData.textLineOne.text) : /*#__PURE__*/_react.default.createElement("p", {
268
268
  id: "textLineOne",
269
269
  className: textClassList
270
- }, componentData.textLineOne.text), /*#__PURE__*/_react.default.createElement("p", {
270
+ }, componentData.textLineOne.text), /*#__PURE__*/_react.default.createElement("div", {
271
271
  id: "textLineTwo",
272
272
  className: textClassList
273
- }, componentData.textLineTwo.text), /*#__PURE__*/_react.default.createElement("p", {
273
+ }, componentData.textLineTwo.text), /*#__PURE__*/_react.default.createElement("div", {
274
274
  id: "textLineThree",
275
275
  className: textClassList
276
276
  }, componentData.textLineThree.text))));
package/dist/components/Timeline/index.js CHANGED
@@ -51,7 +51,7 @@ const Timeline = _ref => {
51
51
  }, 'status-flow-item relative flex flex-auto flex-row leading-tight');
52
52
  const imageClassList = (0, _classnames.default)({
53
53
  [imageClasses]: imageClasses
54
- }, 'text-center mx-auto rounded-full border bg-black');
54
+ }, 'mx-auto');
55
55
  const circle = (0, _classnames.default)({
56
56
  'horizontal collapse': isHorizontal && isSm,
57
57
  'horizontal': isHorizontal && !isSm,
@@ -195,7 +195,7 @@ const Timeline = _ref => {
195
195
  className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical'
196
196
  }, /*#__PURE__*/_react.default.createElement(_Image.default, {
197
197
  imageProps: {
198
- classes: imageClassList,
198
+ wrapperClasses: imageClassList,
199
199
  title: item.logoTitle,
200
200
  image: item.logo,
201
201
  altText: "".concat(item.logoAltText, " center logo"),
@@ -234,11 +234,14 @@ const Timeline = _ref => {
234
234
  style: verticalCircleStylesBefore
235
235
  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
236
236
  imageProps: {
237
- classes: imageClassList,
237
+ wrapperClasses: imageClassList,
238
+ imageClasses: 'border-2',
238
239
  title: item.logoTitle,
239
240
  image: item.logo,
240
241
  altText: "".concat(item.logoAltText, " center logo"),
241
- rounded: true
242
+ rounded: true,
243
+ width: isSm ? 3 : 5,
244
+ height: isSm ? 3 : 5
242
245
  }
243
246
  }), /*#__PURE__*/_react.default.createElement("span", {
244
247
  style: verticalCircleStylesAfter
package/dist/components/UserIcon/index.js CHANGED
@@ -30,7 +30,7 @@ const UserIcon = _ref => {
30
30
  const classList = (0, _classnames.default)({
31
31
  [classes]: classes
32
32
  }, 'group flex items-center');
33
- imageProps.classes = imageProps.classes + " shrink-0 h-12 w-12 rounded-full";
33
+ imageProps.wrapperClasses = imageProps.wrapperClasses + " shrink-0 h-12 w-12 rounded-full";
34
34
  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
35
35
  id: id
36
36
  }, {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "trepur_components",
3
3
  "description": "component lib",
4
4
  "author": "trepur_ttenneb",
5
- "version": "0.3.40",
5
+ "version": "0.4.0",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",