ecomlab-components-next 0.1.11 → 0.1.13

package/dist/components/ConstructorComponents/Tariff/imgs/bx-donate-heart.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33366 28.0013H18.1603C18.9298 28.0017 19.6902 27.8354 20.3892 27.5139C21.0882 27.1923 21.7093 26.7232 22.2097 26.1386L29.0123 18.2026C29.1548 18.0368 29.2542 17.8384 29.302 17.625C29.3497 17.4116 29.3442 17.1898 29.286 16.979C29.2277 16.7682 29.1186 16.575 28.9681 16.4164C28.8176 16.2577 28.6304 16.1386 28.423 16.0693L25.799 15.1946C25.1648 14.9885 24.4896 14.9419 23.833 15.0588C23.1765 15.1758 22.559 15.4528 22.035 15.8653L17.7883 19.2613L16.9657 17.6146C16.5249 16.727 15.8445 15.9805 15.0013 15.4598C14.1581 14.939 13.186 14.6647 12.195 14.668H5.33366C3.86299 14.668 2.66699 15.864 2.66699 17.3346V25.3346C2.66699 26.8053 3.86299 28.0013 5.33366 28.0013ZM5.33366 17.3346H12.195C13.2123 17.3346 14.1257 17.8986 14.5803 18.808L15.1763 20.0013H9.33366V22.668H17.3523C17.5575 22.6653 17.7592 22.6151 17.9417 22.5213L17.9457 22.52L17.951 22.5173H17.955L17.9577 22.516H17.963L17.9643 22.5146C17.9763 22.5186 17.9683 22.5133 17.9683 22.5133C17.9817 22.5133 17.971 22.512 17.971 22.512H17.9723L17.975 22.5106L17.979 22.5093L17.9817 22.508L17.9843 22.5066L17.9883 22.5053L17.991 22.504C17.995 22.504 17.9923 22.5026 17.9937 22.5026L17.9977 22.5L18.0003 22.4986L18.003 22.4973L18.007 22.496L18.0097 22.4946H18.011L18.0137 22.4933L18.0177 22.492L18.0203 22.4906C18.0323 22.4893 18.0243 22.4893 18.0243 22.4893L18.027 22.488C18.0784 22.457 18.1274 22.4222 18.1737 22.384L23.7017 17.9613C24.051 17.684 24.5323 17.5973 24.955 17.7386L25.6977 17.9866L20.187 24.4173C19.9335 24.7051 19.6217 24.9358 19.2723 25.0939C18.9229 25.2521 18.5439 25.3341 18.1603 25.3346H5.33366V17.3346ZM21.3337 2.66798H21.311C21.0937 2.67065 19.9697 2.71998 18.667 3.60798C17.399 2.74398 16.3017 2.67465 16.043 2.66931L16.003 2.66798H15.9977C14.9297 2.66798 13.9243 3.08531 13.1723 3.83865C12.4177 4.59465 12.0003 5.59865 12.0003 6.66798C12.0003 7.73731 12.4177 8.74131 13.1483 9.47331L17.7003 14.2546C17.8256 14.3847 17.9758 14.4881 18.1419 14.5586C18.3081 14.6292 18.4868 14.6655 18.6673 14.6654C18.8478 14.6653 19.0264 14.6287 19.1925 14.5579C19.3585 14.4871 19.5086 14.3835 19.6337 14.2533L24.1617 9.49598C24.9177 8.74131 25.3337 7.73731 25.3337 6.66798C25.3337 5.59865 24.9163 4.59465 24.163 3.83998C23.7928 3.46737 23.3523 3.17193 22.8671 2.97075C22.3819 2.76957 21.8616 2.66666 21.3363 2.66798H21.3337ZM22.667 6.66798C22.667 7.02398 22.5283 7.35865 22.2523 7.63465L18.667 11.4013L15.0577 7.61065C14.8057 7.35865 14.667 7.02398 14.667 6.66798C14.667 6.31198 14.8057 5.97731 15.059 5.72398C15.3001 5.47872 15.6284 5.33877 15.9723 5.33465C16.0057 5.33598 16.6417 5.37731 17.395 5.98131C17.503 6.06798 17.6123 6.16665 17.7243 6.27731L18.667 7.21998L19.6097 6.27731C19.7217 6.16665 19.831 6.06798 19.939 5.98131C20.6443 5.41465 21.2403 5.34398 21.3417 5.33598C21.5154 5.33595 21.6875 5.37034 21.8479 5.43716C22.0084 5.50398 22.154 5.60192 22.2763 5.72531C22.5283 5.97731 22.667 6.31198 22.667 6.66798Z" fill="#7886FF"/>
+</svg>

