@megafon/ui-shared 4.6.0 → 4.7.0

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.7.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.6.0...@megafon/ui-shared@4.7.0) (2022-12-12)
+
+
+### Features
+
+* **accordionbox:** add isMicrodata prop ([07cce83](https://github.com/MegafonWebLab/megafon-ui/commit/07cce8335c062687c4d1dc33b3569c89d6388181))
+* **breadcrumbs:** add optional microdata attributes ([e1a30e8](https://github.com/MegafonWebLab/megafon-ui/commit/e1a30e8b3bd20479b7fc8c15cf86fc0fb9431571))
+* **faqwrapper:** add new component FaqWrapper ([694e564](https://github.com/MegafonWebLab/megafon-ui/commit/694e56421bbae73566f0b18812f6206b3a065030))
+* **pagetitle:** add hasBreadcrumbsMicrodata prop ([30c3ca5](https://github.com/MegafonWebLab/megafon-ui/commit/30c3ca51f7c9b0ef6095ca649e557e74dffa0875))
+* **videobanner:** add hasBreadcrumbsMicrodata prop ([819996d](https://github.com/MegafonWebLab/megafon-ui/commit/819996d5600e2c32c22da9d9dfa30c64c4062f63))
+
+
+
+
+
 # [4.6.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.5.3...@megafon/ui-shared@4.6.0) (2022-12-06)
 
 

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

@@ -21,6 +21,8 @@ export interface IAccordionBox {
     title: string;
     /** Состояние аккордеона, заданное извне */
     isOpened?: boolean;
+    /** Включить микроразметку */
+    hasMicrodata?: boolean;
     /** Отключить ограничение ширины */
     isFullWidth?: boolean;
     /** Центрирование по горизонтали для расширения 1280+ */

package/dist/es/components/AccordionBox/AccordionBox.js

@@ -56,6 +56,7 @@ AccordionBox.propTypes = {
   title: PropTypes.string.isRequired,
   isFullWidth: PropTypes.bool,
   isOpened: PropTypes.bool,
+  hasMicrodata: PropTypes.bool,
   hCenterAlignWide: PropTypes.bool,
   className: PropTypes.string,
   classes: PropTypes.shape({

package/dist/es/components/Breadcrumbs/Breadcrumbs.css

@@ -21,12 +21,6 @@ h5 {
 .mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before {
   color: var(--stcWhite);
 }
-.mfui-breadcrumbs__icon {
-  position: relative;
-  width: 14px;
-  height: 3px;
-  margin-right: 10px;
-}
 .mfui-breadcrumbs__item {
   position: relative;
   margin-right: 10px;

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

@@ -1,27 +1,37 @@
 import React from 'react';
+import { TextColor } from './components/BreadcrumbsItem';
 import './Breadcrumbs.less';
 declare type ItemObjectType = {
     title?: string;
     href?: string;
 };
 declare type ItemType = JSX.Element | ItemObjectType;
-export declare const TextColor: {
-    readonly DEFAULT: "default";
-    readonly BLACK: "black";
-    readonly WHITE: "white";
-};
-declare type TextColorType = typeof TextColor[keyof typeof TextColor];
+export declare type TextColorType = typeof TextColor[keyof typeof TextColor];
 export declare type Props = {
-    dataAttrs?: {
-        root?: Record<string, string>;
-        link?: Record<string, string>;
-    };
+    /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Список элементов */
+    items: ItemType[];
+    /** Цвет */
+    color?: TextColorType;
+    /** Включить микроразметку */
+    hasMicrodata?: boolean;
+    /** Дополнительные классы для корневого и внутренних элементов */
     classes?: {
         item?: string;
+        itemTitle?: string;
+        lastItemTitle?: string;
+        link?: string;
+    };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        item?: Record<string, string>;
+        itemInner?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        itemMeta?: Record<string, string>;
+        link?: Record<string, string>;
     };
-    items: ItemType[];
-    color?: TextColorType;
 };
 declare const Breadcrumbs: React.FC<Props>;
 export default Breadcrumbs;

package/dist/es/components/Breadcrumbs/Breadcrumbs.js

@@ -3,23 +3,14 @@ import "core-js/modules/es.object.values";
 import "core-js/modules/es.string.link";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { TextLink } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
+import BreadcrumbsItem, { TextColor } from "./components/BreadcrumbsItem";
 import "./Breadcrumbs.css";
-export var TextColor = {
-  DEFAULT: 'default',
-  BLACK: 'black',
-  WHITE: 'white'
-};
 
-function isObjectElement(item) {
+var isObjectElement = function isObjectElement(item) {
   return !React.isValidElement(item);
-}
-
-function isJSXElement(item) {
-  return React.isValidElement(item);
-}
+};
 
 var cn = cnCreate('mfui-breadcrumbs');
 
@@ -30,49 +21,64 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+      dataAttrs = _ref.dataAttrs,
+      _ref$hasMicrodata = _ref.hasMicrodata,
+      hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata;
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       color: color
     }, className)
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), hasMicrodata && {
+    itemScope: true,
+    itemType: 'https://schema.org/BreadcrumbList'
   }), items.map(function (item, i) {
-    if (isJSXElement(item)) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('item', classes.item),
-        key: i
-      }, item);
-    }
-
-    if (isObjectElement(item)) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('item', classes.item),
-        key: item.title
-      }, /*#__PURE__*/React.createElement(TextLink, {
-        href: item.href,
-        color: color,
-        dataAttrs: {
-          root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, i + 1)) : undefined
-        }
-      }, item.title));
-    }
-
-    return null;
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: cn('item', classes.item)
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
+      key: i
+    }), isObjectElement(item) ? /*#__PURE__*/React.createElement(BreadcrumbsItem, {
+      title: item.title,
+      href: item.href,
+      color: color,
+      index: i,
+      isLastItem: i === items.length - 1,
+      hasMicrodata: hasMicrodata,
+      dataAttrs: {
+        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemInner,
+        link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link,
+        itemTitle: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle,
+        meta: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemMeta
+      },
+      classes: {
+        link: classes === null || classes === void 0 ? void 0 : classes.link,
+        itemTitle: classes === null || classes === void 0 ? void 0 : classes.itemTitle,
+        lastItemTitle: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
+      }
+    }) : item);
   }));
 };
 
 Breadcrumbs.propTypes = {
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),
+    item: PropTypes.objectOf(PropTypes.string.isRequired),
+    itemInner: PropTypes.objectOf(PropTypes.string.isRequired),
+    itemTitle: PropTypes.objectOf(PropTypes.string.isRequired),
+    itemMeta: PropTypes.objectOf(PropTypes.string.isRequired),
     link: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
   classes: PropTypes.shape({
-    item: PropTypes.string
+    item: PropTypes.string,
+    itemTitle: PropTypes.string,
+    lastItemTitle: PropTypes.string,
+    link: PropTypes.string
   }),
   items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string,
     href: PropTypes.string
   }).isRequired)]).isRequired,
