ecomlab-components-next 0.1.257 → 0.1.260

package/dist/components/ConstructorComponents/QuestionsV2/QuestionsV2.scss

@@ -1,9 +1,11 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../variables.scss';
 
-.questions-section {
-    padding: 96px 48px;
-    background: var(--bg, #F7F8FC);
+.questions-v2 {
+    font-family: 'Manrope', sans-serif;
+    background: $bg;
+    width: 100%;
+    padding: 96px 40px;
 
     * {
         font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -24,11 +26,11 @@
         font-weight: 800;
         letter-spacing: -0.5px;
         margin-bottom: 8px;
-        color: var(--text, #1A1A2E);
+        color: $text;
     }
 
     &__subtitle {
-        color: var(--muted, #6B7280);
+        color: $muted;
         font-size: 15px;
         line-height: 1.6;
     }
@@ -42,21 +44,19 @@
     }
 
     &__item {
-        background: var(--white, #FFFFFF);
-        border-radius: 12px;
-        border: 1px solid var(--border, #E5E7EB);
+        background: $white;
+        border-radius: 20px;
+        border: 1px solid $border;
         overflow: hidden;
         transition: all 0.5s ease;
 
-        &.open {
-            transition: all 0.5s ease;
-
-            .questions-section__icon {
+        &_open {
+            .questions-v2__icon {
                 transform: rotate(45deg);
-                color: var($green, $green);
+                color: $green;
             }
 
-            .questions-section__answer {
+            .questions-v2__answer {
                 max-height: 600px;
             }
         }
@@ -69,10 +69,10 @@
         align-items: center;
         cursor: pointer;
         font-weight: 600;
-        font-size: 15px;
+        font-size: 16px;
         user-select: none;
         transition: color 0.2s ease;
-        color: var(--text, #1A1A2E);
+        color: $text;
 
         &:hover {
             color: $green;
@@ -85,9 +85,9 @@
     }
 
     &__icon {
-        font-size: 18px;
+        font-size: 20px;
         font-weight: 400;
-        color: var(--muted, #6B7280);
+        color: $muted;
         transition: transform 0.3s ease, color 0.2s ease;
         flex-shrink: 0;
         margin-left: 16px;
@@ -101,16 +101,28 @@
 
     &__answer-text {
         font-size: 14px;
-        color: var(--muted, #6B7280);
+        color: $muted;
         line-height: 1.7;
         margin: 0 20px 16px;
     }
+
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
 }
 
-// Мобильная верстка
-@media (max-width: 768px) {
-    .questions-section {
-        padding: 56px 20px;
+// Мобильная версия (до 768px)
+@media (max-width: 1100px) {
+    .questions-v2 {
+        padding: 72px 24px;
 
         &__inner {
             max-width: 100%;
@@ -121,7 +133,7 @@
         }
 
         &__title {
-            font-size: 24px;
+            font-size: 26px;
         }
 
         &__subtitle {
@@ -138,14 +150,10 @@
         }
 
         &__icon {
-            font-size: 16px;
+            font-size: 18px;
             margin-left: 12px;
         }
 
-        &.open .questions-section__answer {
-            // padding: 0 20px 16px;
-        }
-
         &__answer-text {
             font-size: 13px;
             line-height: 1.6;
@@ -153,27 +161,21 @@
     }
 }
 
-// Для очень маленьких экранов
-@media (max-width: 480px) {
-    .questions-section {
-        padding: 48px 16px;
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .questions-v2 {
+        padding: 40px 20px;
 
-        &__question {
-            padding: 14px 16px;
-            font-size: 13px;
-        }
-
-        &__icon {
-            font-size: 15px;
-            margin-left: 10px;
+        &__title {
+            font-size: 22px;
         }
 
-        &.open .questions-section__answer {
-            padding: 0 16px 14px;
+        &__subtitle {
+            font-size: 13px;
         }
 
-        &__answer-text {
-            font-size: 12px;
+        &__question {
+            padding: 12px 16px;
         }
     }
 }

package/dist/components/ConstructorComponents/ServicesSectionV2/ServicesSectionV2.js

@@ -108,8 +108,10 @@ var ImagePlaceholder = function ImagePlaceholder(_ref) {
 var ServicesSectionV2 = function ServicesSectionV2(_ref2) {
   var _window;
   var _ref2$items = _ref2.items,
-    items = _ref2$items === void 0 ? list_default : _ref2$items;
-  var currentUrl = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
+    items = _ref2$items === void 0 ? list_default : _ref2$items,
+    _ref2$linkMain = _ref2.linkMain,
+    linkMain = _ref2$linkMain === void 0 ? 'https://lk.ecomru.ru' : _ref2$linkMain;
+  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
   var _useState = (0, _react.useState)(items[0]),
     _useState2 = _slicedToArray(_useState, 2),
     activeItem = _useState2[0],
@@ -177,7 +179,7 @@ var ServicesSectionV2 = function ServicesSectionV2(_ref2) {
     onClick: function onClick(e) {
       var _window2;
       e.preventDefault();
-      (_window2 = window) === null || _window2 === void 0 || _window2.open("https://lk.ecomru.ru/auth".concat(currentUrl), '_blank');
+      (_window2 = window) === null || _window2 === void 0 || _window2.open("".concat(linkMain, "/auth").concat(current_query), '_blank');
     },
     href: activeItem.link,
     className: "services-v2__link"

package/dist/components/ConstructorComponents/SmartReplies/SmartReplies.js

@@ -7,7 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _ButtonBasicV = _interopRequireDefault(require("@/components/Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./SmartReplies.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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -120,9 +122,12 @@ var SmartReplies = function SmartReplies(_ref) {
     }, /*#__PURE__*/_react["default"].createElement("p", null, review.answer))));
   })), reviews.length > 2 && visibleCount < reviews.length && /*#__PURE__*/_react["default"].createElement("div", {
     className: "smart-replies__show-more"
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    className: "smart-replies__show-more-btn",
-    onClick: showMore
-  }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435"))));
+  }, /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    className: "phone-block-v2__btn",
+    white: true,
+    onClick: showMore,
+    text: 'Показать еще',
+    size: "52px"
+  }))));
 };
 var _default = exports["default"] = SmartReplies;

package/dist/components/ConstructorComponents/SmartReplies/SmartReplies.scss

@@ -1,17 +1,15 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../variables.scss';
 
-$text: #1A1A2E;
-$muted: #6B7280;
-$border: #E5E7EB;
-$bg: #F7F8FC;
-$white: #FFFFFF;
-
 .smart-replies {
     font-family: 'Manrope', sans-serif;
     background: $white;
     width: 100%;
-    padding: 96px 48px;
+    padding: 96px 40px;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
 
     &__inner {
         max-width: 1280px;
@@ -183,75 +181,50 @@ $white: #FFFFFF;
         }
     }
 
-    // ========== МОБИЛЬНАЯ АДАПТАЦИЯ ==========
-
-    @media (max-width: 1024px) {
-        padding: 72px 32px;
-    }
-
-    @media (max-width: 900px) {
-        &__grid {
-            grid-template-columns: 1fr;
-            gap: 20px;
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
         }
     }
+}
 
-    @media (max-width: 768px) {
-        padding: 60px 24px;
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .smart-replies {
+        padding: 72px 24px;
 
         &__title {
             font-size: 26px;
         }
 
-        &__subtitle {
-            font-size: 14px;
-            margin-bottom: 40px;
-        }
-
-        &__card {
-            padding: 20px;
-        }
-
-        &__show-more {
-            margin-top: 40px;
+        &__grid {
+            grid-template-columns: 1fr;
+            gap: 20px;
         }
     }
+}
 
-    @media (max-width: 600px) {
-        padding: 48px 20px;
-    }
-
-    @media (max-width: 500px) {
-        padding: 48px 16px;
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .smart-replies {
+        padding: 40px 20px;
 
         &__title {
-            font-size: 24px;
+            font-size: 22px;
         }
 
         &__subtitle {
             font-size: 13px;
+            margin-bottom: 32px;
         }
 
-        &__card-header {
-            flex-direction: column;
-            align-items: flex-start;
-        }
-
-        &__show-more-btn {
-            padding: 10px 24px;
-            font-size: 14px;
-        }
-    }
-
-    @media (max-width: 375px) {
-        padding: 36px 12px;
-
-        &__title {
-            font-size: 22px;
-        }
-
-        &__subtitle {
-            font-size: 12px;
+        &__grid {
+            gap: 16px;
         }
 
         &__card {
@@ -266,5 +239,10 @@ $white: #FFFFFF;
         &__show-more {
             margin-top: 32px;
         }
+
+        &__show-more-btn {
+            padding: 10px 20px;
+            font-size: 13px;
+        }
     }
 }

package/dist/components/ConstructorComponents/StatisticCardV2/StatisticCardV2.js

@@ -14,9 +14,9 @@ var StatisticCardV2 = function StatisticCardV2(_ref) {
     _ref$reverse = _ref.reverse,
     reverse = _ref$reverse === void 0 ? false : _ref$reverse;
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic2')
+    className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic-card-v2')
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic2__cards')
+    className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic-card-v2__cards')
   }, list.map(function (_ref2) {
     var label = _ref2.label,
       sum = _ref2.sum,
@@ -24,15 +24,11 @@ var StatisticCardV2 = function StatisticCardV2(_ref) {
     if (label && sum) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: label + sum,
-        className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic2__card'),
-        style: {
-          flexDirection: reverse ? 'column-reverse' : '',
-          justifyContent: !reverse ? 'flex-start' : 'flex-end'
-        }
+        className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic-card-v2__card', reverse ? 'statistic-card-v2__card_reverse' : 'statistic-card-v2__card_normal')
       }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic2__card_name')
+        className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic-card-v2__label')
       }, reverse ? sum === null || sum === void 0 ? void 0 : sum.toLocaleString() : label), /*#__PURE__*/_react["default"].createElement("span", {
-        className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic2__card_sum'),
+        className: (0, _utils.classes)(_StatisticCardV2Module["default"], 'statistic-card-v2__sum'),
         style: {
           color: color || ''
         }

package/dist/components/ConstructorComponents/StatisticCardV2/StatisticCardV2.module.scss

@@ -1,10 +1,10 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../variables.scss';
 
-.statistic2 {
-    background: linear-gradient(135deg, #1A1A2E 0%, $green-dark 100%);
-    padding: 80px 48px;
+.statistic-card-v2 {
+    background: linear-gradient(135deg, $text 0%, $green-dark 100%);
     width: 100%;
+    padding: 96px 40px;
 
     * {
         font-family: 'Manrope', 'Golos Text', sans-serif !important;
@@ -23,132 +23,95 @@
         display: flex;
         flex-direction: column;
         gap: 8px;
+
+        &_reverse {
+            flex-direction: column-reverse;
+            justify-content: flex-end;
+        }
+
+        &_normal {
+            flex-direction: column;
+            justify-content: flex-start;
+        }
     }
 
-    &__card_sum {
+    &__sum {
         font-size: 52px;
         font-weight: 800;
         letter-spacing: -2px;
-        background: linear-gradient(135deg, #fff 0%, $green-light-bg 100%);
+        background: linear-gradient(135deg, $white 0%, $green-light-bg 100%);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
         line-height: 1.1;
     }
 
-    &__card_name {
+    &__label {
         font-size: 14px;
         color: rgba(255, 255, 255, 0.6);
         line-height: 1.4;
     }
-}
-
-// При reverse режиме (если нужно инвертированное отображение)
-.statistic2__card[style*="column-reverse"] {
-    .statistic2__card_sum {
-        margin-bottom: 0;
-    }
-
-    .statistic2__card_name {
-        margin-top: 0;
-    }
-}
 
-// ========== МОБИЛЬНАЯ АДАПТАЦИЯ ==========
-@media (max-width: 1024px) {
-    .statistic2 {
-        padding: 70px 32px;
-        
-        &__cards {
-            gap: 32px;
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
         }
-        
-        &__card_sum {
-            font-size: 46px;
-            letter-spacing: -1.5px;
-        }
-        
-        &__card_name {
-            font-size: 13px;
+        to {
+            opacity: 1;
+            transform: translateY(0);
         }
     }
 }
 
-@media (max-width: 768px) {
-    .statistic2 {
-        padding: 60px 24px;
-        
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .statistic-card-v2 {
+        padding: 72px 24px;
+
         &__cards {
             grid-template-columns: repeat(2, 1fr);
             gap: 32px;
         }
-        
-        &__card_sum {
-            font-size: 42px;
+
+        &__sum {
+            font-size: 46px;
             letter-spacing: -1.5px;
         }
-        
-        &__card_name {
+
+        &__label {
             font-size: 13px;
         }
     }
 }
 
-@media (max-width: 600px) {
-    .statistic2 {
-        padding: 50px 20px;
-        
-        &__cards {
-            gap: 28px;
-        }
-        
-        &__card_sum {
-            font-size: 38px;
-            letter-spacing: -1px;
-        }
-        
-        &__card_name {
-            font-size: 12px;
-        }
-    }
-}
 
+// Мобильная версия (до 480px) - 1 колонка
 @media (max-width: 480px) {
-    .statistic2 {
-        padding: 40px 16px;
-        
+    .statistic-card-v2 {
+      
         &__cards {
             grid-template-columns: 1fr;
             gap: 28px;
         }
-        
-        &__card_sum {
-            font-size: 44px;
-            letter-spacing: -1px;
-        }
-        
-        &__card_name {
-            font-size: 14px;
-            max-width: 260px;
-            margin: 0 auto;
-            line-height: 1.4;
-        }
     }
 }
 
-@media (max-width: 375px) {
-    .statistic2 {
-        padding: 32px 16px;
-        
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .statistic-card-v2 {
+        padding: 40px 20px;
+
         &__cards {
             gap: 24px;
         }
-        
-        &__card_sum {
+
+        &__sum {
             font-size: 36px;
+            letter-spacing: -1px;
         }
-        
-        &__card_name {
+
+        &__label {
             font-size: 12px;
             max-width: 220px;
         }