trepur_components 0.3.42 → 0.4.2

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/Greeting/index.js +1 -1
  3. package/dist/components/Image/index.js +4 -3
  4. package/dist/components/NewsCard/index.js +1 -1
  5. package/dist/components/Testimonial/index.js +1 -1
  6. package/dist/components/Timeline/index.js +9 -6
  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/Greeting/index.js CHANGED
@@ -49,7 +49,7 @@ const Greeting = _ref => {
49
49
  } else if (time > 115959 && time < 170000) {
50
50
  message = (greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.afternoonMessage) || 'Good afternoon';
51
51
  } else if (time > 165959) {
52
- message = (greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.afternoonMessage) || 'Good evening';
52
+ message = (greetingProps === null || greetingProps === void 0 ? void 0 : greetingProps.eveningMessage) || 'Good evening';
53
53
  }
54
54
 
55
55
  const classList = (0, _classnames.default)({
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/Timeline/index.js CHANGED
@@ -29,9 +29,9 @@ const Timeline = _ref => {
29
29
  reverse,
30
30
  textCenter,
31
31
  useImages,
32
- horizontalComponentClasses
32
+ horizontalComponentClasses,
33
+ isSm = false
33
34
  } = _ref;
34
- const isSm = window.innerWidth < 768;
35
35
  const classList = (0, _classnames.default)({
36
36
  [classes]: classes
37
37
  }, 'w-full list-none overflow-x-auto pb-4');
@@ -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.42",
5
+ "version": "0.4.2",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",