-  color: PropTypes.oneOf(Object.values(TextColor))
+  color: PropTypes.oneOf(Object.values(TextColor)),
+  hasMicrodata: PropTypes.bool
 };
 export default Breadcrumbs;

package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css

@@ -0,0 +1,16 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-breadcrumbs-item_color_default {
+  color: var(--content);
+}
+.mfui-breadcrumbs-item_color_black {
+  color: var(--stcBlack);
+}
+.mfui-breadcrumbs-item_color_white {
+  color: var(--stcWhite);
+}

package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './BreadcrumbsItem.less';
+export declare const TextColor: {
+    readonly DEFAULT: "default";
+    readonly BLACK: "black";
+    readonly WHITE: "white";
+};
+declare type TextColorType = typeof TextColor[keyof typeof TextColor];
+export declare type Props = {
+    title?: string;
+    href?: string;
+    color?: TextColorType;
+    index?: number;
+    isLastItem?: boolean;
+    hasMicrodata?: boolean;
+    classes?: {
+        link?: string;
+        itemTitle?: string;
+        lastItemTitle?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        link?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        meta?: Record<string, string>;
+    };
+};
+declare const BreadcrumbsItem: React.FC<Props>;
+export default BreadcrumbsItem;

package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js

@@ -0,0 +1,82 @@
+import "core-js/modules/es.object.values";
+import "core-js/modules/es.string.link";
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { TextLink } from '@megafon/ui-core';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import PropTypes from 'prop-types';
+import "./BreadcrumbsItem.css";
+export var TextColor = {
+  DEFAULT: 'default',
+  BLACK: 'black',
+  WHITE: 'white'
+};
+var cn = cnCreate('mfui-breadcrumbs-item');
+
+var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
+  var title = _ref.title,
+      href = _ref.href,
+      color = _ref.color,
+      _ref$index = _ref.index,
+      index = _ref$index === void 0 ? 0 : _ref$index,
+      _ref$isLastItem = _ref.isLastItem,
+      isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
+      _ref$hasMicrodata = _ref.hasMicrodata,
+      hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
+      classes = _ref.classes,
+      dataAttrs = _ref.dataAttrs;
+
+  if (isLastItem) {
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: cn({
+        color: color
+      })
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/React.createElement("span", _extends({
+      className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
+    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
+  }
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: cn()
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
+    itemScope: true,
+    itemProp: 'itemListElement',
+    itemType: 'https://schema.org/ListItem'
+  }), /*#__PURE__*/React.createElement(TextLink, {
+    className: classes === null || classes === void 0 ? void 0 : classes.link,
+    href: href,
+    color: color,
+    dataAttrs: {
+      root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, index + 1)) : undefined
+    },
+    itemProp: hasMicrodata ? 'item' : undefined
+  }, /*#__PURE__*/React.createElement("span", _extends({
+    className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && {
+    itemProp: 'name'
+  }), title)), hasMicrodata && /*#__PURE__*/React.createElement("meta", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
+    itemProp: "position",
+    content: String(index + 1)
+  })));
+};
+
+BreadcrumbsItem.propTypes = {
+  title: PropTypes.string,
+  href: PropTypes.string,
+  color: PropTypes.oneOf(Object.values(TextColor)),
+  index: PropTypes.number,
+  isLastItem: PropTypes.bool,
+  hasMicrodata: PropTypes.bool,
+  classes: PropTypes.shape({
+    link: PropTypes.string,
+    itemTitle: PropTypes.string,
+    lastItemTitle: PropTypes.string
+  }),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string),
+    link: PropTypes.objectOf(PropTypes.string),
+    itemTitle: PropTypes.objectOf(PropTypes.string),
+    meta: PropTypes.objectOf(PropTypes.string)
+  })
+};
+export default BreadcrumbsItem;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FaqWrapper: React.FC;
+export default FaqWrapper;

package/dist/es/components/FaqWrapper/FaqWrapper.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+var FaqWrapper = function FaqWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    itemScope: true,
+    itemType: "http://schema.org/FAQPage"
+  }, children);
+};
+
+export default FaqWrapper;

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

@@ -16,6 +16,8 @@ declare type Props = {
     badge?: string;
     /** Растягивание компонента на всю доступную ширину */
     isFullWidth?: boolean;
+    /** Включить микроразметку для хлебных крошек */
+    hasBreadcrumbsMicrodata?: boolean;
     /** Класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

package/dist/es/components/PageTitle/PageTitle.js

@@ -14,6 +14,8 @@ var PageTitle = function PageTitle(_ref) {
       badge = _ref.badge,
       _ref$isFullWidth = _ref.isFullWidth,
       isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
+      _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
+      hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
@@ -43,6 +45,7 @@ var PageTitle = function PageTitle(_ref) {
     className: cn([className]),
     ref: rootRef
   }), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
+    hasMicrodata: hasBreadcrumbsMicrodata,
     items: breadcrumbs,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
@@ -65,6 +68,7 @@ PageTitle.propTypes = {
   }).isRequired),
   badge: PropTypes.string,
   isFullWidth: PropTypes.bool,
+  hasBreadcrumbsMicrodata: PropTypes.bool,
   className: PropTypes.string,
   classes: PropTypes.shape({
     breadcrumbs: PropTypes.string

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

@@ -96,6 +96,8 @@ interface IVideoBannerProps {
     imageDesktopWide?: string;
     /** Хлебные крошки */
     breadcrumbs?: BreadCrumbsItemsType;
+    /** Включить микроразметку хлебных крошек */
+    hasBreadcrumbsMicrodata?: boolean;
 }
 declare const VideoBanner: React.FC<IVideoBannerProps>;
 export default VideoBanner;

package/dist/es/components/VideoBanner/VideoBanner.js

@@ -65,7 +65,9 @@ var VideoBanner = function VideoBanner(_ref2) {
       isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
       breadcrumbs = _ref2.breadcrumbs,
       _ref2$videoMobile = _ref2.videoMobile,
-      videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile;
+      videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile,
+      _ref2$hasBreadcrumbsM = _ref2.hasBreadcrumbsMicrodata,
+      hasBreadcrumbsMicrodata = _ref2$hasBreadcrumbsM === void 0 ? false : _ref2$hasBreadcrumbsM;
 
   var _React$useState = React.useState(true),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -207,6 +209,7 @@ var VideoBanner = function VideoBanner(_ref2) {
   }), /*#__PURE__*/React.createElement(ContentArea, null, /*#__PURE__*/React.createElement("div", {
     className: cn('wrapper')
   }, !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(Breadcrumbs, {
+    hasMicrodata: hasBreadcrumbsMicrodata,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
       link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
@@ -278,6 +281,7 @@ VideoBanner.propTypes = {
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string
-  }).isRequired)
+  }).isRequired),
+  hasBreadcrumbsMicrodata: PropTypes.bool
 };
 export default VideoBanner;

package/dist/es/index.d.ts

@@ -4,6 +4,7 @@ export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIco
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
 export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
 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';
 export { default as ButtonLinkBox } from './components/ButtonLinkBox/ButtonLinkBox';
 export { default as Card } from './components/Card/Card';
@@ -12,6 +13,7 @@ export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
 export { default as Container } from './components/Container/Container';
 export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
 export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
+export { default as FaqWrapper } from './components/FaqWrapper/FaqWrapper';
 export { default as Instructions } from './components/Instructions/Instructions';
 export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';

package/dist/es/index.js

@@ -4,6 +4,7 @@ export { default as BenefitsIcons } from "./components/BenefitsIcons/BenefitsIco
 export { default as BenefitsIconsTile } from "./components/BenefitsIcons/BenefitsIconsTile";
 export { default as BenefitsPictures } from "./components/BenefitsPictures/BenefitsPictures";
 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";
 export { default as ButtonLinkBox } from "./components/ButtonLinkBox/ButtonLinkBox";
 export { default as Card } from "./components/Card/Card";
@@ -12,6 +13,7 @@ export { default as CarouselBox } from "./components/CarouselBox/CarouselBox";
 export { default as Container } from "./components/Container/Container";
 export { default as DownloadLink } from "./components/DownloadLinks/DownloadLink";
 export { default as DownloadLinks } from "./components/DownloadLinks/DownloadLinks";
+export { default as FaqWrapper } from "./components/FaqWrapper/FaqWrapper";
 export { default as Instructions } from "./components/Instructions/Instructions";
 export { default as PageTitle } from "./components/PageTitle/PageTitle";
 export { default as Partners } from "./components/Partners/Partners";

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

@@ -21,6 +21,8 @@ export interface IAccordionBox {
     title: string;
     /** Состояние аккордеона, заданное извне */
     isOpened?: boolean;
+    /** Включить микроразметку */
+    hasMicrodata?: boolean;
     /** Отключить ограничение ширины */
     isFullWidth?: boolean;
     /** Центрирование по горизонтали для расширения 1280+ */

package/dist/lib/components/AccordionBox/AccordionBox.js

@@ -74,6 +74,7 @@ AccordionBox.propTypes = {
   title: PropTypes.string.isRequired,
   isFullWidth: PropTypes.bool,
   isOpened: PropTypes.bool,
+  hasMicrodata: PropTypes.bool,
   hCenterAlignWide: PropTypes.bool,
   className: PropTypes.string,
   classes: PropTypes.shape({

package/dist/lib/components/Breadcrumbs/Breadcrumbs.css

@@ -21,12 +21,6 @@ h5 {
 .mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before {
   color: var(--stcWhite);
 }
-.mfui-breadcrumbs__icon {
-  position: relative;
-  width: 14px;
-  height: 3px;
-  margin-right: 10px;
-}
 .mfui-breadcrumbs__item {
   position: relative;
   margin-right: 10px;

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

@@ -1,27 +1,37 @@
 import React from 'react';
+import { TextColor } from './components/BreadcrumbsItem';
 import './Breadcrumbs.less';
 declare type ItemObjectType = {
     title?: string;
     href?: string;
 };
 declare type ItemType = JSX.Element | ItemObjectType;
-export declare const TextColor: {
-    readonly DEFAULT: "default";
-    readonly BLACK: "black";
-    readonly WHITE: "white";
-};
-declare type TextColorType = typeof TextColor[keyof typeof TextColor];
+export declare type TextColorType = typeof TextColor[keyof typeof TextColor];
 export declare type Props = {
-    dataAttrs?: {
-        root?: Record<string, string>;
-        link?: Record<string, string>;
-    };
+    /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Список элементов */
+    items: ItemType[];
+    /** Цвет */
+    color?: TextColorType;
+    /** Включить микроразметку */
+    hasMicrodata?: boolean;
+    /** Дополнительные классы для корневого и внутренних элементов */
     classes?: {
         item?: string;
+        itemTitle?: string;
+        lastItemTitle?: string;
+        link?: string;
+    };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        item?: Record<string, string>;
+        itemInner?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        itemMeta?: Record<string, string>;
+        link?: Record<string, string>;
     };
-    items: ItemType[];
-    color?: TextColorType;
 };
 declare const Breadcrumbs: React.FC<Props>;
 export default Breadcrumbs;

package/dist/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -1,9 +1,11 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.TextColor = void 0;
+exports["default"] = void 0;
 
 require("core-js/modules/es.array.map");
 
@@ -15,28 +17,21 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireDefault(require("react"));
 
-var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _BreadcrumbsItem = _interopRequireWildcard(require("./components/BreadcrumbsItem"));
 
-var TextColor = {
-  DEFAULT: 'default',
-  BLACK: 'black',
-  WHITE: 'white'
-};
-exports.TextColor = TextColor;
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-function isObjectElement(item) {
-  return !_react["default"].isValidElement(item);
-}
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function isJSXElement(item) {
-  return _react["default"].isValidElement(item);
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var isObjectElement = function isObjectElement(item) {
+  return !_react["default"].isValidElement(item);
+};
 
 var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs');
 
@@ -47,50 +42,65 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+      dataAttrs = _ref.dataAttrs,
+      _ref$hasMicrodata = _ref.hasMicrodata,
+      hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata;
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: cn({
       color: color
     }, className)
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), hasMicrodata && {
+    itemScope: true,
+    itemType: 'https://schema.org/BreadcrumbList'
   }), items.map(function (item, i) {
-    if (isJSXElement(item)) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: cn('item', classes.item),
-        key: i
-      }, item);
-    }
-
-    if (isObjectElement(item)) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: cn('item', classes.item),
-        key: item.title
-      }, /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
-        href: item.href,
-        color: color,
-        dataAttrs: {
-          root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, i + 1)) : undefined
-        }
-      }, item.title));
-    }
-
-    return null;
+    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+      className: cn('item', classes.item)
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
+      key: i
+    }), isObjectElement(item) ? /*#__PURE__*/_react["default"].createElement(_BreadcrumbsItem["default"], {
+      title: item.title,
+      href: item.href,
+      color: color,
+      index: i,
+      isLastItem: i === items.length - 1,
+      hasMicrodata: hasMicrodata,
+      dataAttrs: {
+        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemInner,
+        link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link,
+        itemTitle: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle,
+        meta: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemMeta
+      },
+      classes: {
+        link: classes === null || classes === void 0 ? void 0 : classes.link,
+        itemTitle: classes === null || classes === void 0 ? void 0 : classes.itemTitle,
+        lastItemTitle: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
+      }
+    }) : item);
   }));
 };
 
 Breadcrumbs.propTypes = {
   dataAttrs: _propTypes["default"].shape({
     root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    item: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    itemInner: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    itemTitle: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    itemMeta: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     link: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   }),
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
-    item: _propTypes["default"].string
+    item: _propTypes["default"].string,
+    itemTitle: _propTypes["default"].string,
+    lastItemTitle: _propTypes["default"].string,
+    link: _propTypes["default"].string
   }),
   items: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].element.isRequired), _propTypes["default"].arrayOf(_propTypes["default"].shape({
     title: _propTypes["default"].string,
     href: _propTypes["default"].string
   }).isRequired)]).isRequired,