package/dist/components/ConstructorComponents/Tariff/imgs/bx-face.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0003 2.66797C8.64833 2.66797 2.66699 8.6493 2.66699 16.0013C2.66699 23.3533 8.64833 29.3346 16.0003 29.3346C23.3523 29.3346 29.3337 23.3533 29.3337 16.0013C29.3337 8.6493 23.3523 2.66797 16.0003 2.66797ZM16.0003 5.33464C20.2843 5.33464 23.9763 7.87864 25.6723 11.532C25.2604 11.337 24.8618 11.1152 24.479 10.868C23.9337 10.524 23.315 10.1333 22.5323 9.83864C21.6403 9.49864 20.6657 9.33464 19.5537 9.33464C18.4417 9.33464 17.467 9.49864 16.575 9.8373C15.7923 10.1346 15.1737 10.5253 14.6123 10.8786C14.1083 11.1946 13.675 11.4693 13.1417 11.6706C12.547 11.896 11.9017 12.0013 11.107 12.0013C10.3137 12.0013 9.66833 11.896 9.07499 11.6706C8.54166 11.4693 8.10433 11.1933 7.60033 10.8733C7.38566 10.7386 7.14699 10.596 6.90699 10.456C8.78299 7.39064 12.151 5.33464 16.0003 5.33464ZM16.0003 26.668C10.119 26.668 5.33366 21.8826 5.33366 16.0013C5.33366 14.9213 5.49766 13.8813 5.79766 12.8986C5.92299 12.976 6.04433 13.0453 6.17499 13.1293C6.72299 13.476 7.34299 13.868 8.12966 14.164C9.02166 14.504 9.99499 14.668 11.107 14.668C12.2177 14.668 13.1923 14.504 14.087 14.1653C14.8697 13.868 15.4883 13.4773 16.0497 13.124C16.5537 12.808 16.987 12.5333 17.5203 12.3306C18.1137 12.1066 18.759 12.0013 19.5537 12.0013C20.3483 12.0013 20.9937 12.1066 21.587 12.332C22.119 12.532 22.5537 12.8066 23.0723 13.1346C23.6177 13.4786 24.2363 13.8693 25.019 14.1653C25.503 14.3493 26.0163 14.4706 26.5563 14.5533C26.6217 15.0293 26.667 15.5093 26.667 16.0013C26.667 21.8826 21.8817 26.668 16.0003 26.668Z" fill="#D2547A"/>
+<path d="M11.333 20C12.4376 20 13.333 19.1046 13.333 18C13.333 16.8954 12.4376 16 11.333 16C10.2284 16 9.33301 16.8954 9.33301 18C9.33301 19.1046 10.2284 20 11.333 20Z" fill="#D2547A"/>
+<path d="M20.667 20C21.7716 20 22.667 19.1046 22.667 18C22.667 16.8954 21.7716 16 20.667 16C19.5624 16 18.667 16.8954 18.667 18C18.667 19.1046 19.5624 20 20.667 20Z" fill="#D2547A"/>
+</svg>

