ecomlab-components-next 0.1.296 → 0.1.299
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.
- package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.js +3 -1
- package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.scss +8 -1
- package/dist/components/ConstructorComponents/QuestionsV2/QuestionsV2.js +4 -2
- package/dist/components/ConstructorComponents/QuestionsV2/QuestionsV2.scss +13 -0
- package/dist/components/ConstructorComponents/StepsV2/StepsV2.js +1 -1
- package/package.json +1 -1
|
@@ -35,6 +35,8 @@ var HeaderV2 = function HeaderV2(_ref) {
|
|
|
35
35
|
linkMain = _ref$linkMain === void 0 ? 'https://lk.ecomru.ru' : _ref$linkMain,
|
|
36
36
|
_ref$badgeText = _ref.badgeText,
|
|
37
37
|
badgeText = _ref$badgeText === void 0 ? "Экосистема для селлеров и брендов" : _ref$badgeText,
|
|
38
|
+
_ref$hideBadge = _ref.hideBadge,
|
|
39
|
+
hideBadge = _ref$hideBadge === void 0 ? false : _ref$hideBadge,
|
|
38
40
|
_ref$btnText = _ref.btnText,
|
|
39
41
|
btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText,
|
|
40
42
|
_ref$onClick = _ref.onClick,
|
|
@@ -53,7 +55,7 @@ var HeaderV2 = function HeaderV2(_ref) {
|
|
|
53
55
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
54
56
|
className: "header-v2__info ".concat(!(services || img) ? 'header-v2__info-centered' : '')
|
|
55
57
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
56
|
-
className: "header-v2__badge"
|
|
58
|
+
className: "header-v2__badge".concat(violet ? '_violet' : '')
|
|
57
59
|
}, badgeText), /*#__PURE__*/_react["default"].createElement("div", {
|
|
58
60
|
className: "header-v2__icons ".concat(!(services || img) ? 'header-v2__icons-centered' : '')
|
|
59
61
|
}, arrIcon ? arrIcon.map(function (el, ind) {
|
|
@@ -39,7 +39,8 @@
|
|
|
39
39
|
align-items: center;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
&__badge
|
|
42
|
+
&__badge,
|
|
43
|
+
&__badge_violet {
|
|
43
44
|
display: inline-flex;
|
|
44
45
|
align-items: center;
|
|
45
46
|
gap: 6px;
|
|
@@ -52,6 +53,11 @@
|
|
|
52
53
|
margin-bottom: 24px;
|
|
53
54
|
white-space: nowrap;
|
|
54
55
|
|
|
56
|
+
&_violet {
|
|
57
|
+
background: rgb(239, 232, 253);
|
|
58
|
+
color: rgb(139, 92, 246);
|
|
59
|
+
}
|
|
60
|
+
|
|
55
61
|
svg {
|
|
56
62
|
width: 14px;
|
|
57
63
|
height: 14px;
|
|
@@ -276,6 +282,7 @@
|
|
|
276
282
|
opacity: 0;
|
|
277
283
|
transform: translateY(20px);
|
|
278
284
|
}
|
|
285
|
+
|
|
279
286
|
to {
|
|
280
287
|
opacity: 1;
|
|
281
288
|
transform: translateY(0);
|
|
@@ -21,7 +21,9 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
|
21
21
|
var QuestionsV2 = function QuestionsV2(_ref) {
|
|
22
22
|
var title = _ref.title,
|
|
23
23
|
_ref$list = _ref.list,
|
|
24
|
-
list = _ref$list === void 0 ? [] : _ref$list
|
|
24
|
+
list = _ref$list === void 0 ? [] : _ref$list,
|
|
25
|
+
_ref$violet = _ref.violet,
|
|
26
|
+
violet = _ref$violet === void 0 ? false : _ref$violet;
|
|
25
27
|
var _useState = (0, _react.useState)(new Set()),
|
|
26
28
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27
29
|
currentDrop = _useState2[0],
|
|
@@ -47,7 +49,7 @@ var QuestionsV2 = function QuestionsV2(_ref) {
|
|
|
47
49
|
}, 50);
|
|
48
50
|
};
|
|
49
51
|
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
50
|
-
className: "questions-v2",
|
|
52
|
+
className: "questions-v2 ".concat(violet ? 'questions-v2--violet' : ''),
|
|
51
53
|
itemScope: true,
|
|
52
54
|
itemType: "https://schema.org/FAQPage"
|
|
53
55
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -62,6 +62,19 @@
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
+
// Фиолетовая версия
|
|
66
|
+
&--violet {
|
|
67
|
+
.questions-v2__item_open {
|
|
68
|
+
.questions-v2__icon {
|
|
69
|
+
color: rgb(139, 92, 246);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.questions-v2__question:hover {
|
|
74
|
+
color: rgb(139, 92, 246);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
65
78
|
&__question {
|
|
66
79
|
padding: 20px 24px;
|
|
67
80
|
display: flex;
|