-  color: _propTypes["default"].oneOf(Object.values(TextColor))
+  color: _propTypes["default"].oneOf(Object.values(_BreadcrumbsItem.TextColor)),
+  hasMicrodata: _propTypes["default"].bool
 };
 var _default = Breadcrumbs;
 exports["default"] = _default;

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css

@@ -0,0 +1,16 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-breadcrumbs-item_color_default {
+  color: var(--content);
+}
+.mfui-breadcrumbs-item_color_black {
+  color: var(--stcBlack);
+}
+.mfui-breadcrumbs-item_color_white {
+  color: var(--stcWhite);
+}

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './BreadcrumbsItem.less';
+export declare const TextColor: {
+    readonly DEFAULT: "default";
+    readonly BLACK: "black";
+    readonly WHITE: "white";
+};
+declare type TextColorType = typeof TextColor[keyof typeof TextColor];
+export declare type Props = {
+    title?: string;
+    href?: string;
+    color?: TextColorType;
+    index?: number;
+    isLastItem?: boolean;
+    hasMicrodata?: boolean;
+    classes?: {
+        link?: string;
+        itemTitle?: string;
+        lastItemTitle?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        link?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        meta?: Record<string, string>;
+    };
+};
+declare const BreadcrumbsItem: React.FC<Props>;
+export default BreadcrumbsItem;

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TextColor = void 0;
+
+require("core-js/modules/es.object.values");
+
+require("core-js/modules/es.string.link");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uiCore = require("@megafon/ui-core");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var TextColor = {
+  DEFAULT: 'default',
+  BLACK: 'black',
+  WHITE: 'white'
+};
+exports.TextColor = TextColor;
+var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs-item');
+
+var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
+  var title = _ref.title,
+      href = _ref.href,
+      color = _ref.color,
+      _ref$index = _ref.index,
+      index = _ref$index === void 0 ? 0 : _ref$index,
+      _ref$isLastItem = _ref.isLastItem,
+      isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
+      _ref$hasMicrodata = _ref.hasMicrodata,
+      hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
+      classes = _ref.classes,
+      dataAttrs = _ref.dataAttrs;
+
+  if (isLastItem) {
+    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+      className: cn({
+        color: color
+      })
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
+      className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: cn()
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
+    itemScope: true,
+    itemProp: 'itemListElement',
+    itemType: 'https://schema.org/ListItem'
+  }), /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
+    className: classes === null || classes === void 0 ? void 0 : classes.link,
+    href: href,
+    color: color,
+    dataAttrs: {
+      root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, index + 1)) : undefined
+    },
+    itemProp: hasMicrodata ? 'item' : undefined
+  }, /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
+    className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && {
+    itemProp: 'name'
+  }), title)), hasMicrodata && /*#__PURE__*/_react["default"].createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
+    itemProp: "position",
+    content: String(index + 1)
+  })));
+};
+
+BreadcrumbsItem.propTypes = {
+  title: _propTypes["default"].string,
+  href: _propTypes["default"].string,
+  color: _propTypes["default"].oneOf(Object.values(TextColor)),
+  index: _propTypes["default"].number,
+  isLastItem: _propTypes["default"].bool,
+  hasMicrodata: _propTypes["default"].bool,
+  classes: _propTypes["default"].shape({
+    link: _propTypes["default"].string,
+    itemTitle: _propTypes["default"].string,
+    lastItemTitle: _propTypes["default"].string
+  }),
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string),
+    link: _propTypes["default"].objectOf(_propTypes["default"].string),
+    itemTitle: _propTypes["default"].objectOf(_propTypes["default"].string),
+    meta: _propTypes["default"].objectOf(_propTypes["default"].string)
+  })
+};
+var _default = BreadcrumbsItem;
+exports["default"] = _default;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FaqWrapper: React.FC;
+export default FaqWrapper;

