ecomlab-components-next 0.1.294 → 0.1.296

package/dist/components/ConstructorComponents/CardsV2/CardsV2.js

@@ -26,10 +26,12 @@ var CardsV2 = function CardsV2(_ref) {
   var title = _ref.title,
     _ref$list = _ref.list,
     list = _ref$list === void 0 ? DEFAULT_LIST : _ref$list,
-    child = _ref.child;
+    child = _ref.child,
+    _ref$violet = _ref.violet,
+    violet = _ref$violet === void 0 ? false : _ref$violet;
   (0, _useReveal["default"])();
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "cards-v2"
+    className: "cards-v2 ".concat(violet ? 'cards-v2--violet' : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "cards-v2__inner"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {

package/dist/components/ConstructorComponents/CardsV2/CardsV2.scss

@@ -62,6 +62,10 @@
         }
     }
 
+    &--violet &__item::before {
+        background: rgb(139, 92, 246);
+    }
+
     &__card-title {
         font-size: 40px;
         font-weight: 800;
@@ -75,6 +79,13 @@
         background-clip: text;
     }
 
+    &--violet &__card-title {
+        background: linear-gradient(135deg, rgb(139, 92, 246) 0%, rgb(139, 92, 246) 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+    }
+
     &__description {
         font-size: 14px;
         font-weight: 500;

package/dist/components/ConstructorComponents/MainContainer/MainContainerV2.stories.js

@@ -229,7 +229,9 @@ var MainContainerTest = exports.MainContainerTest = function MainContainerTest()
   }), /*#__PURE__*/_react["default"].createElement(_PointsListV["default"], {
     list: point_list,
     title: 'Возможности нашего сервиса',
-    className: 'max-items-3'
+    columns: 5,
+    align: 'center',
+    violet: true
   }), /*#__PURE__*/_react["default"].createElement(_LogosStrip["default"], null), /*#__PURE__*/_react["default"].createElement(_VideoBlockV["default"], {
     src: "https://dl.ecomru.ru:9001/redactor-videos/ecomru_1.mp4"
   }));

package/dist/components/ConstructorComponents/PointsListV2/PointsListV2.js

@@ -17,7 +17,8 @@ var PointsListV2 = function PointsListV2(_ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$columns = _ref.columns,
     columns = _ref$columns === void 0 ? 3 : _ref$columns,
-    align = _ref.align;
+    align = _ref.align,
+    violet = _ref.violet;
   (0, _useReveal["default"])();
 
   // Создаем CSS-переменную для количества колонок
@@ -44,6 +45,9 @@ var PointsListV2 = function PointsListV2(_ref) {
         '--index': index
       }
     }, icon && /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        background: violet ? '#efe8fd' : ''
+      },
       className: "points-list-v2__item-icon"
     }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
       src: icon,

package/dist/components/ConstructorComponents/StepsV2/StepsV2.js

@@ -33,7 +33,9 @@ var StepsV2 = function StepsV2(_ref) {
     _ref$onClick = _ref.onClick,
     _onClick = _ref$onClick === void 0 ? false : _ref$onClick,
     _ref$btnText = _ref.btnText,
-    btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText;
+    btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText,
+    _ref$violet = _ref.violet,
+    violet = _ref$violet === void 0 ? false : _ref$violet;
   var current_query = typeof window !== 'undefined' ? (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search : '';
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -51,7 +53,7 @@ var StepsV2 = function StepsV2(_ref) {
     };
   }, []);
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "steps-v2 ".concat(className)
+    className: "steps-v2 ".concat(className, " ").concat(violet ? 'steps-v2--violet' : '')
   }, title && /*#__PURE__*/_react["default"].createElement("h3", {
     className: "steps-v2__title reveal"
   }, title), /*#__PURE__*/_react["default"].createElement("div", {
@@ -90,7 +92,8 @@ var StepsV2 = function StepsV2(_ref) {
       }
     },
     size: '52px',
-    green: true,
+    green: !violet,
+    violet: violet,
     text: 'Попробовать бесплатно'
   }));
 };

package/dist/components/ConstructorComponents/StepsV2/StepsV2.scss

@@ -45,6 +45,10 @@
         z-index: 0;
     }
 
+    &--violet &__items::before {
+        background: linear-gradient(90deg, $bg, rgb(139, 92, 246), $bg);
+    }
+
     &__item {
         display: flex;
         flex-direction: column;
@@ -76,11 +80,22 @@
         flex-shrink: 0;
     }
 
+    &--violet &__count {
+        border-color: rgb(139, 92, 246);
+        color: rgb(139, 92, 246);
+    }
+
     &__item:first-child &__count {
         background: $green;
         color: $white;
     }
 
+    &--violet &__item:first-child &__count {
+        background: rgb(139, 92, 246);
+        color: $white;
+        border-color: rgb(139, 92, 246);
+    }
+
     &__step-title {
         color: $text;
         font-size: 15px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.294",
+  "version": "0.1.296",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [