@megafon/ui-shared 6.0.0 → 6.1.1

package/dist/es/helpers/setRelAttribute.js

@@ -0,0 +1,11 @@
+export var setRelAttribute = function setRelAttribute(rel, target) {
+  if (rel) {
+    return rel;
+  }
+
+  if (target !== '_self') {
+    return 'noreferrer noopener';
+  }
+
+  return undefined;
+};

package/dist/es/hooks/useResolutions.d.ts

@@ -0,0 +1,7 @@
+export declare type useResolutionsReturnType = {
+    isDesktop: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+};
+declare const useResolutions: () => useResolutionsReturnType;
+export default useResolutions;

package/dist/es/hooks/useResolutions.js

@@ -0,0 +1,60 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.concat.js";
+import React from 'react';
+import { breakpoints } from '@megafon/ui-helpers';
+var MOBILE_MIDDLE_END = breakpoints.MOBILE_MIDDLE_END,
+    MOBILE_BIG_START = breakpoints.MOBILE_BIG_START,
+    MOBILE_BIG_END = breakpoints.MOBILE_BIG_END,
+    DESKTOP_SMALL_START = breakpoints.DESKTOP_SMALL_START;
+
+var useResolutions = function useResolutions() {
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isMobile = _React$useState2[0],
+      setIsMobile = _React$useState2[1];
+
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isTablet = _React$useState4[0],
+      setIsTablet = _React$useState4[1];
+
+  var _React$useState5 = React.useState(false),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      isDesktop = _React$useState6[0],
+      setIsDesktop = _React$useState6[1];
+
+  React.useEffect(function () {
+    if (typeof window === 'undefined') {
+      return undefined;
+    }
+
+    var _window = window,
+        matchMedia = _window.matchMedia;
+    var mobileQuery = matchMedia("(max-width: ".concat(MOBILE_MIDDLE_END, "px)"));
+    var tabletQuery = matchMedia("(min-width: ".concat(MOBILE_BIG_START, "px) and (max-width: ").concat(MOBILE_BIG_END, "px)"));
+    var desktopQuery = matchMedia("(min-width: ".concat(DESKTOP_SMALL_START, "px)"));
+
+    var handleResize = function handleResize() {
+      setIsMobile(mobileQuery.matches);
+      setIsTablet(tabletQuery.matches);
+      setIsDesktop(desktopQuery.matches);
+    };
+
+    handleResize();
+    mobileQuery.addEventListener('change', handleResize);
+    tabletQuery.addEventListener('change', handleResize);
+    desktopQuery.addEventListener('change', handleResize);
+    return function () {
+      mobileQuery.removeEventListener('change', handleResize);
+      tabletQuery.removeEventListener('change', handleResize);
+      desktopQuery.removeEventListener('change', handleResize);
+    };
+  }, []);
+  return {
+    isDesktop: isDesktop,
+    isMobile: isMobile,
+    isTablet: isTablet
+  };
+};
+
+export default useResolutions;

package/dist/es/index.d.ts

@@ -7,6 +7,8 @@ export { default as BannerBox } from './components/BannerBox/BannerBox';
 export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
 export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
+export { default as BlogBox } from './components/BlogBox/BlogBox';
+export { default as BlogBoxTile } from './components/BlogBox/components/BlogBoxTile';
 export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
 export { default as BreadcrumbsItem } from './components/Breadcrumbs/components/BreadcrumbsItem';
 export { default as ButtonBanner } from './components/ButtonBanner/ButtonBanner';

package/dist/es/index.js

@@ -7,6 +7,8 @@ export { default as BannerBox } from "./components/BannerBox/BannerBox";
 export { default as BenefitsIcons } from "./components/BenefitsIcons/BenefitsIcons";
 export { default as BenefitsIconsTile } from "./components/BenefitsIcons/BenefitsIconsTile";
 export { default as BenefitsPictures } from "./components/BenefitsPictures/BenefitsPictures";
+export { default as BlogBox } from "./components/BlogBox/BlogBox";
+export { default as BlogBoxTile } from "./components/BlogBox/components/BlogBoxTile";
 export { default as Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
 export { default as BreadcrumbsItem } from "./components/Breadcrumbs/components/BreadcrumbsItem";
 export { default as ButtonBanner } from "./components/ButtonBanner/ButtonBanner";

package/dist/lib/components/BlogBox/BlogBox.css

@@ -0,0 +1,92 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-blog-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+@media screen and (min-width: 1024px) {
+  .mfui-blog-box__list {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    -webkit-column-gap: 20px;
+       -moz-column-gap: 20px;
+            column-gap: 20px;
+    row-gap: 24px;
+  }
+}
+.mfui-blog-box__list_row {
+  grid-template-columns: repeat(6, 1fr);
+}
+.mfui-blog-box__list_row .mfui-blog-box__item {
+  grid-column-end: span 2;
+}
+.mfui-blog-box__list_row-size_1 .mfui-blog-box__item {
+  grid-column-start: 3;
+}
+.mfui-blog-box__list_row-size_2 .mfui-blog-box__item:first-child {
+  grid-column-start: 2;
+}
+.mfui-blog-box__item_view_thumbnail {
+  margin-top: 16px;
+}
+@media screen and (min-width: 1024px) {
+  .mfui-blog-box__item_view_thumbnail {
+    grid-column-start: 1;
+    grid-column-end: 2;
+    margin-top: 0;
+  }
+}
+.mfui-blog-box__item_view_full {
+  margin-bottom: 24px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-blog-box__item_view_full {
+    margin-bottom: 32px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .mfui-blog-box__item_view_full {
+    grid-row-start: 1;
+    grid-row-end: 4;
+    grid-column-start: 2;
+    grid-column-end: 3;
+    margin-bottom: 0;
+  }
+}
+.mfui-blog-box__button-wrapper {
+  margin-top: 32px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-blog-box__button-wrapper {
+    margin-top: 40px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .mfui-blog-box__button-wrapper {
+    margin-top: 56px;
+  }
+}
+.mfui-blog-box__button {
+  min-width: 208px;
+}
+.mfui-blog-box_align-left {
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+}
+.mfui-blog-box_align-left .mfui-blog-box__item:first-child {
+  grid-column-start: 1;
+}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ButtonType, TileDataType } from './types';
+import './BlogBox.less';
+export interface IBlogBox {
+    /** Статьи (не более 4, остальные будут проигнорированы) */
+    items: TileDataType[];
+    /** Кнопка */
+    button?: ButtonType;
+    /** Выравнивание по левому краю (при количестве статей менее трех) */
+    hasAlignLeft?: boolean;
+    /** Дополнительный класс для компонента */
+    className?: string;
+    /** Дополнительные классы для внутренних элементов */
+    classes?: {
+        root?: string;
+        item?: string;
+        button?: string;
+    };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        list?: Record<string, string>;
+        item?: Record<string, string>;
+        button?: Record<string, string>;
+    };
+}
+declare const BlogBox: React.FC<IBlogBox>;
+export default BlogBox;

package/dist/lib/components/BlogBox/BlogBox.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uiCore = require("@megafon/ui-core");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _useResolutions2 = _interopRequireDefault(require("../../hooks/useResolutions"));
+
+var _BlogBoxTile = _interopRequireDefault(require("./components/BlogBoxTile"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var maxItemsCount = 4;
+var cn = (0, _uiHelpers.cnCreate)('mfui-blog-box');
+
+var BlogBox = function BlogBox(_ref) {
+  var items = _ref.items,
+      button = _ref.button,
+      _ref$hasAlignLeft = _ref.hasAlignLeft,
+      hasAlignLeft = _ref$hasAlignLeft === void 0 ? false : _ref$hasAlignLeft,
+      className = _ref.className,
+      classes = _ref.classes,
+      dataAttrs = _ref.dataAttrs;
+
+  var _useResolutions = (0, _useResolutions2["default"])(),
+      isDesktop = _useResolutions.isDesktop;
+
+  var visibleItems = items.slice(0, maxItemsCount);
+  var itemsCount = visibleItems.length;
+  var isRow = isDesktop && itemsCount < maxItemsCount;
+  var isAlignLeft = isRow && hasAlignLeft;
+
+  var getView = function getView(isCompact, i) {
+    if (isCompact) {
+      return 'compact';
+    }
+
+    if (i === 0) {
+      return 'full';
+    }
+
+    return 'thumbnail';
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.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])
+  }), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
+    className: cn('list', {
+      row: isRow,
+      'row-size': isRow && "".concat(itemsCount)
+    })
+  }), visibleItems.map(function (item, i) {
+    var view = getView(isRow, i);
+    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
+      className: cn('item', {
+        view: view
+      }, [classes === null || classes === void 0 ? void 0 : classes.item]),
+      key: "".concat(item.title, "_").concat(i)
+    }), /*#__PURE__*/_react["default"].createElement(_BlogBoxTile["default"], (0, _extends2["default"])({}, item, {
+      view: view
+    })));
+  })), (button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('button-wrapper')
+  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    },
+    className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.button]),
+    href: button.href,
+    target: button.target,
+    rel: button.rel
+  }, button.title)));
+};
+
+BlogBox.propTypes = {
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].objectOf(_propTypes["default"].string),
+  dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].object),
+  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    date: _propTypes["default"].string.isRequired,
+    title: _propTypes["default"].string.isRequired,
+    image: _propTypes["default"].shape({
+      srcMobile: _propTypes["default"].string.isRequired,
+      srcDesktop: _propTypes["default"].string.isRequired,
+      srcThumbnail: _propTypes["default"].string.isRequired,
+      alt: _propTypes["default"].string
+    }).isRequired,
+    href: _propTypes["default"].string.isRequired,
+    target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+    rel: _propTypes["default"].string
+  }).isRequired).isRequired,
+  button: _propTypes["default"].shape({
+    title: _propTypes["default"].string.isRequired,
+    href: _propTypes["default"].string.isRequired,
+    target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+    rel: _propTypes["default"].string
+  }),
+  hasAlignLeft: _propTypes["default"].bool
+};
+var _default = BlogBox;
+exports["default"] = _default;