package/dist/components/ConstructorComponents/Tariff/imgs/bx-globe.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0003 2.66797C8.64833 2.66797 2.66699 8.6493 2.66699 16.0013C2.66699 23.3533 8.64833 29.3346 16.0003 29.3346C23.3523 29.3346 29.3337 23.3533 29.3337 16.0013C29.3337 8.6493 23.3523 2.66797 16.0003 2.66797ZM26.575 14.668H22.8897C22.7252 11.7496 21.9087 8.90526 20.5003 6.34397C22.1326 7.1067 23.5455 8.26983 24.6076 9.72518C25.6696 11.1805 26.3464 12.8808 26.575 14.668ZM16.707 5.37064C18.087 7.1893 19.943 10.4106 20.2097 14.668H12.0403C12.2257 11.2066 13.3657 7.96397 15.3083 5.3693C15.5377 5.35597 15.767 5.33464 16.0003 5.33464C16.239 5.33464 16.4723 5.35597 16.707 5.37064ZM11.5843 6.30397C10.2723 8.8253 9.51499 11.684 9.37366 14.668H5.42566C5.65602 12.8651 6.3425 11.1508 7.42018 9.68719C8.49786 8.22361 9.9311 7.05915 11.5843 6.30397ZM5.42566 17.3346H9.39099C9.57233 20.5066 10.2777 23.3053 11.4657 25.6413C9.84192 24.8759 8.4373 23.7135 7.3816 22.2617C6.32591 20.8098 5.65321 19.1153 5.42566 17.3346ZM15.267 26.632C13.399 24.368 12.2963 21.196 12.055 17.3346H20.2057C19.9283 21.032 18.7163 24.2626 16.735 26.6306C16.4923 26.6466 16.2497 26.668 16.0003 26.668C15.7523 26.668 15.511 26.6466 15.267 26.632ZM20.615 25.6026C21.8883 23.2106 22.6657 20.4013 22.8697 17.3346H26.5737C26.3486 19.1003 25.6856 20.7817 24.6449 22.2258C23.6042 23.6698 22.2189 24.8307 20.615 25.6026Z" fill="#8E59FF"/>
+</svg>

package/dist/components/ConstructorComponents/Tariff/imgs/bx-layout.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.3333 4H6.66667C5.196 4 4 5.196 4 6.66667V25.3333C4 26.804 5.196 28 6.66667 28H25.3333C26.804 28 28 26.804 28 25.3333V6.66667C28 5.196 26.804 4 25.3333 4ZM25.3333 6.66667L25.3347 12H6.66667V6.66667H25.3333ZM6.66667 14.6667H17.3333V25.3333H6.66667V14.6667ZM20 25.3333V14.6667H25.3347L25.336 25.3333H20Z" fill="#EE7B3B"/>
+</svg>

package/dist/components/ConstructorComponents/Tariff/imgs/bx-message-detail.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bx-message-detail.svg">
+<path id="Vector" d="M26.667 2.66406H5.33366C3.86299 2.66406 2.66699 3.86006 2.66699 5.33073V21.3307C2.66699 22.8014 3.86299 23.9974 5.33366 23.9974H9.33366V29.0201L17.703 23.9974H26.667C28.1377 23.9974 29.3337 22.8014 29.3337 21.3307V5.33073C29.3337 3.86006 28.1377 2.66406 26.667 2.66406ZM26.667 21.3307H16.9643L12.0003 24.3081V21.3307H5.33366V5.33073H26.667V21.3307Z" fill="#F168CA"/>
+<path id="Vector_2" d="M9.33301 9.33594H22.6663V12.0026H9.33301V9.33594ZM9.33301 14.6693H18.6663V17.3359H9.33301V14.6693Z" fill="#F168CA"/>
+</g>
+</svg>

package/dist/components/ConstructorComponents/Tariff/imgs/bx-notification.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12C26.2091 12 28 10.2091 28 8C28 5.79086 26.2091 4 24 4C21.7909 4 20 5.79086 20 8C20 10.2091 21.7909 12 24 12Z" fill="#EE0D5E"/>
+<path d="M24 25.332H6.66667V7.9987H17.3333C17.3333 7.04936 17.5373 6.14936 17.896 5.33203H6.66667C5.196 5.33203 4 6.52803 4 7.9987V25.332C4 26.8027 5.196 27.9987 6.66667 27.9987H24C25.4707 27.9987 26.6667 26.8027 26.6667 25.332V14.1027C25.8265 14.4733 24.9183 14.6649 24 14.6654V25.332Z" fill="#EE0D5E"/>
+</svg>

