ecomlab-components-next 0.1.313 → 0.1.316

package/dist/components/ConstructorComponents/CardsWithButtonV2/CardsWithButtonV2.js

@@ -0,0 +1,51 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./CardsWithButtonV2.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var CardsWithButtonV2 = function CardsWithButtonV2(_ref) {
+  var title = _ref.title,
+    items = _ref.items,
+    _ref$btnText = _ref.btnText,
+    btnText = _ref$btnText === void 0 ? 'Подключиться' : _ref$btnText,
+    onBtnClick = _ref.onBtnClick;
+  (0, _useReveal["default"])();
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "cards-with-btn-glow"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cards-with-btn-glow__inner"
+  }, title && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "cards-with-btn-glow__title reveal"
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cards-with-btn-glow__content"
+  }, items === null || items === void 0 ? void 0 : items.map(function (_ref2, index) {
+    var title = _ref2.title,
+      description = _ref2.description;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "cards-with-btn-glow__card reveal",
+      key: index,
+      style: {
+        '--index': index
+      }
+    }, /*#__PURE__*/_react["default"].createElement("h3", {
+      className: "cards-with-btn-glow__card-title"
+    }, title), /*#__PURE__*/_react["default"].createElement("p", {
+      className: "cards-with-btn-glow__card-description"
+    }, description), /*#__PURE__*/_react["default"].createElement("button", {
+      className: "cards-with-btn-glow__card-btn",
+      onClick: function onClick() {
+        return onBtnClick === null || onBtnClick === void 0 ? void 0 : onBtnClick();
+      }
+    }, btnText, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "cards-with-btn-glow__card-btn-arrow",
+      "aria-hidden": "true"
+    }, "\u2192")));
+  }))));
+};
+var _default = exports["default"] = CardsWithButtonV2;

package/dist/components/ConstructorComponents/CardsWithButtonV2/CardsWithButtonV2.scss

@@ -0,0 +1,221 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import '../variables.scss';
+
+.cards-with-btn-glow {
+    font-family: 'Manrope', sans-serif;
+    background: $bg;
+    width: 100%;
+    padding: 96px 40px;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+
+    &__inner {
+        max-width: 1280px;
+        margin: 0 auto;
+    }
+
+    &__title {
+        text-align: center;
+        font-size: 30px;
+        font-weight: 800;
+        letter-spacing: -0.5px;
+        color: $text;
+        margin: 0 0 56px 0;
+    }
+
+    &__content {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 24px;
+    }
+
+    &__card {
+        background: $white;
+        border: 1px solid $border;
+        border-radius: 20px;
+        padding: 32px 28px;
+        display: flex;
+        flex-direction: column;
+        transition: transform 0.2s ease, box-shadow 0.2s ease;
+        position: relative;
+        overflow: hidden;
+
+        // Мягкое свечение в правом верхнем углу
+        &::before {
+            content: '';
+            position: absolute;
+            inset: 0;
+            z-index: 0;
+            pointer-events: none;
+            background: radial-gradient(circle at 100% 0, rgba($green, 0.2), transparent 58%);
+        }
+
+        // Акцентная метка сверху
+        &::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 28px;
+            width: 36px;
+            height: 3px;
+            background: $green;
+            border-radius: 0 0 3px 3px;
+            pointer-events: none;
+            transition: width 0.3s ease;
+        }
+
+        // Контент поверх свечения
+        > * {
+            position: relative;
+            z-index: 1;
+        }
+
+        &:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 12px 32px rgba($green, 0.14);
+
+            &::after {
+                width: 48px;
+            }
+
+            .cards-with-btn-glow__card-btn {
+                color: $green-dark;
+            }
+
+            .cards-with-btn-glow__card-btn-arrow {
+                transform: translateX(5px);
+            }
+        }
+    }
+
+    &__card-icon {
+        width: 56px;
+        height: 56px;
+        background: $green-light-bg;
+        border-radius: 14px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-bottom: 20px;
+        color: $green;
+
+        svg {
+            width: 28px;
+            height: 28px;
+        }
+    }
+
+    &__card-title {
+        font-size: 18px;
+        font-weight: 700;
+        color: $text;
+        margin: 0 0 12px 0;
+        line-height: 1.4;
+    }
+
+    &__card-description {
+        font-size: 14px;
+        color: $muted;
+        line-height: 1.6;
+        margin: 0 0 24px 0;
+        flex-grow: 1;
+    }
+
+    // Кнопка: капс с точкой
+    &__card-btn {
+        background: none;
+        border: none;
+        padding: 0;
+        font-size: 11.5px;
+        font-weight: 800;
+        text-transform: uppercase;
+        letter-spacing: 0.09em;
+        color: $green;
+        cursor: pointer;
+        font-family: inherit;
+        display: inline-flex;
+        align-items: center;
+        gap: 10px;
+        transition: color 0.2s ease;
+        width: fit-content;
+
+        // точка слева
+        &::before {
+            content: '';
+            width: 7px;
+            height: 7px;
+            border-radius: 50%;
+            background: currentColor;
+            flex-shrink: 0;
+        }
+    }
+
+    // Стрелка чуть крупнее текста кнопки
+    &__card-btn-arrow {
+        font-size: 18px;
+        line-height: 1;
+        letter-spacing: 0;
+        transition: transform 0.2s ease;
+    }
+
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
+}
+
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .cards-with-btn-glow {
+        padding: 72px 24px;
+
+        &__content {
+            grid-template-columns: repeat(2, 1fr);
+            gap: 20px;
+        }
+        
+        &__title {
+            font-size: 26px;
+            margin-bottom: 40px;
+        }
+    }
+}
+
+// Мобильная версия (до 500px) - 1 колонка
+@media (max-width: 500px) {
+    .cards-with-btn-glow {
+        
+        &__content {
+            grid-template-columns: 1fr;
+            gap: 16px;
+        }
+
+        &__card {
+            padding: 20px 16px;
+
+            &::after {
+                left: 16px;
+            }
+        }
+    }
+}
+
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .cards-with-btn-glow {
+        padding: 40px 20px;
+
+        &__title {
+            font-size: 22px;
+            margin-bottom: 32px;
+        }
+    }
+}

package/dist/components/ConstructorComponents/FeaturesGridV3/FeaturesGridV3.js

