trepur_components 0.3.7 → 0.3.10
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.
|
@@ -71,7 +71,7 @@ const InformationIcon = _ref => {
|
|
|
71
71
|
(informationIconProps === null || informationIconProps === void 0 ? void 0 : informationIconProps.withAnimation) && observer.observe(element);
|
|
72
72
|
}, []);
|
|
73
73
|
if (informationIconProps == undefined) return;
|
|
74
|
-
const wrapperClasses = "h-96 flex items-center text-center \n
|
|
74
|
+
const wrapperClasses = "h-96 flex items-center text-center \n ease-out duration-300";
|
|
75
75
|
const classList = (0, _classnames.default)({
|
|
76
76
|
[informationIconProps.classes]: informationIconProps === null || informationIconProps === void 0 ? void 0 : informationIconProps.classes,
|
|
77
77
|
'border': informationIconProps === null || informationIconProps === void 0 ? void 0 : informationIconProps.bordered,
|
|
@@ -84,7 +84,7 @@ const InformationIcon = _ref => {
|
|
|
84
84
|
[informationIconProps.hoverBgColor]: informationIconProps === null || informationIconProps === void 0 ? void 0 : informationIconProps.hoverBgColor,
|
|
85
85
|
'hover:text-white': !(informationIconProps !== null && informationIconProps !== void 0 && informationIconProps.hoverTextColor),
|
|
86
86
|
'hover:bg-black': !(informationIconProps !== null && informationIconProps !== void 0 && informationIconProps.hoverBgColor)
|
|
87
|
-
}, "flex flex-col justify-center w-full h-full items-center\n
|
|
87
|
+
}, "flex flex-col justify-center w-full h-full items-center\n ease-out duration-300 text-md lg:text-md hover:text-lg");
|
|
88
88
|
|
|
89
89
|
const counterAnimation = (obj, start, end, duration) => {
|
|
90
90
|
let startTimestamp = null;
|
|
@@ -50,7 +50,8 @@ const Nav = _ref => {
|
|
|
50
50
|
fixedTop,
|
|
51
51
|
mobileClasses,
|
|
52
52
|
borderBottom,
|
|
53
|
-
borderBottomColor
|
|
53
|
+
borderBottomColor,
|
|
54
|
+
closeMobileIconProps
|
|
54
55
|
} = _ref;
|
|
55
56
|
const [showSideNav, setShowSideNav] = (0, _react.useState)(false);
|
|
56
57
|
const [showDropdownNav, setShowDropdownNav] = (0, _react.useState)(false);
|
|
@@ -194,10 +195,10 @@ const Nav = _ref => {
|
|
|
194
195
|
className: sideNavClasses
|
|
195
196
|
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
196
197
|
iconProps: {
|
|
197
|
-
classes:
|
|
198
|
+
classes: "absolute top-7 left-7 ".concat(closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.classes),
|
|
198
199
|
onClick: () => setShowSideNav(false),
|
|
199
|
-
type:
|
|
200
|
-
size:
|
|
200
|
+
type: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.type,
|
|
201
|
+
size: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.size
|
|
201
202
|
}
|
|
202
203
|
}), mobileItems && mobileItems.map((item, i) => {
|
|
203
204
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -49,7 +49,9 @@ const SocialBlock = _ref => {
|
|
|
49
49
|
cancelButtonProps,
|
|
50
50
|
editTitleClasses,
|
|
51
51
|
editTextClasses,
|
|
52
|
-
editInputClasses
|
|
52
|
+
editInputClasses,
|
|
53
|
+
buttonWrapperClasses,
|
|
54
|
+
textWrapperClasses
|
|
53
55
|
} = _ref;
|
|
54
56
|
const defaultComponentData = {
|
|
55
57
|
title: {
|
|
@@ -66,8 +68,12 @@ const SocialBlock = _ref => {
|
|
|
66
68
|
const classList = (0, _classnames.default)({
|
|
67
69
|
[classes]: classes
|
|
68
70
|
});
|
|
71
|
+
const buttnoWrapperClasslist = (0, _classnames.default)({
|
|
72
|
+
[buttonWrapperClasses]: buttonWrapperClasses
|
|
73
|
+
}, 'pt-4 text-center');
|
|
69
74
|
const hoverClassList = (0, _classnames.default)({
|
|
70
|
-
[hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering
|
|
75
|
+
[hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering,
|
|
76
|
+
[textWrapperClasses]: textWrapperClasses
|
|
71
77
|
});
|
|
72
78
|
const socialButtons = [{
|
|
73
79
|
classes: 'mx-2 w-16 py-4 border border-1',
|
|
@@ -230,7 +236,7 @@ const SocialBlock = _ref => {
|
|
|
230
236
|
}, componentData.title.text), /*#__PURE__*/_react.default.createElement("p", {
|
|
231
237
|
className: "pt-4"
|
|
232
238
|
}, componentData.text.text)), /*#__PURE__*/_react.default.createElement("div", {
|
|
233
|
-
className:
|
|
239
|
+
className: buttnoWrapperClasslist
|
|
234
240
|
}, socialButtons && socialButtons.map((button, i) => {
|
|
235
241
|
return /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
236
242
|
key: "".concat(i, "_button"),
|