ecomlab-components-next 0.1.243 → 0.1.245

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

@@ -124,13 +124,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/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

@@ -153,6 +153,12 @@ Object.defineProperty(exports, "Header", {
     return _Header["default"];
   }
 });
+Object.defineProperty(exports, "HeaderV2", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderV["default"];
+  }
+});
 Object.defineProperty(exports, "InputDinamycPlaceholder", {
   enumerable: true,
   get: function get() {
@@ -357,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() {
@@ -376,12 +388,14 @@ var _AdvantagesBlock = _interopRequireDefault(require("./components/ConstructorC
 var _FeaturesGridV = _interopRequireDefault(require("./components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2"));
 var _CardsInfo = _interopRequireDefault(require("./components/ConstructorComponents/CardsInfo/CardsInfo"));
 var _Header = _interopRequireDefault(require("./components/ConstructorComponents/Header/Header"));
+var _HeaderV = _interopRequireDefault(require("./components/ConstructorComponents/HeaderV2/HeaderV2"));
 var _PhoneBlock = _interopRequireDefault(require("./components/ConstructorComponents/PhoneBlock/PhoneBlock"));
 var _PhoneBlockV = _interopRequireDefault(require("./components/ConstructorComponents/PhoneBlockV2/PhoneBlockV2"));
 var _Questions = _interopRequireDefault(require("./components/ConstructorComponents/Questions/Questions"));
 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.243",
+  "version": "0.1.245",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [