ecomlab-components-next 0.1.292 → 0.1.294

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 (10) hide show
  1. package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.js +4 -1
  2. package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.scss +11 -0
  3. package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.js +15 -5
  4. package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.scss +33 -0
  5. package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.js +5 -2
  6. package/dist/components/ConstructorComponents/MainContainer/MainContainerV2.stories.js +8 -0
  7. package/dist/components/ConstructorComponents/MainContainer/img/01-discount.svg +3 -0
  8. package/dist/components/ConstructorComponents/PointsListV2/PointsListV2.js +17 -2
  9. package/dist/components/ConstructorComponents/PointsListV2/PointsListV2.scss +3 -3
  10. package/package.json +1 -1
package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.js CHANGED
@@ -34,6 +34,8 @@ var ButtonBasicV2 = function ButtonBasicV2(_ref) {
34
34
  green = _ref$green === void 0 ? false : _ref$green,
35
35
  _ref$white = _ref.white,
36
36
  white = _ref$white === void 0 ? false : _ref$white,
37
+ _ref$violet = _ref.violet,
38
+ violet = _ref$violet === void 0 ? false : _ref$violet,
37
39
  _ref$icon = _ref.icon,
38
40
  icon = _ref$icon === void 0 ? '' : _ref$icon,
39
41
  _ref$positionIcon = _ref.positionIcon,
@@ -46,7 +48,8 @@ var ButtonBasicV2 = function ButtonBasicV2(_ref) {
46
48
  var getColorClass = function getColorClass() {
47
49
  if (green) return 'btn-basic-v2__green';
48
50
  if (white) return 'btn-basic-v2__white';
49
- return 'btn-basic-v2--violet';
51
+ if (violet) return 'btn-basic-v2__violet';
52
+ return 'btn-basic-v2__green'; // дефолтный цвет
50
53
  };
51
54
  return /*#__PURE__*/_react["default"].createElement("button", _extends({
52
55
  className: "btn-basic-v2 ".concat(getColorClass(), " ").concat(className),
package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.scss CHANGED
@@ -45,6 +45,17 @@
45
45
  }
46
46
  }
47
47
 
48
+ &__violet {
49
+ background: rgb(139, 92, 246);
50
+ color: $white;
51
+
52
+ &:hover {
53
+ background: rgb(124, 58, 237);
54
+ transform: translateY(-2px);
55
+ box-shadow: 0 4px 16px rgba(139, 92, 246, 0.35);
56
+ }
57
+ }
58
+
48
59
  &__white {
49
60
  background: $white;
50
61
  color: $green;
package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.js CHANGED
@@ -9,6 +9,7 @@ exports["default"] = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
11
11
  var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
12
+ var _image = _interopRequireDefault(require("next/image"));
12
13
  require("./FeaturesGridV2.scss");
13
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -36,7 +37,9 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
36
37
  _ref$onClick = _ref.onClick,
37
38
  _onClick = _ref$onClick === void 0 ? false : _ref$onClick,
38
39
  _ref$btnText = _ref.btnText,
39
- btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText;
40
+ btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText,
41
+ _ref$violet = _ref.violet,
42
+ violet = _ref$violet === void 0 ? false : _ref$violet;
40
43
  var blocksRef = (0, _react.useRef)([]);
41
44
  var _useState = (0, _react.useState)(0),
42
45
  _useState2 = _slicedToArray(_useState, 2),
@@ -89,7 +92,8 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
89
92
  }, description)), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
90
93
  className: "features-grid-v2__btn",
91
94
  size: '52px',
92
- green: true,
95
+ green: !violet,
96
+ violet: violet,
93
97
  onClick: function onClick() {
94
98
  if (_onClick) {
95
99
  _onClick();
@@ -103,12 +107,18 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
103
107
  className: "features-grid-v2__items"
104
108
  }, list === null || list === void 0 ? void 0 : list.map(function (_ref2, index) {
105
109
  var title = _ref2.title,
106
- description = _ref2.description;
110
+ description = _ref2.description,
111
+ icon = _ref2.icon;
107
112
  return /*#__PURE__*/_react["default"].createElement("div", {
108
113
  key: index,
109
- className: "features-grid-v2__card reveal",
114
+ className: "features-grid-v2__card reveal ".concat(violet ? 'features-grid-v2__card--violet' : ''),
110
115
  "data-index": index
111
- }, /*#__PURE__*/_react["default"].createElement("div", {
116
+ }, icon && /*#__PURE__*/_react["default"].createElement("div", {
117
+ className: "features-grid-v2__card-icon"
118
+ }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
119
+ src: icon,
120
+ alt: "icon"
121
+ })), /*#__PURE__*/_react["default"].createElement("div", {
112
122
  className: "features-grid-v2__card-heading",
113
123
  ref: function ref(el) {
114
124
  blocksRef.current[index] = el;
package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.scss CHANGED
@@ -73,6 +73,23 @@
73
73
  transform: translateY(-4px);
74
74
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
75
75
  }
76
+
77
+ &--violet {
78
+ border-top: 3px solid rgb(139, 92, 246);
79
+ }
80
+ }
81
+
82
+ &__card-icon {
83
+ margin-bottom: 12px;
84
+ display: flex;
85
+ align-items: center;
86
+ justify-content: flex-start;
87
+
88
+ img {
89
+ width: 32px;
90
+ height: 32px;
91
+ flex-shrink: 0;
92
+ }
76
93
  }
77
94
 
78
95
  &__card-heading {
@@ -149,6 +166,13 @@
149
166
  &__card-text {
150
167
  font-size: 13px;
151
168
  }
169
+
170
+ &__card-icon {
171
+ img {
172
+ width: 28px;
173
+ height: 28px;
174
+ }
175
+ }
152
176
  }
153
177
  }
154
178
 
@@ -196,5 +220,14 @@
196
220
  &__card-text {
197
221
  font-size: 12px;
198
222
  }
223
+
224
+ &__card-icon {
225
+ margin-bottom: 8px;
226
+
227
+ img {
228
+ width: 24px;
229
+ height: 24px;
230
+ }
231
+ }
199
232
  }
200
233
  }
package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.js CHANGED
@@ -39,7 +39,9 @@ var HeaderV2 = function HeaderV2(_ref) {
39
39
  btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText,
40
40
  _ref$onClick = _ref.onClick,
41
41
  _onClick = _ref$onClick === void 0 ? false : _ref$onClick,
42
- background = _ref.background;
42
+ background = _ref.background,
43
+ _ref$violet = _ref.violet,
44
+ violet = _ref$violet === void 0 ? false : _ref$violet;
43
45
  var currentUrl = typeof window !== 'undefined' ? (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search : '';
44
46
  return /*#__PURE__*/_react["default"].createElement("header", {
45
47
  className: "header-v2",
@@ -97,7 +99,8 @@ var HeaderV2 = function HeaderV2(_ref) {
97
99
  }, title), description && /*#__PURE__*/_react["default"].createElement("h2", {
98
100
  className: "header-v2__description ".concat(!(services || img) ? 'header-v2__description-centered' : '')
99
101
  }, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
100
- green: true,
102
+ green: !violet,
103
+ violet: violet,
101
104
  onClick: function onClick() {
102
105
  if (_onClick) {
103
106
  _onClick();
package/dist/components/ConstructorComponents/MainContainer/MainContainerV2.stories.js CHANGED
@@ -29,6 +29,7 @@ var _SmartReplies = _interopRequireDefault(require("../SmartReplies/SmartReplies
29
29
  var _CardsWithButton = _interopRequireDefault(require("../CardsWithButton/CardsWithButton"));
30
30
  var _LogosStrip = _interopRequireDefault(require("../LogosStrip/LogosStrip"));
31
31
  var _decstope = _interopRequireDefault(require("./img/decstope.jpg"));
32
+ var _discount = _interopRequireDefault(require("./img/01-discount.svg"));
32
33
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
33
34
  var cards_list = [{
34
35
  sum: 'Аналитика повышает продажи',
@@ -54,18 +55,23 @@ var steps = [{
54
55
  }];
55
56
  var advantages_list = [{
56
57
  title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
58
+ icon: _discount["default"],
57
59
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 SEO-\u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0422\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 CRM ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 PIM \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 ", /*#__PURE__*/_react["default"].createElement("br", null))
58
60
  }, {
59
61
  title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
62
+ icon: _discount["default"],
60
63
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 SEO-\u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0422\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 CRM ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 PIM \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 ", /*#__PURE__*/_react["default"].createElement("br", null))
61
64
  }, {
62
65
  title: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433",
66
+ icon: _discount["default"],
63
67
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0412 2 \u0440\u0430\u0437\u0430 \u0441\u043E\u043A\u0440\u0430\u0442\u0438 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u043D\u0430 \u0440\u0435\u043A\u043B\u0430\u043C\u0443. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u042D\u0444\u0444\u0435\u043A\u0442\u0438\u0432\u043D\u043E \u0440\u0430\u0441\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0439 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043F\u043E\u043B\u0443\u0447\u0430\u0439 \u0434\u0435\u0442\u0430\u043B\u044C\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u0439 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0438. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041F\u043E\u043B\u0443\u0447\u0438 \u0431\u043E\u043B\u0435\u0435 50 \u0444\u0443\u043D\u043A\u0446\u0438\u0439 \u0434\u043B\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445.")
64
68
  }, {
65
69
  title: "\u042D\u043A\u043E\u043D\u043E\u043C\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0438 \u0434\u0435\u043D\u0435\u0433",
70
+ icon: _discount["default"],
66
71
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0421\u0447\u0438\u0442\u0430\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0439 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0438\u0437 \u0435\u0434\u0438\u043D\u043E\u0433\u043E \u043B\u0438\u0447\u043D\u043E\u0433\u043E \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0430.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0440\u0443\u0442\u0438\u043D\u043D\u044B\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043E\u0441\u0432\u043E\u0431\u043E\u0434\u0438 \u0431\u043E\u043B\u0435\u0435 50% \u0440\u0430\u0431\u043E\u0447\u0435\u0433\u043E \u0432\u0440\u0435\u043C\u0435\u043D\u0438.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0421\u044D\u043A\u043E\u043D\u043E\u043C\u044C 40% \u0431\u044E\u0434\u0436\u0435\u0442\u0430 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 \u0437\u0430 \u0441\u0447\u0451\u0442 \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043D\u0435\u0441-\u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432.")
67
72
  }, {
68
73
  title: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432",
74
+ icon: _discount["default"],
69
75
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0431\u043E\u043B\u0435\u0435 75% \u0432\u0441\u0435\u0445 \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u044E\u0442\u0441\u044F \u0440\u0443\u043A\u0430\u043C\u0438.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439 \u0441\u044D\u043A\u043E\u043D\u043E\u043C\u043B\u0435\u043D\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u043D\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438 \u043C\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0438\u0437\u043D\u0435\u0441\u0430.", /*#__PURE__*/_react["default"].createElement("br", null))
70
76
  }];
71
77
  var possibilities_list = [{
@@ -193,6 +199,7 @@ var MainContainerTest = exports.MainContainerTest = function MainContainerTest()
193
199
  }
194
200
  }, "\u0435\u0434\u0438\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u044B")),
195
201
  description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u041E\u0434\u043D\u0430 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \u0434\u043B\u044F \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0430\u0433\u0430\u0437\u0438\u043D\u0430\u043C\u0438 \u043D\u0430 Wildberries, Ozon \u0438 \u042F\u043D\u0434\u0435\u043A\u0441 \u041C\u0430\u0440\u043A\u0435\u0442", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\u0411\u043E\u043B\u0435\u0435 20 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u043E\u0432 \u0434\u043B\u044F \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0438 \u0438 \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043D\u0435\u0441\u0430", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432, \u0440\u0430\u0431\u043E\u0442\u0430 \u0441 \u0442\u043E\u0432\u0430\u0440\u0430\u043C\u0438, \u0430\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B, CRM, \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435, \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 \u043D\u0430 \u043E\u0434\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435"),
202
+ violet: true,
196
203
  color: "#00B45E",
197
204
  img: _decstope["default"],
198
205
  background: '#fff'
@@ -200,6 +207,7 @@ var MainContainerTest = exports.MainContainerTest = function MainContainerTest()
200
207
  title: "\u0412\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430",
201
208
  list: possibilities_list
202
209
  }), /*#__PURE__*/_react["default"].createElement(_CardsServicesV["default"], null), /*#__PURE__*/_react["default"].createElement(_CardsV["default"], null), /*#__PURE__*/_react["default"].createElement(_FeaturesGridV["default"], {
210
+ violet: true,
203
211
  title: "\u041F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0430",
204
212
  description: '60% клиентов сотрудничают с нами уже более 2-х лет',
205
213
  list: advantages_list
package/dist/components/ConstructorComponents/MainContainer/img/01-discount.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="none" stroke="#6C2BD9" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
2
+ <circle cx="7" cy="7" r="3"/><circle cx="17" cy="17" r="3"/><line x1="5" y1="19" x2="19" y2="5"/>
3
+ </svg>
package/dist/components/ConstructorComponents/PointsListV2/PointsListV2.js CHANGED
@@ -14,8 +14,16 @@ var PointsListV2 = function PointsListV2(_ref) {
14
14
  var title = _ref.title,
15
15
  list = _ref.list,
16
16
  _ref$className = _ref.className,
17
- className = _ref$className === void 0 ? '' : _ref$className;
17
+ className = _ref$className === void 0 ? '' : _ref$className,
18
+ _ref$columns = _ref.columns,
19
+ columns = _ref$columns === void 0 ? 3 : _ref$columns,
20
+ align = _ref.align;
18
21
  (0, _useReveal["default"])();
22
+
23
+ // Создаем CSS-переменную для количества колонок
24
+ var gridStyle = {
25
+ '--columns': columns
26
+ };
19
27
  return /*#__PURE__*/_react["default"].createElement("section", {
20
28
  className: "points-list-v2"
21
29
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -23,7 +31,8 @@ var PointsListV2 = function PointsListV2(_ref) {
23
31
  }, /*#__PURE__*/_react["default"].createElement("h2", {
24
32
  className: "points-list-v2__title reveal"
25
33
  }, title), /*#__PURE__*/_react["default"].createElement("div", {
26
- className: "points-list-v2__content"
34
+ className: "points-list-v2__content",
35
+ style: gridStyle
27
36
  }, list === null || list === void 0 ? void 0 : list.map(function (_ref2, index) {
28
37
  var title = _ref2.title,
29
38
  description = _ref2.description,
@@ -42,8 +51,14 @@ var PointsListV2 = function PointsListV2(_ref) {
42
51
  width: 44,
43
52
  height: 44
44
53
  })), /*#__PURE__*/_react["default"].createElement("h4", {
54
+ style: {
55
+ textAlign: align ? align : ''
56
+ },
45
57
  className: "points-list-v2__item-title"
46
58
  }, title), /*#__PURE__*/_react["default"].createElement("p", {
59
+ style: {
60
+ textAlign: align ? align : ''
61
+ },
47
62
  className: "points-list-v2__item-text"
48
63
  }, description));
49
64
  }))));
package/dist/components/ConstructorComponents/PointsListV2/PointsListV2.scss CHANGED
@@ -27,7 +27,7 @@
27
27
 
28
28
  &__content {
29
29
  display: grid;
30
- grid-template-columns: repeat(3, 1fr);
30
+ grid-template-columns: repeat(var(--columns, 3), 1fr);
31
31
  gap: 24px;
32
32
  }
33
33
 
@@ -125,7 +125,7 @@
125
125
  @media (max-width: 900px) {
126
126
  .points-list-v2 {
127
127
  &__content {
128
- grid-template-columns: repeat(2, 1fr);
128
+ grid-template-columns: repeat(2, 1fr) !important;
129
129
  }
130
130
  }
131
131
  }
@@ -134,7 +134,7 @@
134
134
  .points-list-v2 {
135
135
 
136
136
  &__content {
137
- grid-template-columns: 1fr;
137
+ grid-template-columns: 1fr !important;
138
138
  gap: 16px;
139
139
  }
140
140
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ecomlab-components-next",
3
- "version": "0.1.292",
3
+ "version": "0.1.294",
4
4
  "description": "A set of common and reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "files": [