@megafon/ui-shared 9.0.0-alpha.0 → 9.0.0-alpha.10

package/dist/es/components/AccordionBox/AccordionBox.d.ts

@@ -20,8 +20,10 @@ export interface IAccordionBox {
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок аккордеона */
     title: string;
-    /** Заголовок аккордеона */
+    /** Тег заголовка (определяет базовый тег и стили) */
     titleTag?: IHeaderProps['as'];
+    /** Тег заголовка для семантической разметки (переопределение тега без изменения стилей) */
+    titleTagName?: IHeaderProps['tag'];
     /** Состояние аккордеона, заданное извне */
     isOpened?: boolean;
     /** Включить микроразметку */

package/dist/es/components/BlogBox/BlogBox.d.ts

@@ -14,6 +14,7 @@ export interface IBlogBox {
     classes?: {
         root?: string;
         item?: string;
+        itemTitle?: string;
         button?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
@@ -23,6 +24,8 @@ export interface IBlogBox {
         item?: Record<string, string>;
         button?: Record<string, string>;
     };
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
 }
 declare const BlogBox: React.FC<IBlogBox>;
 export default BlogBox;

package/dist/es/components/BlogBox/BlogBox.js

@@ -17,7 +17,8 @@ var BlogBox = function BlogBox(_ref) {
     hasAlignLeft = _ref$hasAlignLeft === void 0 ? false : _ref$hasAlignLeft,
     className = _ref.className,
     classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs;
+    dataAttrs = _ref.dataAttrs,
+    rootRef = _ref.rootRef;
   var _useResolutions = useResolutions(),
     isDesktop = _useResolutions.isDesktop;
   var visibleItems = items.slice(0, maxItemsCount);
@@ -36,7 +37,8 @@ var BlogBox = function BlogBox(_ref) {
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'align-left': isAlignLeft
-    }, [className, classes === null || classes === void 0 ? void 0 : classes.root])
+    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
+    ref: rootRef
   }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
     className: cn('list', {
       row: isRow,
@@ -50,7 +52,10 @@ var BlogBox = function BlogBox(_ref) {
       }, [classes === null || classes === void 0 ? void 0 : classes.item]),
       key: "".concat(item.title, "_").concat(i)
     }), /*#__PURE__*/React.createElement(BlogBoxTile, _extends({}, item, {
-      view: view
+      view: view,
+      classes: {
+        title: classes === null || classes === void 0 ? void 0 : classes.itemTitle
+      }
     })));
   })), (button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/React.createElement("div", {
     className: cn('button-wrapper')

package/dist/es/components/BlogBox/components/BlogBoxTile.d.ts

@@ -4,6 +4,10 @@ import './BlogBoxTile.scss';
 type TileSettingsType = {
     view: TileViewType;
 };
-export type BlogBoxTileType = TileDataType & TileSettingsType;
+export type BlogBoxTileType = TileDataType & TileSettingsType & {
+    classes?: {
+        title?: string;
+    };
+};
 declare const BlogBoxTile: React.FC<BlogBoxTileType>;
 export default BlogBoxTile;

package/dist/es/components/BlogBox/components/BlogBoxTile.js

@@ -16,7 +16,8 @@ var BlogBoxTile = function BlogBoxTile(_ref) {
     srcThumbnail = _ref$image.srcThumbnail,
     _ref$image$alt = _ref$image.alt,
     alt = _ref$image$alt === void 0 ? 'image' : _ref$image$alt,
-    view = _ref.view;
+    view = _ref.view,
+    classes = _ref.classes;
   var _useResolutions = useResolutions(),
     isMobile = _useResolutions.isMobile;
   var isViewThumbnail = view === 'thumbnail';
@@ -54,7 +55,7 @@ var BlogBoxTile = function BlogBoxTile(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('date')
   }, date), /*#__PURE__*/React.createElement("div", {
-    className: cn('title')
+    className: cn('title', [classes === null || classes === void 0 ? void 0 : classes.title])
   }, title)));
 };
 export default BlogBoxTile;