package/dist/components/ConstructorComponents/Tariff/imgs/bx-package.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.3337 10.6675C29.3466 10.5746 29.3466 10.4804 29.3337 10.3875V10.2808C29.3107 10.2064 29.2794 10.1348 29.2403 10.0675C29.223 10.0291 29.2006 9.9932 29.1737 9.96082L29.0403 9.78749L28.9337 9.70749L28.7737 9.58749L16.7737 2.92082C16.571 2.8038 16.341 2.74219 16.107 2.74219C15.8729 2.74219 15.643 2.8038 15.4403 2.92082L3.44033 9.58749L3.32033 9.68082L3.17366 9.78749C3.13492 9.83108 3.10341 9.8806 3.08033 9.93415C3.03767 9.97242 3.00162 10.0175 2.97366 10.0675C2.93904 10.126 2.91215 10.1887 2.89366 10.2542C2.8862 10.2983 2.8862 10.3434 2.89366 10.3875C2.80199 10.4665 2.72522 10.5614 2.66699 10.6675V21.3342C2.66872 21.5717 2.73391 21.8046 2.85581 22.0085C2.97771 22.2124 3.15189 22.3801 3.36033 22.4942L15.3603 29.1608C15.4154 29.193 15.4735 29.2197 15.5337 29.2408H15.667C15.886 29.294 16.1146 29.294 16.3337 29.2408H16.467L16.6537 29.1608L28.6537 22.4942C28.8596 22.3784 29.0311 22.21 29.1506 22.0061C29.2701 21.8023 29.3333 21.5704 29.3337 21.3342V10.6675ZM16.0003 15.8275L6.74699 10.6675L10.427 8.64082L19.5337 13.8408L16.0003 15.8275ZM16.0003 5.53415L25.2537 10.6675L22.267 12.3342L13.1603 7.12082L16.0003 5.53415ZM5.33366 12.9342L14.667 18.1608V25.7342L5.33366 20.5475V12.9342ZM17.3337 25.7342V18.1608L21.3337 15.9208V20.0008L24.0003 18.6675V14.4275L26.667 12.9475V20.5475L17.3337 25.7342Z" fill="#15AFB9"/>
+</svg>

package/dist/components/ConstructorComponents/Tariff/imgs/bx-slider.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3332 6.66667H29.3332V9.33333H17.3332V6.66667ZM2.6665 9.33333H11.9998V12H14.6665V4H11.9998V6.66667H2.6665V9.33333ZM11.9998 22.6667H29.3332V25.3333H11.9998V22.6667ZM25.3332 14.6667H29.3332V17.3333H25.3332V14.6667ZM22.6665 20V12.016H19.9998V14.6667H2.6665V17.3333H19.9998V20H22.6665ZM9.33317 28V20H6.6665V22.6667H2.6665V25.3333H6.6665V28H9.33317Z" fill="#A76F2D"/>
+</svg>

package/dist/components/ConstructorComponents/Tariff/imgs/check.svg

@@ -0,0 +1,6 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bx-check-square.svg">
+<path id="Vector" d="M8.19875 11.038L6.52925 9.36847L5.46875 10.429L8.29925 13.2595L12.5757 8.12947L11.4222 7.16797L8.19875 11.038Z" fill="#BABABA"/>
+<path id="Vector_2" d="M14.25 3.14844H3.75C2.92275 3.14844 2.25 3.82119 2.25 4.64844V15.1484C2.25 15.9757 2.92275 16.6484 3.75 16.6484H14.25C15.0773 16.6484 15.75 15.9757 15.75 15.1484V4.64844C15.75 3.82119 15.0773 3.14844 14.25 3.14844ZM3.75 15.1484V4.64844H14.25L14.2515 15.1484H3.75Z" fill="#BABABA"/>
+</g>
+</svg>

package/dist/components/ConstructorComponents/VideoBlock/VideoBlock.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./VideoBlock.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var VideoBlock = function VideoBlock(_ref) {
+  var src = _ref.src,
+    hideTitle = _ref.hideTitle;
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "video-block"
+  }, !hideTitle && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "video-block__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__video-box"
+  }, /*#__PURE__*/_react["default"].createElement("video", {
+    className: "video-container__video",
+    src: src,
+    controls: true
+  }, /*#__PURE__*/_react["default"].createElement("source", null))));
+};
+var _default = exports["default"] = VideoBlock;