package/dist/lib/components/BlogBox/components/BlogBoxTile.css

@@ -0,0 +1,197 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-blog-box-tile {
+  position: relative;
+  display: block;
+  color: var(--content);
+  text-decoration: none;
+}
+.mfui-blog-box-tile:hover {
+  text-decoration: none;
+}
+.mfui-blog-box-tile:hover .mfui-blog-box-tile__title {
+  color: var(--brandGreen);
+}
+.mfui-blog-box-tile__image {
+  width: 100%;
+  height: 100%;
+  border-radius: 24px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  vertical-align: top;
+}
+.mfui-blog-box-tile__picture {
+  display: block;
+}
+.mfui-blog-box-tile__date {
+  margin-bottom: 4px;
+  color: var(--spbSky3);
+}
+.mfui-blog-box-tile__title {
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  -webkit-transition: color 0.3s;
+  transition: color 0.3s;
+}
+.mfui-blog-box-tile_view_thumbnail {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  gap: 20px;
+}
+.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 133px;
+  height: 102px;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture {
+    width: 170px;
+    height: 130px;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture {
+    width: 233px;
+    height: 170px;
+  }
+}
+.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__content {
+  -ms-flex-item-align: center;
+      align-self: center;
+}
+.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__date {
+  font-size: 12px;
+  line-height: 18px;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__date {
+    font-size: 15px;
+    line-height: 24px;
+  }
+}
+.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__title {
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: 0.5px;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__title {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+.mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture {
+  height: 358px;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture {
+    height: 438px;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture {
+    height: 558px;
+  }
+}
+.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content {
+  position: absolute;
+  right: 8px;
+  bottom: 8px;
+  left: 8px;
+  padding: 16px;
+  border-radius: 24px;
+  background-color: var(--base);
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__content {
+    padding: 24px;
+  }
+}
+@media screen and (min-width: 768px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__content {
+    right: 12px;
+    bottom: 12px;
+    left: 12px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1279px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__content {
+    padding: 16px;
+  }
+}
+@media screen and (min-width: 1280px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__content {
+    padding: 24px;
+  }
+}
+.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title {
+  font-weight: 600;
+  font-size: 22px;
+  line-height: 28px;
+  letter-spacing: 0.5px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__title {
+    font-size: 26px;
+    line-height: 32px;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__title {
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+@media screen and (min-width: 1280px) {
+  .mfui-blog-box-tile_view_full .mfui-blog-box-tile__title {
+    font-size: 32px;
+    line-height: 40px;
+  }
+}
+.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture {
+  height: 233px;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture {
+    height: 288px;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture {
+    height: 367px;
+  }
+}
+.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__content {
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
+  left: 12px;
+  padding: 16px;
+  border-radius: 24px;
+  background-color: var(--base);
+}
+.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__title {
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 24px;
+  letter-spacing: 0.5px;
+}
+@media screen and (min-width: 1280px) {
+  .mfui-blog-box-tile_view_compact .mfui-blog-box-tile__title {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TileDataType, TileViewType } from '../types';
+import './BlogBoxTile.less';
+declare type TileSettingsType = {
+    view: TileViewType;
+};
+export declare type BlogBoxTileType = TileDataType & TileSettingsType;
+declare const BlogBoxTile: React.FC<BlogBoxTileType>;
+export default BlogBoxTile;

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _setRelAttribute = require("../../../helpers/setRelAttribute");
+
+var _useResolutions2 = _interopRequireDefault(require("../../../hooks/useResolutions"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var cn = (0, _uiHelpers.cnCreate)('mfui-blog-box-tile');
+
+var BlogBoxTile = function BlogBoxTile(_ref) {
+  var date = _ref.date,
+      title = _ref.title,
+      href = _ref.href,
+      target = _ref.target,
+      rel = _ref.rel,
+      _ref$image = _ref.image,
+      srcMobile = _ref$image.srcMobile,
+      srcDesktop = _ref$image.srcDesktop,
+      srcThumbnail = _ref$image.srcThumbnail,
+      _ref$image$alt = _ref$image.alt,
+      alt = _ref$image$alt === void 0 ? 'image' : _ref$image$alt,
+      view = _ref.view;
+
+  var _useResolutions = (0, _useResolutions2["default"])(),
+      isMobile = _useResolutions.isMobile;
+
+  var isViewThumbnail = view === 'thumbnail';
+  var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
+
+  var renderImage = function renderImage() {
+    if (isViewThumbnail) {
+      return isMobile ? null : /*#__PURE__*/_react["default"].createElement("picture", {
+        className: cn('picture')
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        className: cn('image'),
+        src: srcThumbnail,
+        alt: alt
+      }));
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("picture", {
+      className: cn('picture')
+    }, /*#__PURE__*/_react["default"].createElement("source", {
+      media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_SMALL_START, "px)"),
+      srcSet: srcDesktop
+    }), /*#__PURE__*/_react["default"].createElement("img", {
+      className: cn('image'),
+      src: srcMobile,
+      alt: alt
+    }));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("a", {
+    className: cn({
+      view: view
+    }),
+    href: href,
+    target: target,
+    rel: currentRel
+  }, renderImage(), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('content')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('date')
+  }, date), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('title')
+  }, title)));
+};
+
+var _default = BlogBoxTile;
+exports["default"] = _default;

package/dist/lib/components/BlogBox/types.d.ts

@@ -0,0 +1,37 @@
+declare type TargetType = '_self' | '_blank' | '_parent' | '_top';
+export declare type ButtonType = {
+    /** Название */
+    title: string;
+    /** Ссылка */
+    href: string;
+    /** Атрибут ссылки target */
+    target?: TargetType;
+    /** Атрибут ссылки rel */
+    rel?: string;
+};
+export declare type ImageType = {
+    /** Изображение на разрешении экрана 0-1023 */
+    srcMobile: string;
+    /** Изображение на разрешении экрана 1024+ */
+    srcDesktop: string;
+    /** Миниатюра */
+    srcThumbnail: string;
+    /** Значение тега alt для изображения */
+    alt?: string;
+};
+export declare type TileDataType = {
+    /** Дата */
+    date: string;
+    /** Заголовок */
+    title: string;
+    /** Изображение */
+    image: ImageType;
+    /** Ссылка */
+    href: string;
+    /** Атрибут ссылки target */
+    target?: TargetType;
+    /** Атрибут ссылки rel */
+    rel?: string;
+};
+export declare type TileViewType = 'full' | 'thumbnail' | 'compact';
+export {};

package/dist/lib/components/BlogBox/types.js

@@ -0,0 +1 @@
+"use strict";