ecomlab-components-next 0.1.244 → 0.1.246

package/dist/components/ConstructorComponents/ClientsAboutUsV2/ClientsAboutUsV2.scss

@@ -5,8 +5,8 @@
     padding: 96px 48px;
     background: #FFFFFF;
     
-    * {
-        font-family: 'Manrope', 'Golos Text', sans-serif;
+* {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
     }
     
     // Заголовок секции

package/dist/components/ConstructorComponents/FormV2/FormV2.js

@@ -1,4 +1,5 @@
 "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", {
@@ -17,7 +18,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 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; } // FormV2.jsx — альтернативная версия с кастомной кнопкой, если ButtonBasic не гибкий
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // DOTASK (токены без изменений)
 var token_DOTASK = 'gAAAAABopIEPlTICTdgD52GgH_GRFS30Tou2Ok2ICeC3ECQ8_aSQMMjTqU0HS7y9krbifcKbXroyR0iMmN6UXq1KL4xP0UtjYg==';
 var url_DOTASK = "https://apps0.ecomru.ru:4447/api/crm/deals/create?step_id=167&token=".concat(token_DOTASK, "&author=546&responsible=546");
@@ -124,13 +125,13 @@ var FormV2 = function FormV2(_ref) {
     setIsModal: setIsModal,
     formTitle: 'Желаемый способ связи'
   }, currentProps())), /*#__PURE__*/_react["default"].createElement("section", {
-    className: "form-with-btn"
+    className: "form-with-btn2"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "form-with-btn__title"
+    className: "form-with-btn2__title"
   }, title), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "form-with-btn__description"