@@ -0,0 +1,146 @@
+"use strict";
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
+var _image = _interopRequireDefault(require("next/image"));
+require("./FeaturesGridV3.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var FeaturesGridV3 = function FeaturesGridV3(_ref) {
+  var _window;
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '' : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? '' : _ref$description,
+    _ref$linkMain = _ref.linkMain,
+    linkMain = _ref$linkMain === void 0 ? 'https://lk.ecomru.ru' : _ref$linkMain,
+    _ref$onClick = _ref.onClick,
+    _onClick = _ref$onClick === void 0 ? false : _ref$onClick,
+    _ref$btnText = _ref.btnText,
+    btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText,
+    _ref$violet = _ref.violet,
+    violet = _ref$violet === void 0 ? false : _ref$violet,
+    _ref$dots = _ref.dots,
+    dots = _ref$dots === void 0 ? true : _ref$dots;
+  var blocksRef = (0, _react.useRef)([]);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    maxHeight = _useState2[0],
+    setMaxHeight = _useState2[1];
+  var _useState3 = (0, _react.useState)(typeof window !== 'undefined' ? window.innerWidth : 0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    windowWidth = _useState4[0],
+    setWindowWidth = _useState4[1];
+  var current_query = typeof window !== 'undefined' ? (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search : '';
+
+  // Вызываем хук для анимации при скролле
+  (0, _useReveal["default"])();
+  var syncHeight = (0, _react.useCallback)(function () {
+    var heights = blocksRef.current.filter(function (el) {
+      return el && el.offsetHeight > 0;
+    }).map(function (el) {
+      return el.offsetHeight;
+    });
+    if (heights.length > 0) {
+      var next = Math.max.apply(Math, _toConsumableArray(heights));
+      if (next !== maxHeight) setMaxHeight(next);
+    }
+  }, [maxHeight]);
+  (0, _react.useEffect)(function () {
+    [0, 100, 300].forEach(function (d) {
+      return setTimeout(syncHeight, d);
+    });
+    var onResize = function onResize() {
+      setWindowWidth(window.innerWidth);
+      syncHeight();
+    };
+    window.addEventListener('resize', onResize);
+    return function () {
+      return window.removeEventListener('resize', onResize);
+    };
+  }, [syncHeight]);
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "features-grid-v3"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "features-grid-v3__inner"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "features-grid-v3__header reveal"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "features-grid-v3__header-left"
+  }, title && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "features-grid-v3__title"
+  }, title), description && /*#__PURE__*/_react["default"].createElement("p", {
+    className: "features-grid-v3__subtitle"
+  }, description)), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    className: "features-grid-v3__btn",
+    size: '52px',
+    green: !violet,
+    violet: violet,
+    onClick: function onClick() {
+      if (_onClick) {
+        _onClick();
+      } else {
+        var _window2;
+        (_window2 = window) === null || _window2 === void 0 || _window2.open("".concat(linkMain, "/auth").concat(current_query), '_blank');
+      }
+    },
+    text: btnText
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "features-grid-v3__items"
+  }, list === null || list === void 0 ? void 0 : list.map(function (_ref2, index) {
+    var title = _ref2.title,
+      description = _ref2.description,
+      icon = _ref2.icon;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: "features-grid-v3__card reveal ".concat(violet ? 'features-grid-v3__card--violet' : ''),
+      "data-index": index
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "features-grid-v3__card-number",
+      "aria-hidden": "true"
+    }, String(index + 1).padStart(2, '0')), icon && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "features-grid-v3__card-icon"
+    }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+      src: icon,
+      alt: "icon"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "features-grid-v3__card-heading",
+      ref: function ref(el) {
+        blocksRef.current[index] = el;
+      },
+      style: {
+        minHeight: windowWidth > 430 && maxHeight > 0 ? maxHeight : undefined
+      }
+    }, title), Array.isArray(description) ? /*#__PURE__*/_react["default"].createElement("ul", {
+      className: "features-grid-v3__card-list ".concat(dots ? 'features-grid-v3__card-list--dots' : '')
+    }, description.map(function (item, i) {
+      return /*#__PURE__*/_react["default"].createElement("li", {
+        key: i,
+        className: "features-grid-v3__card-list-item"
+      }, item);
+    })) : /*#__PURE__*/_react["default"].createElement("p", {
+      className: "features-grid-v3__card-text"
+    }, description));
+  }))));
+};
+var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(FeaturesGridV3);

package/dist/components/ConstructorComponents/FeaturesGridV3/FeaturesGridV3.scss

