ecomlab-components-next 0.1.257 → 0.1.260

package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.js

@@ -16,7 +16,9 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var ButtonBasicV2 = function ButtonBasicV2(_ref) {
-  var text = _ref.text,
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    text = _ref.text,
     _onClick = _ref.onClick,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 210 : _ref$width,
@@ -27,58 +29,29 @@ var ButtonBasicV2 = function ButtonBasicV2(_ref) {
     props = _ref.props,
     maxWidth = _ref.maxWidth,
     style = _ref.style,
-    _ref$blue = _ref.blue,
-    blue = _ref$blue === void 0 ? false : _ref$blue,
-    _ref$orange = _ref.orange,
-    orange = _ref$orange === void 0 ? false : _ref$orange,
-    _ref$red = _ref.red,
-    red = _ref$red === void 0 ? false : _ref$red,
     _ref$green = _ref.green,
     green = _ref$green === void 0 ? false : _ref$green,
-    _ref$whiteBlue = _ref.whiteBlue,
-    whiteBlue = _ref$whiteBlue === void 0 ? false : _ref$whiteBlue,
-    _ref$grey = _ref.grey,
-    grey = _ref$grey === void 0 ? false : _ref$grey,
-    _ref$violet = _ref.violet,
-    violet = _ref$violet === void 0 ? false : _ref$violet,
-    _ref$lilac = _ref.lilac,
-    lilac = _ref$lilac === void 0 ? false : _ref$lilac,
-    _ref$action = _ref.action,
-    action = _ref$action === void 0 ? false : _ref$action,
     _ref$white = _ref.white,
-    white = _ref$white === void 0 ? false : _ref$white,
-    _ref$whiteGreen = _ref.whiteGreen,
-    whiteGreen = _ref$whiteGreen === void 0 ? false : _ref$whiteGreen,
-    _ref$darkViolet = _ref.darkViolet,
-    darkViolet = _ref$darkViolet === void 0 ? false : _ref$darkViolet;
+    white = _ref$white === void 0 ? false : _ref$white;
   // Если передан только "width" - то она становится статичной шириной, кнопка не расширяется и не сужается
   // Если передана "minWidth" кнопка становится пластичной и тянется до with(наибольшей ширины), minWidt(наименьшей ширины)
 
-  var colorClassName = function colorClassName() {
-    if (blue) return 'blue-btn2';
-    if (whiteBlue) return 'white-blue-btn2';
-    if (green) return 'green-btn2';
-    if (orange) return 'orange-btn2';
-    if (red) return 'red-btn2';
-    if (grey) return 'grey-btn2';
-    if (violet) return 'violet-btn2';
-    if (lilac) return 'lilac-btn2';
-    if (action) return 'action-btn2';
-    if (white) return 'white-btn2';
-    if (whiteGreen) return 'white-green-btn2';
-    if (darkViolet) return 'dark-violet-btn2';
+  var getColorClass = function getColorClass() {
+    if (green) return 'btn-basic-v2__green';
+    if (white) return 'btn-basic-v2__white';
+    return 'btn-basic-v2--violet';
   };
   return /*#__PURE__*/_react["default"].createElement("button", _extends({
-    className: "btn-basic2 ".concat(colorClassName() || 'violet-btn2'),
+    className: "btn-basic-v2 ".concat(getColorClass(), " ").concat(className),
     disabled: disabled,
-    style: _objectSpread(_defineProperty({
+    style: _objectSpread({
       minWidth: minWidth ? minWidth : '',
       width: width ? width : '',
       maxWidth: maxWidth ? maxWidth : '',
       height: size ? size : '40px'
-    }, "maxWidth", maxWidth ? maxWidth : ''), style),
+    }, style),
     onClick: function onClick(e) {
-      return _onClick(e);
+      return _onClick && _onClick(e);
     }
   }, props), text);
 };

package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.scss

@@ -1,55 +1,63 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../../ConstructorComponents/variables.scss';
 
-.btn-basic2 {
-    width: 100%;
-    min-height: 32px;
-    font-size: 14px;
-    // max-width: 200px;
-    width: 200px;
-    border-radius: 8px;
+.btn-basic-v2 {
+    font-family: 'Manrope', sans-serif;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
     border: none;
-    //margin-top: 32px;
-    color: white;
-    font-weight: 700;
-    min-width: 120px;
-    padding: 4px 8px;
+    border-radius: 10px;
+    font-weight: 600;
     cursor: pointer;
+    transition: all 0.2s ease;
+    padding: 0 24px;
 
-    * {
-        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    &:active {
+        transform: translateY(0);
     }
-}
 
-.green-btn2 {
-    background-color: $green;
-    box-shadow: 0 8px 24px rgba(5, 150, 105, 0.3);
+    &__green {
+        background: $green;
+        color: $white;
 
-    &:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 8px 24px rgba(5, 150, 105, 0.4);
-        background: $green-dark;
-        transition: 0.5s;
+        &:hover {
+            background: $green-dark;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 16px rgba(5, 150, 105, 0.35);
+        }
     }
 
-    &[disabled] {
-        position: relative;
-        cursor: not-allowed;
-        background-color: #BBF7D0;
-        color: #ffffff;
-        -webkit-box-shadow: none;
-        -moz-box-shadow: none;
-        box-shadow: none;
+    &__white {
+        background: $white;
+        color: $green;
+        border: 1px solid $border;
 
         &:hover {
-            box-shadow: none;
-            background-color: #BBF7D0;
-            box-shadow: none;
+            background: $green-light-bg;
+            transform: translateY(-2px);
         }
+    }
 
-        &:active {
-            border: none;
+    &:disabled {
+        opacity: 0.6;
+        cursor: not-allowed;
+        
+        &:hover {
+            transform: none;
+            box-shadow: none;
         }
+    }
 
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
     }
 }

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

@@ -3,212 +3,130 @@
 
 .articles-v2 {
     font-family: 'Manrope', sans-serif;
-    background: var(--bg, #F7F8FC);
+    background: $bg;
     width: 100%;
-    padding: 96px 48px;
+    padding: 96px 40px;
 
-* {
+    * {
         font-family: 'Manrope', 'Golos Text', sans-serif !important;
     }
-}
-
-.articles-v2__inner {
-    max-width: 1280px;
-    margin: 0 auto;
-    display: flex;
-    flex-direction: column;
-    gap: 56px;
-}
 
-/* ── Header (центрированный) ── */
-.articles-v2__header {
-    text-align: center;
-    width: 100%;
-}
-
-.articles-v2__header-left {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-    align-items: center;
-}
-
-.articles-v2__title {
-    font-size: 30px;
-    font-weight: 800;
-    letter-spacing: -0.5px;
-    color: var(--text, #1A1A2E);
-    margin: 0;
-}
-
-.articles-v2__subtitle {
-    font-size: 15px;
-    color: var(--muted, #6B7280);
-    line-height: 1.5;
-    max-width: 440px;
-    margin: 0;
-}
-
-/* ── Grid (3 колонки, карточки переносятся) ── */
-.articles-v2__grid {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 32px;
-    justify-content: center;
-}
-
-/* Карточки — фиксированная ширина, не сужаются */
-.articles-v2__grid > * {
-    background: #fff;
-    border: 1px solid #E5E7EB;
-    border-radius: 20px;
-    padding: 32px 28px 36px;
-    display: flex;
-    flex-direction: column;
-    transition: transform 0.2s ease, box-shadow 0.2s ease;
-    border-top: 3px solid $green;
-    width: calc(33.333% - 22px);
-    min-width: 280px;
-    flex: 1 1 auto;
-    
-    &:hover {
-        transform: translateY(-4px);
-        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
+    &__inner {
+        max-width: 1280px;
+        margin: 0 auto;
+        display: flex;
+        flex-direction: column;
+        gap: 56px;
     }
-}
-
-/* ========== МОБИЛЬНАЯ ВЕРСТКА (перенос карточек) ========== */
 
-/* Планшеты — 2 колонки */
-@media (max-width: 1024px) {
-    .articles-v2 {
-        padding: 72px 32px;
+    &__header {
+        text-align: center;
+        width: 100%;
     }
 
-    .articles-v2__grid > * {
-        width: calc(50% - 16px);
-        min-width: 260px;
+    &__header-left {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        align-items: center;
     }
 
-    .articles-v2__title {
-        font-size: 28px;
-    }
-    
-    .articles-v2__subtitle {
-        font-size: 14px;
-    }
-    
-    .articles-v2__grid {
-        gap: 24px;
+    &__title {
+        font-size: 30px;
+        font-weight: 800;
+        letter-spacing: -0.5px;
+        color: $text;
+        margin: 0;
     }
-}
 
-/* Маленькие планшеты */
-@media (max-width: 768px) {
-    .articles-v2 {
-        padding: 60px 24px;
-    }
-    
-    .articles-v2__inner {
-        gap: 40px;
+    &__subtitle {
+        font-size: 15px;
+        color: $muted;
+        line-height: 1.5;
+        max-width: 440px;
+        margin: 0;
     }
-    
-    .articles-v2__title {
-        font-size: 26px;
-    }
-    
-    .articles-v2__grid {
-        gap: 20px;
-    }
-    
-    .articles-v2__grid > * {
-        width: calc(50% - 10px);
-        min-width: 250px;
-        padding: 24px 20px 28px;
+
+    &__grid {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 32px;
+        justify-content: center;
+    }
+
+    &__grid > * {
+        background: $white;
+        border: 1px solid $border;
+        border-radius: 20px;
+        padding: 12px;
+        display: flex;
+        flex-direction: column;
+        transition: transform 0.2s ease, box-shadow 0.2s ease;
+        border-top: 3px solid $green;
+        width: calc(33.333% - 22px);
+        min-width: 280px;
+        flex: 1 1 auto;
+        
+        &:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
+        }
+    }
+
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
     }
 }
 
-/* Мобильные устройства — 1 колонка */
-@media (max-width: 600px) {
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
     .articles-v2 {
-        padding: 48px 20px;
-    }
-    
-    .articles-v2__inner {
-        gap: 32px;
-    }
-    
-    .articles-v2__title {
-        font-size: 24px;
-    }
-    
-    .articles-v2__subtitle {
-        font-size: 14px;
-        max-width: 100%;
-    }
-    
-    .articles-v2__grid {
-        gap: 16px;
-    }
-    
-    .articles-v2__grid > * {
-        width: 100%;
-        min-width: auto;
-        padding: 20px 18px 24px;
+        padding: 72px 24px;
+
+        &__title {
+            font-size: 26px;
+        }
+        
+        &__subtitle {
+            font-size: 14px;
+        }
+        
+        &__grid {
+            gap: 24px;
+        }
     }
 }
 
-/* Маленькие телефоны */
-@media (max-width: 480px) {
+// Планшет (до 1024px) - 2 колонки
+@media (max-width: 1024px) {
     .articles-v2 {
-        padding: 40px 16px;
-    }
-    
-    .articles-v2__inner {
-        gap: 28px;
-    }
-    
-    .articles-v2__title {
-        font-size: 22px;
-    }
-    
-    .articles-v2__subtitle {
-        font-size: 13px;
-    }
-    
-    .articles-v2__grid {
-        gap: 14px;
-    }
-    
-    .articles-v2__grid > * {
-        padding: 18px 16px 20px;
-        border-radius: 16px;
+        padding: 72px 24px;
+
+        &__grid > * {
+            width: calc(50% - 12px);
+            min-width: 260px;
+        }
     }
 }
 
-/* Самые маленькие экраны */
-@media (max-width: 375px) {
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
     .articles-v2 {
-        padding: 32px 12px;
-    }
-    
-    .articles-v2__inner {
-        gap: 24px;
-    }
-    
-    .articles-v2__title {
-        font-size: 20px;
-    }
-    
-    .articles-v2__subtitle {
-        font-size: 12px;
-    }
-    
-    .articles-v2__grid {
-        gap: 12px;
-    }
-    
-    .articles-v2__grid > * {
-        padding: 16px 14px 18px;
+        padding: 40px 20px;
+
+        &__title {
+            font-size: 22px;
+        }
+        
+        &__subtitle {
+            font-size: 13px;
+        }
     }
 }

package/dist/components/ConstructorComponents/BlocksInfoV2/BlocksInfoV2.js

@@ -95,7 +95,7 @@ var form_data_ECOMRU = [{
   required: true
 }];
 var BlocksInfo = function BlocksInfo(_ref) {
-  var _window;
+  var _window, _window2;
   var title = _ref.title,
     subTitle = _ref.subTitle,
     _ref$list = _ref.list,
@@ -108,15 +108,12 @@ var BlocksInfo = function BlocksInfo(_ref) {
     isForm = _ref$isForm === void 0 ? false : _ref$isForm,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? null : _ref$onClick;
-  var _useState = (0, _react.useState)(''),
+  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
+  var currentUrl = (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.location) === null || _window2 === void 0 ? void 0 : _window2.href;
+  var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    refPage = _useState2[0],
-    setRefPage = _useState2[1];
-  var currentUrl = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.href;
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isModal = _useState4[0],
-    _setIsModal = _useState4[1];
+    isModal = _useState2[0],
+    _setIsModal = _useState2[1];
   var currentProps = function currentProps() {
     if (currentUrl !== null && currentUrl !== void 0 && currentUrl.includes('dotask.ru')) {
       return {
@@ -140,15 +137,10 @@ var BlocksInfo = function BlocksInfo(_ref) {
     } else if (onClick) {
       onClick();
     } else {
-      var _window2;
-      (_window2 = window) === null || _window2 === void 0 || _window2.open("".concat(linkMain, "/auth").concat(refPage), '_blank');
+      var _window3;
+      (_window3 = window) === null || _window3 === void 0 || _window3.open("".concat(linkMain, "/auth").concat(current_query), '_blank');
     }
   };
-  (0, _react.useEffect)(function () {
-    var _window3;
-    var currentUrl = (_window3 = window) === null || _window3 === void 0 || (_window3 = _window3.location) === null || _window3 === void 0 ? void 0 : _window3.href;
-    setRefPage("?ref_page=".concat(currentUrl));
-  }, []);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isModal && /*#__PURE__*/_react["default"].createElement(_ModalBitrixForm["default"], _extends({
     modal: true,
     setIsModal: function setIsModal(e) {
@@ -156,15 +148,17 @@ var BlocksInfo = function BlocksInfo(_ref) {
     },
     formTitle: 'Желаемый способ связи'
   }, currentProps())), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("section", {
-    className: "lbi2-root ".concat(className)
+    className: "blocks-info-v2 ".concat(className)
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "lbi2-inner"
-  }, (title || subTitle) && /*#__PURE__*/_react["default"].createElement("div", null, title && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "lbi2-section-title"
+    className: "blocks-info-v2__inner"
+  }, (title || subTitle) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "blocks-info-v2__header"
+  }, title && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "blocks-info-v2__title"
   }, title), subTitle && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "lbi2-section-sub"
+    className: "blocks-info-v2__subtitle"
   }, subTitle)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "lbi2-items"
+    className: "blocks-info-v2__items"
   }, list.map(function (_ref2, ind) {
     var label = _ref2.label,
       img = _ref2.img,
@@ -173,14 +167,11 @@ var BlocksInfo = function BlocksInfo(_ref) {
     var isReverse = ind % 2 === 0;
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: label + ind,
-      className: "lbi2-item ".concat(isReverse ? 'lbi2-item--reverse' : 'lbi2-item--normal'),
-      style: {
-        flexDirection: isReverse ? 'row-reverse' : 'row'
-      }
+      className: "blocks-info-v2__item ".concat(isReverse ? 'blocks-info-v2__item_reverse' : 'blocks-info-v2__item_normal')
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "lbi2-img-box"
+      className: "blocks-info-v2__image-box"
     }, /*#__PURE__*/_react["default"].createElement("img", {
-      className: "lbi2-img",
+      className: "blocks-info-v2__image",
       loading: "lazy",
       decoding: "async",
       src: img || 'https://dl.ecomru.ru:9001/dev-images/3_12.png',
@@ -188,17 +179,17 @@ var BlocksInfo = function BlocksInfo(_ref) {
     }), !img && /*#__PURE__*/_react["default"].createElement("img", {
       loading: "lazy",
       decoding: "async",
-      className: "lbi2-img-dev",
+      className: "blocks-info-v2__image-dev",
       src: "https://dl.ecomru.ru:9001/dev-images/frame_1321317238.png",
       alt: ""
     })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "lbi2-info-box"
+      className: "blocks-info-v2__info"
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "lbi2-badge"
+      className: "blocks-info-v2__badge"
     }, "0", ind + 1), label && /*#__PURE__*/_react["default"].createElement("h3", {
-      className: "lbi2-title-card"
+      className: "blocks-info-v2__card-title"
     }, label), description && /*#__PURE__*/_react["default"].createElement("p", {
-      className: "lbi2-description"
+      className: "blocks-info-v2__description"
     }, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
       size: '52px',
       green: true,