package/dist/components/ConstructorComponents/VideoBlock/VideoBlock.scss

@@ -0,0 +1,41 @@
+.video-block {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+
+    &__title {
+        color: #333;
+        font-family: "Golos Text";
+        font-size: 42px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 51px;
+    }
+
+    &__video-box {
+        border-radius: 20px;
+        overflow: hidden;
+    }
+}
+
+@media (max-width: 1100px) {
+    .video-block {
+        gap: 24px;
+
+        &__title {
+            font-size: 28px;
+            line-height: 32px;
+        }
+    }
+}
+
+@media (max-width: 430px) {
+    .video-block {
+        gap: 16px;
+
+        &__title {
+            font-size: 20px;
+            line-height: 24px; 
+        }
+    }
+}

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

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

package/dist/components/Tabs/TabsGreen/TabsGreen.js

@@ -0,0 +1,47 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabsGreen = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _image = _interopRequireDefault(require("next/image"));
+require("./TabsGreen.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var TabsGreen = exports.TabsGreen = function TabsGreen(_ref) {
+  var title = _ref.title,
+    btns = _ref.btns,
+    currentBtn = _ref.currentBtn,
+    setCurrentBtn = _ref.setCurrentBtn,
+    _ref$checkValue = _ref.checkValue,
+    checkValue = _ref$checkValue === void 0 ? false : _ref$checkValue,
+    returnEvent = _ref.returnEvent,
+    icon = _ref.icon;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tabs-green"
+  }, title && /*#__PURE__*/_react["default"].createElement("p", {
+    className: "text"
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tabs-green__content"
+  }, btns.map(function (el, ind) {
+    var label = el.label,
+      value = el.value,
+      count = el.count,
+      icon = el.icon;
+    return /*#__PURE__*/_react["default"].createElement("button", {
+      className: checkValue ? currentBtn == value ? 'btn_active' : 'btn' : currentBtn == label ? 'btn_active' : 'btn',
+      onClick: function onClick(e) {
+        if (returnEvent) {
+          setCurrentBtn(el);
+        }
+        checkValue ? setCurrentBtn(value) : setCurrentBtn(label);
+      }
+    }, icon && /*#__PURE__*/_react["default"].createElement(_image["default"], {
+      alt: "icon",
+      src: icon
+    }), label, (count || count === 0) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "count"
+    }, "".concat(count || count === 0 ? count : '')));
+  })));
+};

package/dist/components/Tabs/TabsGreen/TabsGreen.scss

@@ -0,0 +1,77 @@
+.tabs-green {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    border-radius: 4px;
+    height: 36px;
+    padding: 4px;
+    gap: 2px;
+    background: #ECECEC;
+    width: fit-content;
+
+    &__content {
+        display: flex;
+        align-items: center;
+        border-radius: 8px;
+        overflow: hidden;
+    }
+
+    .text {
+        color: #636D65;
+        text-align: center;
+        font-family: NunitoSans;
+        font-size: 11px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 14px;
+    }
+
+    .count {
+        border-radius: 4px;
+        background: #E1E6E2;
+        padding: 2px 4px;
+        color: #636D65;
+        text-align: center;
+        font-family: NunitoSans;
+        font-size: 13px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 14px;
+    }
+
+    .btn,
+    .btn_active {
+        background-color: inherit;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding-left: 8px;
+        padding-right: 8px;
+        gap: 8px;
+        height: 28px;
+        white-space: nowrap;
+        border: none;
+        background-color: inherit;
+        color: #767676;
+        text-align: center;
+        text-overflow: ellipsis;
+        font-family: NunitoSans;
+        font-size: 13px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 15px;
+
+        &:hover,
+        &:active,
+        &_active {
+            transition: 0.5s;
+            border-radius: 4px;
+            background: #FFF;
+            color: #00B45E;
+
+            .count {
+                color: #0B110B;
+            }
+        }
+    }
+}

package/dist/index.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "Button", {
     return _Button["default"];
   }
 });
-Object.defineProperty(exports, "ClientsAboutUsTest", {
+Object.defineProperty(exports, "ClientsAboutUs", {
   enumerable: true,
   get: function get() {
     return _ClientsAboutUs["default"];

package/package.json

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