@@ -0,0 +1,300 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import  '../variables.scss';
+
+.features-grid-v3 {
+    font-family: 'Manrope', sans-serif;
+    background: $bg;
+    width: 100%;
+    padding: 96px 40px;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+
+    &__inner {
+        max-width: 1280px;
+        margin: 0 auto;
+        display: flex;
+        flex-direction: column;
+        gap: 56px;
+    }
+
+    &__header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        gap: 32px;
+    }
+
+    &__header-left {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+    }
+
+    &__title {
+        font-size: 30px;
+        font-weight: 800;
+        letter-spacing: -0.5px;
+        color: $text;
+        margin: 0;
+    }
+
+    &__subtitle {
+        font-size: 15px;
+        color: $muted;
+        line-height: 1.65;
+        max-width: 440px;
+        margin: 0;
+    }
+
+    &__items {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 24px;
+        width: 100%;
+    }
+
+    &__card {
+        // цвет цифры и маркеров списка (по умолчанию зелёный)
+        --accent: #{$green};
+        --number: #{rgba($green, 0.09)};
+
+        position: relative;
+        isolation: isolate;
+        overflow: hidden;
+        flex: 1 1 0;
+        min-width: 180px;
+        background: $white;
+        border: 1px solid $border;
+        border-radius: 20px;
+        padding: 28px 24px 32px;
+        display: flex;
+        flex-direction: column;
+        gap: 0;
+        transition: transform 0.2s, box-shadow 0.2s;
+        cursor: default;
+
+        &:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
+        }
+
+        &--violet {
+            --accent: rgb(139, 92, 246);
+            --number: rgba(139, 92, 246, 0.1);
+        }
+    }
+
+    // Цифра за текстом
+    &__card-number {
+        position: absolute;
+        z-index: -1;
+        top: 4px;
+        right: 14px;
+        font-size: 72px;
+        font-weight: 800;
+        line-height: 1;
+        letter-spacing: -0.04em;
+        color: var(--number);
+        pointer-events: none;
+        user-select: none;
+    }
+
+    &__card-icon {
+        margin-bottom: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+
+        img {
+            width: 32px;
+            height: 32px;
+            flex-shrink: 0;
+        }
+    }
+
+    &__card-heading {
+        font-size: 18px;
+        font-weight: 700;
+        color: $text;
+        line-height: 1.35;
+        margin-bottom: 12px;
+    }
+
+    &__card-text {
+        font-size: 14px;
+        color: $muted;
+        line-height: 1.7;
+    }
+
+    // Список (description передан массивом)
+    &__card-list {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        flex-direction: column;
+        gap: 9px;
+
+        &--dots .features-grid-v3__card-list-item {
+            padding-left: 25px;
+
+            // ромбик-маркер
+            &::before {
+                content: '';
+                position: absolute;
+                left: 5px;
+                top: 8px;
+                width: 7px;
+                height: 7px;
+                border-radius: 2px;
+                background: var(--accent);
+                transform: rotate(45deg);
+            }
+        }
+    }
+
+    &__card-list-item {
+        position: relative;
+        font-size: 14px;
+        color: $muted;
+        line-height: 1.55;
+    }
+
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
+}
+
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .features-grid-v3 {
+        padding: 72px 24px;
+
+        &__header {
+            flex-direction: column;
+            align-items: flex-start;
+        }
+
+        &__items {
+            gap: 20px;
+        }
+
+        &__card {
+            flex: 1 1 calc(33.333% - 14px);
+            min-width: 200px;
+        }
+
+        &__title {
+            font-size: 26px;
+        }
+    }
+}
+
+// Мобильная версия (до 768px)
+@media (max-width: 768px) {
+    .features-grid-v3 {
+        &__items {
+            gap: 16px;
+        }
+
+        &__card {
+            flex: 1 1 calc(50% - 8px);
+            min-width: 160px;
+        }
+
+        &__subtitle {
+            font-size: 14px;
+        }
+
+        &__card-heading {
+            font-size: 16px;
+        }
+
+        &__card-text,
+        &__card-list-item {
+            font-size: 13px;
+        }
+
+        &__card-number {
+            font-size: 60px;
+        }
+
+        &__card-icon {
+            img {
+                width: 28px;
+                height: 28px;
+            }
+        }
+    }
+}
+
+// Мобильная версия (до 550px)
+@media (max-width: 550px) {
+    .features-grid-v3 {
+        &__card {
+            flex: 1 1 100%;
+        }
+    }
+}
+
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .features-grid-v3 {
+        padding: 40px 20px;
+
+        &__btn {
+            width: 100% !important;
+            max-width: 100% !important;
+        }
+
+        &__title {
+            font-size: 22px;
+        }
+
+        &__subtitle {
+            font-size: 13px;
+        }
+
+        &__items {
+            gap: 12px;
+        }
+
+        &__card {
+            flex: 1 1 100%;
+            padding: 20px 16px 24px;
+        }
+
+        &__card-heading {
+            font-size: 15px;
+            margin-bottom: 8px;
+        }
+
+        &__card-text,
+        &__card-list-item {
+            font-size: 12px;
+        }
+
+        &__card-number {
+            font-size: 52px;
+            right: 12px;
+        }
+
+        &__card-icon {
+            margin-bottom: 8px;
+
+            img {
+                width: 24px;
+                height: 24px;
+            }
+        }
+    }
+}