package/dist/lib/components/FaqWrapper/FaqWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var FaqWrapper = function FaqWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    itemScope: true,
+    itemType: "http://schema.org/FAQPage"
+  }, children);
+};
+
+var _default = FaqWrapper;
+exports["default"] = _default;

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

@@ -16,6 +16,8 @@ declare type Props = {
     badge?: string;
     /** Растягивание компонента на всю доступную ширину */
     isFullWidth?: boolean;
+    /** Включить микроразметку для хлебных крошек */
+    hasBreadcrumbsMicrodata?: boolean;
     /** Класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

package/dist/lib/components/PageTitle/PageTitle.js

@@ -34,6 +34,8 @@ var PageTitle = function PageTitle(_ref) {
       badge = _ref.badge,
       _ref$isFullWidth = _ref.isFullWidth,
       isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
+      _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
+      hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
@@ -63,6 +65,7 @@ var PageTitle = function PageTitle(_ref) {
     className: cn([className]),
     ref: rootRef
   }), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(_Breadcrumbs["default"], {
+    hasMicrodata: hasBreadcrumbsMicrodata,
     items: breadcrumbs,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
@@ -85,6 +88,7 @@ PageTitle.propTypes = {
   }).isRequired),
   badge: _propTypes["default"].string,
   isFullWidth: _propTypes["default"].bool,
+  hasBreadcrumbsMicrodata: _propTypes["default"].bool,
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
     breadcrumbs: _propTypes["default"].string

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

@@ -96,6 +96,8 @@ interface IVideoBannerProps {
     imageDesktopWide?: string;
     /** Хлебные крошки */
     breadcrumbs?: BreadCrumbsItemsType;
+    /** Включить микроразметку хлебных крошек */
+    hasBreadcrumbsMicrodata?: boolean;
 }
 declare const VideoBanner: React.FC<IVideoBannerProps>;
 export default VideoBanner;

package/dist/lib/components/VideoBanner/VideoBanner.js

