ecomlab-components-next 0.1.295 → 0.1.298
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/CardsV2/CardsV2.js +4 -2
- package/dist/components/ConstructorComponents/CardsV2/CardsV2.scss +11 -0
- 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 +6 -3
- package/dist/components/ConstructorComponents/StepsV2/StepsV2.scss +15 -0
- package/package.json +1 -1
|
@@ -26,10 +26,12 @@ var CardsV2 = function CardsV2(_ref) {
|
|
|
26
26
|
var title = _ref.title,
|
|
27
27
|
_ref$list = _ref.list,
|
|
28
28
|
list = _ref$list === void 0 ? DEFAULT_LIST : _ref$list,
|
|
29
|
-
child = _ref.child
|
|
29
|
+
child = _ref.child,
|
|
30
|
+
_ref$violet = _ref.violet,
|
|
31
|
+
violet = _ref$violet === void 0 ? false : _ref$violet;
|
|
30
32
|
(0, _useReveal["default"])();
|
|
31
33
|
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
32
|
-
className: "cards-v2"
|
|
34
|
+
className: "cards-v2 ".concat(violet ? 'cards-v2--violet' : '')
|
|
33
35
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
34
36
|
className: "cards-v2__inner"
|
|
35
37
|
}, title && /*#__PURE__*/_react["default"].createElement("h2", {
|
|
@@ -62,6 +62,10 @@
|
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
+
&--violet &__item::before {
|
|
66
|
+
background: rgb(139, 92, 246);
|
|
67
|
+
}
|
|
68
|
+
|
|
65
69
|
&__card-title {
|
|
66
70
|
font-size: 40px;
|
|
67
71
|
font-weight: 800;
|
|
@@ -75,6 +79,13 @@
|
|
|
75
79
|
background-clip: text;
|
|
76
80
|
}
|
|
77
81
|
|
|
82
|
+
&--violet &__card-title {
|
|
83
|
+
background: linear-gradient(135deg, rgb(139, 92, 246) 0%, rgb(139, 92, 246) 100%);
|
|
84
|
+
-webkit-background-clip: text;
|
|
85
|
+
-webkit-text-fill-color: transparent;
|
|
86
|
+
background-clip: text;
|
|
87
|
+
}
|
|
88
|
+
|
|
78
89
|
&__description {
|
|
79
90
|
font-size: 14px;
|
|
80
91
|
font-weight: 500;
|
|
@@ -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;
|
|
@@ -33,7 +33,9 @@ var StepsV2 = function StepsV2(_ref) {
|
|
|
33
33
|
_ref$onClick = _ref.onClick,
|
|
34
34
|
_onClick = _ref$onClick === void 0 ? false : _ref$onClick,
|
|
35
35
|
_ref$btnText = _ref.btnText,
|
|
36
|
-
btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText
|
|
36
|
+
btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText,
|
|
37
|
+
_ref$violet = _ref.violet,
|
|
38
|
+
violet = _ref$violet === void 0 ? false : _ref$violet;
|
|
37
39
|
var current_query = typeof window !== 'undefined' ? (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search : '';
|
|
38
40
|
var _useState = (0, _react.useState)(false),
|
|
39
41
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -51,7 +53,7 @@ var StepsV2 = function StepsV2(_ref) {
|
|
|
51
53
|
};
|
|
52
54
|
}, []);
|
|
53
55
|
return /*#__PURE__*/_react["default"].createElement("section", {
|
|
54
|
-
className: "steps-v2 ".concat(className)
|
|
56
|
+
className: "steps-v2 ".concat(className, " ").concat(violet ? 'steps-v2--violet' : '')
|
|
55
57
|
}, title && /*#__PURE__*/_react["default"].createElement("h3", {
|
|
56
58
|
className: "steps-v2__title reveal"
|
|
57
59
|
}, title), /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -90,7 +92,8 @@ var StepsV2 = function StepsV2(_ref) {
|
|
|
90
92
|
}
|
|
91
93
|
},
|
|
92
94
|
size: '52px',
|
|
93
|
-
green:
|
|
95
|
+
green: !violet,
|
|
96
|
+
violet: violet,
|
|
94
97
|
text: 'Попробовать бесплатно'
|
|
95
98
|
}));
|
|
96
99
|
};
|
|
@@ -45,6 +45,10 @@
|
|
|
45
45
|
z-index: 0;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
+
&--violet &__items::before {
|
|
49
|
+
background: linear-gradient(90deg, $bg, rgb(139, 92, 246), $bg);
|
|
50
|
+
}
|
|
51
|
+
|
|
48
52
|
&__item {
|
|
49
53
|
display: flex;
|
|
50
54
|
flex-direction: column;
|
|
@@ -76,11 +80,22 @@
|
|
|
76
80
|
flex-shrink: 0;
|
|
77
81
|
}
|
|
78
82
|
|
|
83
|
+
&--violet &__count {
|
|
84
|
+
border-color: rgb(139, 92, 246);
|
|
85
|
+
color: rgb(139, 92, 246);
|
|
86
|
+
}
|
|
87
|
+
|
|
79
88
|
&__item:first-child &__count {
|
|
80
89
|
background: $green;
|
|
81
90
|
color: $white;
|
|
82
91
|
}
|
|
83
92
|
|
|
93
|
+
&--violet &__item:first-child &__count {
|
|
94
|
+
background: rgb(139, 92, 246);
|
|
95
|
+
color: $white;
|
|
96
|
+
border-color: rgb(139, 92, 246);
|
|
97
|
+
}
|
|
98
|
+
|
|
84
99
|
&__step-title {
|
|
85
100
|
color: $text;
|
|
86
101
|
font-size: 15px;
|