package/dist/components/ConstructorComponents/FeaturesGridV3/FeaturesGridV3.stories.js

@@ -0,0 +1,36 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FeaturesGridTest = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FeaturesGridV = _interopRequireDefault(require("./FeaturesGridV3"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var advantages_list = [{
+  title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
+  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))
+}, {
+  title: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433",
+  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.")
+}, {
+  title: "\u042D\u043A\u043E\u043D\u043E\u043C\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0438 \u0434\u0435\u043D\u0435\u0433",
+  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.")
+}, {
+  title: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432",
+  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))
+}];
+var _default = exports["default"] = {
+  title: 'FeaturesGridV3',
+  component: _FeaturesGridV["default"]
+};
+var FeaturesGridTest = exports.FeaturesGridTest = function FeaturesGridTest() {
+  return /*#__PURE__*/_react["default"].createElement(_FeaturesGridV["default"], {
+    title: "\u041F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0430",
+    description: '60% клиентов сотрудничают с нами уже более 2-х лет',
+    list: advantages_list
+  });
+};

package/dist/components/ConstructorComponents/HeaderV3/HeaderV3.js

@@ -124,9 +124,7 @@ var HeaderV3 = function HeaderV3(_ref) {
       alt: "icon"
     }), el);
   }) : name_service && /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      background: color || ''