@@ -97,7 +97,9 @@ var VideoBanner = function VideoBanner(_ref2) {
       isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
       breadcrumbs = _ref2.breadcrumbs,
       _ref2$videoMobile = _ref2.videoMobile,
-      videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile;
+      videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile,
+      _ref2$hasBreadcrumbsM = _ref2.hasBreadcrumbsMicrodata,
+      hasBreadcrumbsMicrodata = _ref2$hasBreadcrumbsM === void 0 ? false : _ref2$hasBreadcrumbsM;
 
   var _React$useState = _react["default"].useState(true),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -243,6 +245,7 @@ var VideoBanner = function VideoBanner(_ref2) {
   }), /*#__PURE__*/_react["default"].createElement(_uiCore.ContentArea, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('wrapper')
   }, !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], {
+    hasMicrodata: hasBreadcrumbsMicrodata,
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
       link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
@@ -314,7 +317,8 @@ VideoBanner.propTypes = {
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string
-  }).isRequired)
+  }).isRequired),
+  hasBreadcrumbsMicrodata: PropTypes.bool
 };
 var _default = VideoBanner;
 exports["default"] = _default;

package/dist/lib/index.d.ts

@@ -4,6 +4,7 @@ export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIco
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
 export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
 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';
 export { default as ButtonLinkBox } from './components/ButtonLinkBox/ButtonLinkBox';
 export { default as Card } from './components/Card/Card';
@@ -12,6 +13,7 @@ export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
 export { default as Container } from './components/Container/Container';
 export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
 export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
+export { default as FaqWrapper } from './components/FaqWrapper/FaqWrapper';
 export { default as Instructions } from './components/Instructions/Instructions';
 export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';

package/dist/lib/index.js

@@ -39,6 +39,12 @@ Object.defineProperty(exports, "Breadcrumbs", {
     return _Breadcrumbs["default"];
   }
 });
+Object.defineProperty(exports, "BreadcrumbsItem", {
+  enumerable: true,
+  get: function get() {
+    return _BreadcrumbsItem["default"];
+  }
+});
 Object.defineProperty(exports, "ButtonBanner", {
   enumerable: true,
   get: function get() {
@@ -87,6 +93,12 @@ Object.defineProperty(exports, "DownloadLinks", {
     return _DownloadLinks["default"];
   }
 });
+Object.defineProperty(exports, "FaqWrapper", {
+  enumerable: true,
+  get: function get() {
+    return _FaqWrapper["default"];
+  }
+});
 Object.defineProperty(exports, "Instructions", {
   enumerable: true,
   get: function get() {
@@ -232,6 +244,8 @@ var _BenefitsPictures = _interopRequireDefault(require("./components/BenefitsPic
 
 var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs/Breadcrumbs"));
 
+var _BreadcrumbsItem = _interopRequireDefault(require("./components/Breadcrumbs/components/BreadcrumbsItem"));
+
 var _ButtonBanner = _interopRequireDefault(require("./components/ButtonBanner/ButtonBanner"));
 
 var _ButtonLinkBox = _interopRequireDefault(require("./components/ButtonLinkBox/ButtonLinkBox"));
@@ -248,6 +262,8 @@ var _DownloadLink = _interopRequireDefault(require("./components/DownloadLinks/D
 
 var _DownloadLinks = _interopRequireDefault(require("./components/DownloadLinks/DownloadLinks"));
 
+var _FaqWrapper = _interopRequireDefault(require("./components/FaqWrapper/FaqWrapper"));
+
 var _Instructions = _interopRequireDefault(require("./components/Instructions/Instructions"));
 
 var _PageTitle = _interopRequireDefault(require("./components/PageTitle/PageTitle"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.4.0",
+    "@megafon/ui-icons": "^2.4.1",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -85,13 +85,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.9.1",
-    "@megafon/ui-helpers": "^2.3.0",
+    "@megafon/ui-core": "^4.10.0",
+    "@megafon/ui-helpers": "^2.3.1",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "079e229d423944ab3643730e461d4d5b4342cff0"
+  "gitHead": "ac8874d2fae1f64db72d87a5c0352360a70b9a4d"
 }