+    className: "form-with-btn2__description"
   }, description), /*#__PURE__*/_react["default"].createElement("button", {
-    className: "form-with-btn__button",
+    className: "form-with-btn2__button",
     onClick: function onClick() {
       return setIsModal(true);
     }

package/dist/components/ConstructorComponents/FormV2/FormV2.scss

@@ -1,7 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../variables.scss';
 
-.form-with-btn {
+.form-with-btn2 {
     background: linear-gradient(135deg, $green-forest 0%, $green-light 100%);
     padding: 48px 40px;
     text-align: center;
@@ -98,7 +98,7 @@
 
 // Мобильная адаптация
 @media (max-width: 768px) {
-    .form-with-btn {
+    .form-with-btn2 {
         padding: 36px 24px;
         border-radius: 20px;
 
@@ -123,7 +123,7 @@
 }
 
 @media (max-width: 480px) {
-    .form-with-btn {
+    .form-with-btn2 {
         padding: 28px 20px;
 
         &__title {
@@ -143,7 +143,7 @@
 }
 
 @media (min-width: 769px) and (max-width: 1024px) {
-    .form-with-btn {
+    .form-with-btn2 {
         padding: 42px 32px;
 
         &__title {

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

@@ -23,6 +23,7 @@ var _ArticlesBlockV = _interopRequireDefault(require("../ArticlesBlockV2/Article
 var _MainContainer = _interopRequireDefault(require("./MainContainer"));
 var _CardsServicesV = _interopRequireDefault(require("../CardsServicesV2/CardsServicesV2"));
 var _PointsListV = _interopRequireDefault(require("../PointsListV2/PointsListV2"));
+var _VideoBlockV = _interopRequireDefault(require("../VideoBlockV2/VideoBlockV2"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var cards_list = [{
   sum: 'Аналитика повышает продажи',
@@ -195,5 +196,7 @@ var MainContainerTest = exports.MainContainerTest = function MainContainerTest()
     list: point_list,
     title: 'Возможности нашего сервиса',
     className: 'max-items-3'
+  }), /*#__PURE__*/_react["default"].createElement(_VideoBlockV["default"], {
+    src: "https://dl.ecomru.ru:9001/redactor-videos/ecomru_1.mp4"
   }));
 };

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

@@ -34,7 +34,7 @@
 }
 
 @media (max-width: 1000px) {
-    .section-marquee {
+    .section-marquee2 {
         gap: 24px;
 
         &__title {
@@ -50,7 +50,7 @@
 }
 
 @media (max-width: 430px) {
-    .section-marquee {
+    .section-marquee2 {
         gap: 16px;
 
         &__title {

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

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true

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

@@ -1,4 +1,5 @@
 "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", {

package/dist/components/ConstructorComponents/VideoBlockV2/VideoBlockV2.js

@@ -0,0 +1,29 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./VideoBlockV2.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var VideoBlockV2 = function VideoBlockV2(_ref) {
+  var src = _ref.src,
+    hideTitle = _ref.hideTitle;
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "video-block-v2"
+  }, !hideTitle && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "video-block-v2__title"
+  }, "\u041F\u043E\u0441\u043C\u043E\u0442\u0440\u0438\u0442\u0435 \u0432\u0438\u0434\u0435\u043E \u043E \u043D\u0430\u0441"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "video-block-v2__video-box"
+  }, /*#__PURE__*/_react["default"].createElement("video", {
+    className: "video-block-v2__video",
+    src: src,
+    controls: true
+  }, /*#__PURE__*/_react["default"].createElement("source", {
+    src: src,
+    type: "video/mp4"
+  }))));
+};
+var _default = exports["default"] = VideoBlockV2;

package/dist/components/ConstructorComponents/VideoBlockV2/VideoBlockV2.scss

@@ -0,0 +1,82 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import '../variables.scss';
+
+$text: #1A1A2E;
+$white: #FFFFFF;
+$border: #E5E7EB;
+
+.video-block-v2 {
+    font-family: 'Manrope', sans-serif;
+    background: $white;
+    width: 100%;
+    padding: 96px 48px;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+
+    &__title {
+        text-align: center;
+        font-size: 30px;
+        font-weight: 800;
+        letter-spacing: -0.5px;
+        color: $text;
+        margin: 0 0 48px 0;
+    }
+
+    &__video-box {
+        width: 100%;
+        max-width: 1280px;
+        margin: 0 auto;
+        border-radius: 20px;
+        overflow: hidden;
+        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
+    }
+
+    &__video {
+        width: 100%;
+        height: auto;
+        display: block;
+        border-radius: 20px;
+    }
+
+    // Адаптация как в референсе
+    @media (max-width: 1024px) {
+        padding: 72px 32px;
+    }
+
+    @media (max-width: 900px) {
+        padding: 60px 24px;
+
+        &__title {
+            font-size: 26px;
+            margin-bottom: 40px;
+        }
+    }
+
+    @media (max-width: 768px) {
+        padding: 48px 24px;
+
+        &__title {
+            font-size: 24px;
+        }
+    }
+
+    @media (max-width: 500px) {
+        padding: 40px 16px;
+
+        &__title {
+            font-size: 22px;
+            margin-bottom: 32px;
+        }
+    }
+
+    @media (max-width: 375px) {
+        padding: 32px 12px;
+
+        &__title {
+            font-size: 20px;
+            margin-bottom: 24px;
+        }
+    }
+}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.VideoBlockV2Test = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _VideoBlockV = _interopRequireDefault(require("./VideoBlockV2"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'VideoBlockV2',
+  component: _VideoBlockV["default"]
+};
+var VideoBlockV2Test = exports.VideoBlockV2Test = function VideoBlockV2Test() {
+  return /*#__PURE__*/_react["default"].createElement(_VideoBlockV["default"], {
+    src: "https://dl.ecomru.ru:9001/redactor-videos/ecomru_1.mp4"
+  });
+};

package/dist/index.js

@@ -363,6 +363,12 @@ Object.defineProperty(exports, "VideoBlock", {
     return _VideoBlock["default"];
   }
 });
+Object.defineProperty(exports, "VideoBlockV2", {
+  enumerable: true,
+  get: function get() {
+    return _VideoBlockV["default"];
+  }
+});
 Object.defineProperty(exports, "ViewSwitch", {
   enumerable: true,
   get: function get() {
@@ -389,6 +395,7 @@ var _Questions = _interopRequireDefault(require("./components/ConstructorCompone
 var _QuestionsV = _interopRequireDefault(require("./components/ConstructorComponents/QuestionsV2/QuestionsV2"));
 var _TariffPlan = _interopRequireDefault(require("./components/ConstructorComponents/Tariff/TariffPlan"));
 var _VideoBlock = _interopRequireDefault(require("./components/ConstructorComponents/VideoBlock/VideoBlock"));
+var _VideoBlockV = _interopRequireDefault(require("./components/ConstructorComponents/VideoBlockV2/VideoBlockV2"));
 var _ArticlesBlock = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlock/ArticlesBlock"));
 var _ArticlesBlock2 = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlock2/ArticlesBlock2"));
 var _ArticlesBlockV = _interopRequireDefault(require("./components/ConstructorComponents/ArticlesBlockV2/ArticlesBlockV2"));

package/package.json

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