-    },
+    // style={{ background: color || '' }}
     className: "header-v3__service"
   }, icon_service && /*#__PURE__*/_react["default"].createElement(_image["default"], {
     src: icon_service,

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

@@ -29,6 +29,7 @@ var _PointsListV = _interopRequireDefault(require("../PointsListV2/PointsListV2"
 var _VideoBlockV = _interopRequireDefault(require("../VideoBlockV2/VideoBlockV2"));
 var _SmartReplies = _interopRequireDefault(require("../SmartReplies/SmartReplies"));
 var _CardsWithButton = _interopRequireDefault(require("../CardsWithButton/CardsWithButton"));
+var _CardsWithButtonV = _interopRequireDefault(require("../CardsWithButtonV2/CardsWithButtonV2"));
 var _LogosStrip = _interopRequireDefault(require("../LogosStrip/LogosStrip"));
 var _decstope = _interopRequireDefault(require("./img/decstope.jpg"));
 var _discount = _interopRequireDefault(require("./img/01-discount.svg"));
@@ -58,7 +59,7 @@ var steps = [{
 var advantages_list = [{
   title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
   icon: _discount["default"],
-  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))
+  description: ['Автоматизация ценообразования', 'Аналитика ', 'Реклама и маркетинг', 'Работа с контентом', 'Мониторинг конкурентов']
 }, {
   title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
   icon: _discount["default"],
@@ -237,7 +238,8 @@ var MainContainerTest = exports.MainContainerTest = function MainContainerTest()
     violet: true,
     title: "\u041F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0430",
     description: '60% клиентов сотрудничают с нами уже более 2-х лет',
-    list: advantages_list
+    list: advantages_list,
+    dots: true
   }), /*#__PURE__*/_react["default"].createElement(_StatisticCardV["default"], {
     reverse: true,
     list: cards_list
@@ -253,6 +255,13 @@ var MainContainerTest = exports.MainContainerTest = function MainContainerTest()
     onBtnClick: function onBtnClick() {
       return window.open('https://lk.ecomru.ru/auth', '_blank');
     }
+  }), /*#__PURE__*/_react["default"].createElement(_CardsWithButtonV["default"], {
+    title: "\u041D\u0430\u0434\u0451\u0436\u043D\u044B\u0439 \u043F\u043E\u043C\u043E\u0449\u043D\u0438\u043A \u0432 \u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u0432\u0430\u0448\u0435\u0433\u043E \u0431\u0438\u0437\u043D\u0435\u0441\u0430",
+    items: business_assistant_list,
+    btnText: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C\u0441\u044F",
+    onBtnClick: function onBtnClick() {
+      return window.open('https://lk.ecomru.ru/auth', '_blank');
+    }
   }), /*#__PURE__*/_react["default"].createElement(_PointsListV["default"], {
     list: point_list,
     title: 'Возможности нашего сервиса',

package/dist/components/ConstructorComponents/MarqueImgsV2/MarqueImgsV2.scss

@@ -28,8 +28,8 @@
 
     img {
         margin-right: 100px;
-        max-height: 50px;
-        height: 50px;
+        max-height: 40px;
+        height: 40px;
         width: auto;
         object-fit: contain;
     }
@@ -45,7 +45,7 @@
 
         img {
             margin-right: 70px;
-            max-height: 40px;
+            max-height: 36px;
         }
     }
 
@@ -59,8 +59,8 @@
         }
 
         img {
-            margin-right: 40px;
-            max-height: 36px;
+            margin-right: 24px;
+            max-height: 24px;
         }
     }
 }

package/dist/index.js

@@ -111,6 +111,12 @@ Object.defineProperty(exports, "CardsWithButton", {
     return _CardsWithButton["default"];
   }
 });
+Object.defineProperty(exports, "CardsWithButtonV2", {
+  enumerable: true,
+  get: function get() {
+    return _CardsWithButtonV["default"];
+  }
+});
 Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function get() {
@@ -153,6 +159,12 @@ Object.defineProperty(exports, "FeaturesGridV2", {
     return _FeaturesGridV["default"];
   }
 });
+Object.defineProperty(exports, "FeaturesGridV3", {
+  enumerable: true,
+  get: function get() {
+    return _FeaturesGridV2["default"];
+  }
+});
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
   get: function get() {
@@ -440,6 +452,7 @@ var _ClientsAboutUs = _interopRequireDefault(require("./components/ConstructorCo
 var _ClientsAboutUsV = _interopRequireDefault(require("./components/ConstructorComponents/ClientsAboutUsV2/ClientsAboutUsV2"));
 var _AdvantagesBlock = _interopRequireDefault(require("./components/ConstructorComponents/AdvantagesBlock/AdvantagesBlock"));
 var _FeaturesGridV = _interopRequireDefault(require("./components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2"));
+var _FeaturesGridV2 = _interopRequireDefault(require("./components/ConstructorComponents/FeaturesGridV3/FeaturesGridV3"));
 var _CardsInfo = _interopRequireDefault(require("./components/ConstructorComponents/CardsInfo/CardsInfo"));
 var _CardsServicesV = _interopRequireDefault(require("./components/ConstructorComponents/CardsServicesV2/CardsServicesV2"));
 var _CardsServicesV2 = _interopRequireDefault(require("./components/ConstructorComponents/CardsServicesV3/CardsServicesV3"));
@@ -478,6 +491,7 @@ var _Footer = _interopRequireDefault(require("./components/ConstructorComponents
 var _PagePreviews = _interopRequireDefault(require("./components/ConstructorComponents/PagePreviews/PagePreviews"));
 var _SmartReplies = _interopRequireDefault(require("./components/ConstructorComponents/SmartReplies/SmartReplies"));
 var _CardsWithButton = _interopRequireDefault(require("./components/ConstructorComponents/CardsWithButton/CardsWithButton"));
+var _CardsWithButtonV = _interopRequireDefault(require("./components/ConstructorComponents/CardsWithButtonV2/CardsWithButtonV2"));
 var _LogosStrip = _interopRequireDefault(require("./components/ConstructorComponents/LogosStrip/LogosStrip"));
 var _ButtonBasic = _interopRequireDefault(require("./components/Buttons/ButtonBasic/ButtonBasic"));
 var _ButtonBasicV = _interopRequireDefault(require("./components/Buttons/ButtonBasicV2/ButtonBasicV2"));

package/package.json

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