ecomlab-components-next 0.1.237 → 0.1.239

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

@@ -0,0 +1,85 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./ButtonBasicV2.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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,
+    _onClick = _ref.onClick,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 210 : _ref$width,
+    minWidth = _ref.minWidth,
+    size = _ref.size,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    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;
+  // Если передан только "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';
+  };
+  return /*#__PURE__*/_react["default"].createElement("button", _extends({
+    className: "btn-basic2 ".concat(colorClassName() || 'violet-btn2'),
+    disabled: disabled,
+    style: _objectSpread(_defineProperty({
+      minWidth: minWidth ? minWidth : '',
+      width: width ? width : '',
+      maxWidth: maxWidth ? maxWidth : '',
+      height: size ? size : '40px'
+    }, "maxWidth", maxWidth ? maxWidth : ''), style),
+    onClick: function onClick(e) {
+      return _onClick(e);
+    }
+  }, props), text);
+};
+var _default = exports["default"] = ButtonBasicV2;

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

@@ -0,0 +1,55 @@
+@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;
+    border: none;
+    //margin-top: 32px;
+    color: white;
+    font-weight: 700;
+    min-width: 120px;
+    padding: 4px 8px;
+    cursor: pointer;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+}
+
+.green-btn2 {
+    background-color: $green;
+    box-shadow: 0 8px 24px rgba(5, 150, 105, 0.3);
+
+    &:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 8px 24px rgba(5, 150, 105, 0.4);
+        background: $green-dark;
+        transition: 0.5s;
+    }
+
+    &[disabled] {
+        position: relative;
+        cursor: not-allowed;
+        background-color: #BBF7D0;
+        color: #ffffff;
+        -webkit-box-shadow: none;
+        -moz-box-shadow: none;
+        box-shadow: none;
+
+        &:hover {
+            box-shadow: none;
+            background-color: #BBF7D0;
+            box-shadow: none;
+        }
+
+        &:active {
+            border: none;
+        }
+
+    }
+}

package/dist/components/Buttons/{SignUpButton/ButtonSignUp.stories.js → ButtonBasicV2/ButtonBasicV2stories.js}

@@ -1,30 +1,43 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _ButtonSignUp = _interopRequireDefault(require("./ButtonSignUp"));
-var _addonActions = require("@storybook/addon-actions");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var _default = exports["default"] = {
-  title: 'ButtonSignUp',
-  component: _ButtonSignUp["default"],
-  args: {
-    onClick: _addonActions.action
-  }
-};
-var Default = exports.Default = {
-  render: function render(args) {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '10px',
-        flexDirection: 'column'
-      }
-    }, /*#__PURE__*/React.createElement(_ButtonSignUp["default"], args), /*#__PURE__*/React.createElement(_ButtonSignUp["default"], _extends({}, args, {
-      isMobile: true
-    })));
-  }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ButtonBasicV = _interopRequireDefault(require("./ButtonBasicV2"));
+var _addonActions = require("@storybook/addon-actions");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var _default = exports["default"] = {
+  title: 'ButtonBasicV2',
+  component: _ButtonBasicV["default"],
+  args: {
+    text: 'Кнопка',
+    onClick: _addonActions.action,
+    width: '210px',
+    minWidth: '210px',
+    size: '40px',
+    disabled: false,
+    maxWidth: '210px',
+    style: false,
+    blue: false,
+    orange: false,
+    red: false,
+    green: false,
+    whiteBlue: false,
+    grey: false
+  }
+};
+var Default = exports.Default = {
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        gap: '10px',
+        flexDirection: 'column'
+      }
+    }, /*#__PURE__*/React.createElement(_ButtonBasicV["default"], _extends({}, args, {
+      green: true
+    })));
+  }
 };

package/dist/components/ConstructorComponents/ArticlesBlockV2/ArticlesBlockV2.js

@@ -0,0 +1,153 @@
+"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", {
+  value: true
+});
+exports.getArticleBoxData = exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../../common/utils");
+var _ArticlesBlockV2Module = _interopRequireDefault(require("./ArticlesBlockV2.module.scss"));
+var _ShortTileArticleBox = _interopRequireDefault(require("../../ArticleElements/ShortTileArticleBox/ShortTileArticleBox"));
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+var getArticleBoxData = exports.getArticleBoxData = function getArticleBoxData(articlesData) {
+  var _articlesData$data;
+  var lang = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ru';
+  var articleTableHeadersRuEng = {
+    id: "id",
+    portalId: "portal_id",
+    photo: lang === 'ru' ? "Фото" : 'Photo',
+    name: lang === 'ru' ? "Название" : 'Name',
+    annotation: lang === 'ru' ? "Аннотация" : 'Annotation',
+    tags: lang === 'ru' ? "Теги" : 'Tag',
+    publicationDate: lang === 'ru' ? "Дата публикации" : 'Publication date',
+    author: lang === 'ru' ? "Автор" : 'Author',
+    timeToRead: lang === 'ru' ? "Время чтения" : 'Reading time',
+    views: lang === 'ru' ? "Количество просмотров" : 'Number of views',
+    status: lang === 'ru' ? "Статус" : 'Status'
+  };
+  var articleTableHeadersTr = {
+    id: "id",
+    portalId: "portal_id",
+    photo: 'Fotoğraf',
+    name: 'İsim',
+    annotation: "Ek açıklama",
+    tags: "Etiket",
+    publicationDate: "Yayın tarihi",
+    author: "Yazar",
+    timeToRead: "Okuma süresi",
+    views: "Görüntüleme sayısı",
+    status: 'active'
+  };
+  var articleTableHeadersObj = {
+    'ru': articleTableHeadersRuEng,
+    'en': articleTableHeadersRuEng,
+    'tr': articleTableHeadersTr
+  };
+  var articleTableHeaders = articleTableHeadersObj === null || articleTableHeadersObj === void 0 ? void 0 : articleTableHeadersObj[lang];
+  return articlesData === null || articlesData === void 0 || (_articlesData$data = articlesData.data) === null || _articlesData$data === void 0 ? void 0 : _articlesData$data.map(function (el) {
+    var id = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.id;
+    })];
+    var name = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.name;
+    })];
+    var annotation = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.annotation;
+    })];
+    var photoPreview = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.photo;
+    })];
+    var timeToRead = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.timeToRead;
+    })];
+    var author = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.author;
+    })];
+    var views = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.views;
+    })];
+    var tags = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.tags;
+    })];
+    var date = new Date(el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.publicationDate;
+    })]);
+    var statusArray = el[articlesData.labels.header.findIndex(function (e) {
+      return e === articleTableHeaders.status;
+    })];
+    if (Array.isArray(name)) name = name[0];
+    var data = {
+      id: id,
+      name: name,
+      annotation: annotation,
+      photoPreview: photoPreview,
+      timeToRead: timeToRead,
+      author: author,
+      views: views,
+      tags: tags,
+      date: date,
+      statusArray: statusArray
+    };
+    return data;
+  });
+};
+var ArticlesBlockV2 = function ArticlesBlockV2(_ref) {
+  var _getArticleBoxData;
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Полезные статьи' : _ref$title,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? 'Собрали для вас самые полезные материалы о маркетплейсах' : _ref$subtitle,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    description = _ref.description,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    locale = _ref.locale;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    articles = _useState2[0],
+    setArticles = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var abortController = (0, _utils.fetchArticlesByPortal)(function (json) {
+      if (!Object.entries(json).length) return;
+      setArticles(json);
+    }, function () {}, 'ru', 1, 3);
+    return function () {
+      if (abortController) abortController.abort();
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__inner')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__header')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__header-left')
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__title')
+  }, title), /*#__PURE__*/_react["default"].createElement("p", {
+    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__subtitle')
+  }, subtitle))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__grid')
+  }, (_getArticleBoxData = getArticleBoxData(articles, locale)) === null || _getArticleBoxData === void 0 ? void 0 : _getArticleBoxData.map(function (articleData) {
+    var _articleData$annotati;
+    return /*#__PURE__*/_react["default"].createElement(_ShortTileArticleBox["default"], _extends({
+      key: articleData.id
+    }, articleData, {
+      cpu: articleData === null || articleData === void 0 || (_articleData$annotati = articleData.annotation) === null || _articleData$annotati === void 0 ? void 0 : _articleData$annotati[1]
+    }));
+  }).splice(0, 4))));
+};
+var _default = exports["default"] = ArticlesBlockV2;

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

@@ -0,0 +1,214 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import '../variables.scss';
+
+.articles-v2 {
+    font-family: 'Manrope', sans-serif;
+    background: var(--bg, #F7F8FC);
+    width: 100%;
+    padding: 96px 48px;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif;
+    }
+}
+
+.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);
+    }
+}
+
+/* ========== МОБИЛЬНАЯ ВЕРСТКА (перенос карточек) ========== */
+
+/* Планшеты — 2 колонки */
+@media (max-width: 1024px) {
+    .articles-v2 {
+        padding: 72px 32px;
+    }
+
+    .articles-v2__grid > * {
+        width: calc(50% - 16px);
+        min-width: 260px;
+    }
+
+    .articles-v2__title {
+        font-size: 28px;
+    }
+    
+    .articles-v2__subtitle {
+        font-size: 14px;
+    }
+    
+    .articles-v2__grid {
+        gap: 24px;
+    }
+}
+
+/* Маленькие планшеты */
+@media (max-width: 768px) {
+    .articles-v2 {
+        padding: 60px 24px;
+    }
+    
+    .articles-v2__inner {
+        gap: 40px;
+    }
+    
+    .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;
+    }
+}
+
+/* Мобильные устройства — 1 колонка */
+@media (max-width: 600px) {
+    .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;
+    }
+}
+
+/* Маленькие телефоны */
+@media (max-width: 480px) {
+    .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;
+    }
+}
+
+/* Самые маленькие экраны */
+@media (max-width: 375px) {
+    .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;
+    }
+}

package/dist/components/ConstructorComponents/BlocksInfo/BlocksInfo.scss

@@ -59,7 +59,6 @@
 
     &__description {
         color: #464853;
-        font-family: Inter;
         font-size: 16px;
         font-style: normal;
         font-weight: 500;