@megafon/ui-shared 6.11.0 → 6.12.0

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

@@ -1,6 +1,6 @@
 import React, { ReactElement, Ref } from 'react';
 import './Card.less';
-import { ButtonType, FeaturesList, IconsList, Image, Link, MarkerList, Price, TextsList, Title } from './types';
+import { ExtraButtonType, FeaturesList, IconsList, Image, Link, MainButtonType, MarkerList, Price, TextsList, Title } from './types';
 export interface ICard {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -42,9 +42,9 @@ export interface ICard {
     /** Цена */
     price?: Price;
     /** Кнопка */
-    button?: ButtonType;
+    button?: MainButtonType;
     /** Дополнительная кнопка */
-    extraButton?: ButtonType;
+    extraButton?: ExtraButtonType;
     /** Бейдж */
     badge?: ReactElement;
     /** Обработчик клика по карточке */

package/dist/es/components/Card/Card.js

@@ -184,6 +184,7 @@ var Card = function Card(_ref5) {
       return null;
     }
 
+    var extraButtonType = (button === null || button === void 0 ? void 0 : button.type) === 'outline' ? 'text' : extraButton === null || extraButton === void 0 ? void 0 : extraButton.type;
     return /*#__PURE__*/React.createElement("div", {
       className: cn('buttons', {
         centered: (button === null || button === void 0 ? void 0 : button.isCentered) || (extraButton === null || extraButton === void 0 ? void 0 : extraButton.isCentered)
@@ -195,6 +196,8 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.button]),
       href: button.href,
       target: button.target,
+      type: button.type || 'primary',
+      theme: button.theme || 'green',
       onClick: button === null || button === void 0 ? void 0 : button.onClick
     }, button.title), !!extraButton && /*#__PURE__*/React.createElement(Button, {
       dataAttrs: {
@@ -203,7 +206,7 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.extraButton]),
       href: extraButton.href,
       target: extraButton.target,
-      type: "outline",
+      type: extraButtonType || 'outline',
       onClick: extraButton === null || extraButton === void 0 ? void 0 : extraButton.onClick
     }, extraButton.title));
   };
@@ -298,6 +301,8 @@ Card.propTypes = {
     href: PropTypes.string,
     target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
     isCentered: PropTypes.bool,
+    type: PropTypes.oneOf(['primary', 'outline']),
+    theme: PropTypes.oneOf(['green', 'green-soft']),
     onClick: PropTypes.func
   }),
   extraButton: PropTypes.shape({
@@ -305,6 +310,7 @@ Card.propTypes = {
     href: PropTypes.string,
     target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
     isCentered: PropTypes.bool,
+    type: PropTypes.oneOf(['text', 'outline']),
     onClick: PropTypes.func
   }),
   onClick: PropTypes.func

package/dist/es/components/Card/types.d.ts

@@ -62,7 +62,7 @@ export declare type Price = {
     /** Период */
     period?: string;
 };
-export declare type ButtonType = {
+export declare type MainButtonType = {
     /** Название */
     title: string;
     /** Ссылка */
@@ -71,6 +71,24 @@ export declare type ButtonType = {
     target?: Target;
     /** Центрировать кнопку */
     isCentered?: boolean;
+    /** Тип кнопки */
+    type?: 'primary' | 'outline';
+    /** Тема кнопки */
+    theme?: 'green' | 'green-soft';
+    /** Обработчик клика по кнопке */
+    onClick?: () => void;
+};
+export declare type ExtraButtonType = {
+    /** Название */
+    title: string;
+    /** Ссылка */
+    href?: string;
+    /** Target свойство кнопки */
+    target?: Target;
+    /** Центрировать кнопку */
+    isCentered?: boolean;
+    /** Тип кнопки */
+    type?: 'outline' | 'text';
     /** Обработчик клика по кнопке */
     onClick?: () => void;
 };

package/dist/es/components/Container/Container.css

@@ -11,7 +11,6 @@ h5 {
 }
 .mfui-v6-container .mfui-v6-container__inner {
   padding-bottom: 96px;
-  border-radius: 24px;
 }
 @media screen and (max-width: 767px) {
   .mfui-v6-container .mfui-v6-container__inner {
@@ -23,13 +22,20 @@ h5 {
     padding-bottom: 72px;
   }
 }
+@media screen and (min-width: 768px) {
+  .mfui-v6-container .mfui-v6-container__inner {
+    border-radius: 40px;
+  }
+}
 .mfui-v6-container .mfui-v6-container__inner_prevent {
   padding-top: 0.1px;
 }
+.mfui-v6-container_disable-radius-top .mfui-v6-container__inner,
 .mfui-v6-container:first-child .mfui-v6-container__inner {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+.mfui-v6-container_disable-radius-bottom .mfui-v6-container__inner,
 .mfui-v6-container:last-child .mfui-v6-container__inner {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;

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

@@ -15,12 +15,21 @@ declare type Props = {
     rootRef?: Ref<HTMLDivElement>;
     /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        inner?: string;
+    };
     /** Цвет фона */
     backgroundColor?: BackgroundColorType;
     /** Отключить отступ сверху */
     disablePaddingTop?: boolean;
     /** Отключить отступ снизу */
     disablePaddingBottom?: boolean;
+    /** Отключить скругление сверху */
+    disableRadiusTop?: boolean;
+    /** Отключить скругление снизу */
+    disableRadiusBottom?: boolean;
     /** Включить тень в нижней части компонента */
     bottomShadow?: boolean;
     /** Предотвратить прохождение верхнего отступа дочернего компонента через верхнюю границу контейнера */

package/dist/es/components/Container/Container.js

@@ -19,9 +19,12 @@ var Container = function Container(_ref) {
       rootRef = _ref.rootRef,
       id = _ref.id,
       className = _ref.className,
+      classes = _ref.classes,
       children = _ref.children,
       disablePaddingTop = _ref.disablePaddingTop,
       disablePaddingBottom = _ref.disablePaddingBottom,
+      disableRadiusTop = _ref.disableRadiusTop,
+      disableRadiusBottom = _ref.disableRadiusBottom,
       _ref$bottomShadow = _ref.bottomShadow,
       bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow,
       _ref$preventMarginTop = _ref.preventMarginTopCollapse,
@@ -31,26 +34,34 @@ var Container = function Container(_ref) {
       'bg-color': backgroundColor,
       'bottom-shadow': bottomShadow,
       'disable-padding-top': disablePaddingTop,
-      'disable-padding-bottom': disablePaddingBottom
-    }, [className]),
+      'disable-padding-bottom': disablePaddingBottom,
+      'disable-radius-top': disableRadiusTop,
+      'disable-radius-bottom': disableRadiusBottom
+    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
     ref: rootRef,
     id: id
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('inner', {
       prevent: preventMarginTopCollapse
-    })
+    }, [classes === null || classes === void 0 ? void 0 : classes.inner])
   }, /*#__PURE__*/React.createElement(ContentArea, null, children)));
 };
 
 Container.propTypes = {
   id: PropTypes.string,
   className: PropTypes.string,
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    inner: PropTypes.string
+  }),
   backgroundColor: PropTypes.oneOf(Object.values(BackgroundColors)),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
   }), PropTypes.any])]),
   disablePaddingTop: PropTypes.bool,
   disablePaddingBottom: PropTypes.bool,
+  disableRadiusTop: PropTypes.bool,
+  disableRadiusBottom: PropTypes.bool,
   bottomShadow: PropTypes.bool,
   preventMarginTopCollapse: PropTypes.bool
 };

package/dist/es/components/PageTitle/PageTitle.css

@@ -67,6 +67,33 @@ h5 {
     margin-top: 45px;
   }
 }
+.mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+  margin-top: 48px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+    margin-top: 40px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+    margin-top: 32px;
+  }
+}
+.mfui-v6-page-title__description {
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+  margin-top: 24px;
+  color: inherit;
+  white-space: pre-wrap;
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-page-title__description {
+    margin-top: 16px;
+  }
+}
 .mfui-v6-page-title__badge + .mfui-v6-page-title__title {
   margin-top: 8px;
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './PageTitle.less';
 import { Props as BreadcrumbsType } from '../Breadcrumbs/Breadcrumbs';
+import './PageTitle.less';
 export declare type PageTitleProps = {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -10,6 +10,8 @@ export declare type PageTitleProps = {
     };
     /** Текст заголовка */
     title: string | React.ReactNode | React.ReactNode[];
+    /** Описание */
+    description?: string | React.ReactNode | React.ReactNode[];
     /** Хлебные крошки */
     breadcrumbs?: BreadcrumbsType['items'];
     /** Текст бейджа */
@@ -18,10 +20,13 @@ export declare type PageTitleProps = {
     isFullWidth?: boolean;
     /** Включить микроразметку для хлебных крошек */
     hasBreadcrumbsMicrodata?: boolean;
+    /** Отступ сверху */
+    marginTop?: 'default' | 'small';
     /** Класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */
     classes?: {
+        title?: string;
         breadcrumbs?: string;
     };
     /** Ссылка на корневой элемент */

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

@@ -1,40 +1,52 @@
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
 import * as React from 'react';
 import { Header, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
-import "./PageTitle.css";
 import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
+import "./PageTitle.css";
 var testIdPrefix = 'PageTitle';
 var cn = cnCreate('mfui-v6-page-title');
 
 var PageTitle = function PageTitle(_ref) {
   var dataAttrs = _ref.dataAttrs,
       title = _ref.title,
+      description = _ref.description,
       breadcrumbs = _ref.breadcrumbs,
       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,
+      _ref$marginTop = _ref.marginTop,
+      marginTop = _ref$marginTop === void 0 ? 'default' : _ref$marginTop,
       className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
       rootRef = _ref.rootRef;
   var isBreadcrumbs = !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length);
-  var renderPageTitle = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
-      className: cn('badge', {
-        'under-breadcrumbs': isBreadcrumbs
-      })
-    }, badge), /*#__PURE__*/React.createElement(Header, {
-      className: cn('title', {
-        'under-breadcrumbs': isBreadcrumbs && !badge
-      }),
-      as: "h1"
-    }, title));
-  }, [badge, title, isBreadcrumbs]);
-  var renderPageTitleWithGrid = React.useCallback(function () {
+  var titleContent = /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
+    className: cn('badge', {
+      'under-breadcrumbs': isBreadcrumbs
+    })
+  }, badge), /*#__PURE__*/React.createElement(Header, {
+    className: cn('title', {
+      single: !isBreadcrumbs && !badge,
+      'margin-top': marginTop,
+      'under-breadcrumbs': isBreadcrumbs && !badge
+    }, [classes.title]),
+    as: "h1"
+  }, title), description && /*#__PURE__*/React.createElement("div", {
+    className: cn('description')
+  }, description));
+
+  var renderContent = function renderContent() {
+    if (isFullWidth) {
+      return titleContent;
+    }
+
     return /*#__PURE__*/React.createElement(Grid, {
       dataAttrs: {
         root: {
@@ -46,8 +58,9 @@ var PageTitle = function PageTitle(_ref) {
       desktop: "10",
       tablet: "12",
       mobile: "12"
-    }, renderPageTitle()));
-  }, [renderPageTitle]);
+    }, titleContent));
+  };
+
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className]),
     ref: rootRef
@@ -61,7 +74,7 @@ var PageTitle = function PageTitle(_ref) {
       link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
     },
     className: cn('breadcrumbs', [classes.breadcrumbs])
-  }), isFullWidth ? renderPageTitle() : renderPageTitleWithGrid());
+  }), renderContent());
 };
 
 PageTitle.propTypes = {
@@ -71,6 +84,7 @@ PageTitle.propTypes = {
     breadcrumbsLink: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string.isRequired,
     href: PropTypes.string
@@ -78,8 +92,10 @@ PageTitle.propTypes = {
   badge: PropTypes.string,
   isFullWidth: PropTypes.bool,
   hasBreadcrumbsMicrodata: PropTypes.bool,
+  marginTop: PropTypes.oneOf(['default', 'small']),
   className: PropTypes.string,
   classes: PropTypes.shape({
+    title: PropTypes.string,
     breadcrumbs: PropTypes.string
   }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({

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

@@ -1,6 +1,6 @@
 import React, { ReactElement, Ref } from 'react';
 import './Card.less';
-import { ButtonType, FeaturesList, IconsList, Image, Link, MarkerList, Price, TextsList, Title } from './types';
+import { ExtraButtonType, FeaturesList, IconsList, Image, Link, MainButtonType, MarkerList, Price, TextsList, Title } from './types';
 export interface ICard {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -42,9 +42,9 @@ export interface ICard {
     /** Цена */
     price?: Price;
     /** Кнопка */
-    button?: ButtonType;
+    button?: MainButtonType;
     /** Дополнительная кнопка */
-    extraButton?: ButtonType;
+    extraButton?: ExtraButtonType;
     /** Бейдж */
     badge?: ReactElement;
     /** Обработчик клика по карточке */

package/dist/lib/components/Card/Card.js

@@ -199,6 +199,7 @@ var Card = function Card(_ref5) {
       return null;
     }
 
+    var extraButtonType = (button === null || button === void 0 ? void 0 : button.type) === 'outline' ? 'text' : extraButton === null || extraButton === void 0 ? void 0 : extraButton.type;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('buttons', {
         centered: (button === null || button === void 0 ? void 0 : button.isCentered) || (extraButton === null || extraButton === void 0 ? void 0 : extraButton.isCentered)
@@ -210,6 +211,8 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.button]),
       href: button.href,
       target: button.target,
+      type: button.type || 'primary',
+      theme: button.theme || 'green',
       onClick: button === null || button === void 0 ? void 0 : button.onClick
     }, button.title), !!extraButton && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
       dataAttrs: {
@@ -218,7 +221,7 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.extraButton]),
       href: extraButton.href,
       target: extraButton.target,
-      type: "outline",
+      type: extraButtonType || 'outline',
       onClick: extraButton === null || extraButton === void 0 ? void 0 : extraButton.onClick
     }, extraButton.title));
   };
@@ -313,6 +316,8 @@ Card.propTypes = {
     href: _propTypes["default"].string,
     target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
     isCentered: _propTypes["default"].bool,
+    type: _propTypes["default"].oneOf(['primary', 'outline']),
+    theme: _propTypes["default"].oneOf(['green', 'green-soft']),
     onClick: _propTypes["default"].func
   }),
   extraButton: _propTypes["default"].shape({
@@ -320,6 +325,7 @@ Card.propTypes = {
     href: _propTypes["default"].string,
     target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
     isCentered: _propTypes["default"].bool,
+    type: _propTypes["default"].oneOf(['text', 'outline']),
     onClick: _propTypes["default"].func
   }),
   onClick: _propTypes["default"].func

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

@@ -62,7 +62,7 @@ export declare type Price = {
     /** Период */
     period?: string;
 };
-export declare type ButtonType = {
+export declare type MainButtonType = {
     /** Название */
     title: string;
     /** Ссылка */
@@ -71,6 +71,24 @@ export declare type ButtonType = {
     target?: Target;
     /** Центрировать кнопку */
     isCentered?: boolean;
+    /** Тип кнопки */
+    type?: 'primary' | 'outline';
+    /** Тема кнопки */
+    theme?: 'green' | 'green-soft';
+    /** Обработчик клика по кнопке */
+    onClick?: () => void;
+};
+export declare type ExtraButtonType = {
+    /** Название */
+    title: string;
+    /** Ссылка */
+    href?: string;
+    /** Target свойство кнопки */
+    target?: Target;
+    /** Центрировать кнопку */
+    isCentered?: boolean;
+    /** Тип кнопки */
+    type?: 'outline' | 'text';
     /** Обработчик клика по кнопке */
     onClick?: () => void;
 };

package/dist/lib/components/Container/Container.css

@@ -11,7 +11,6 @@ h5 {
 }
 .mfui-v6-container .mfui-v6-container__inner {
   padding-bottom: 96px;
-  border-radius: 24px;
 }
 @media screen and (max-width: 767px) {
   .mfui-v6-container .mfui-v6-container__inner {
@@ -23,13 +22,20 @@ h5 {
     padding-bottom: 72px;
   }
 }
+@media screen and (min-width: 768px) {
+  .mfui-v6-container .mfui-v6-container__inner {
+    border-radius: 40px;
+  }
+}
 .mfui-v6-container .mfui-v6-container__inner_prevent {
   padding-top: 0.1px;
 }
+.mfui-v6-container_disable-radius-top .mfui-v6-container__inner,
 .mfui-v6-container:first-child .mfui-v6-container__inner {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+.mfui-v6-container_disable-radius-bottom .mfui-v6-container__inner,
 .mfui-v6-container:last-child .mfui-v6-container__inner {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;

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

@@ -15,12 +15,21 @@ declare type Props = {
     rootRef?: Ref<HTMLDivElement>;
     /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Дополнительные классы для корневого и внутренних элементов */
+    classes?: {
+        root?: string;
+        inner?: string;
+    };
     /** Цвет фона */
     backgroundColor?: BackgroundColorType;
     /** Отключить отступ сверху */
     disablePaddingTop?: boolean;
     /** Отключить отступ снизу */
     disablePaddingBottom?: boolean;
+    /** Отключить скругление сверху */
+    disableRadiusTop?: boolean;
+    /** Отключить скругление снизу */
+    disableRadiusBottom?: boolean;
     /** Включить тень в нижней части компонента */
     bottomShadow?: boolean;
     /** Предотвратить прохождение верхнего отступа дочернего компонента через верхнюю границу контейнера */

package/dist/lib/components/Container/Container.js

@@ -33,9 +33,12 @@ var Container = function Container(_ref) {
       rootRef = _ref.rootRef,
       id = _ref.id,
       className = _ref.className,
+      classes = _ref.classes,
       children = _ref.children,
       disablePaddingTop = _ref.disablePaddingTop,
       disablePaddingBottom = _ref.disablePaddingBottom,
+      disableRadiusTop = _ref.disableRadiusTop,
+      disableRadiusBottom = _ref.disableRadiusBottom,
       _ref$bottomShadow = _ref.bottomShadow,
       bottomShadow = _ref$bottomShadow === void 0 ? false : _ref$bottomShadow,
       _ref$preventMarginTop = _ref.preventMarginTopCollapse,
@@ -45,26 +48,34 @@ var Container = function Container(_ref) {
       'bg-color': backgroundColor,
       'bottom-shadow': bottomShadow,
       'disable-padding-top': disablePaddingTop,
-      'disable-padding-bottom': disablePaddingBottom
-    }, [className]),
+      'disable-padding-bottom': disablePaddingBottom,
+      'disable-radius-top': disableRadiusTop,
+      'disable-radius-bottom': disableRadiusBottom
+    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
     ref: rootRef,
     id: id
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('inner', {
       prevent: preventMarginTopCollapse
-    })
+    }, [classes === null || classes === void 0 ? void 0 : classes.inner])
   }, /*#__PURE__*/_react["default"].createElement(_uiCore.ContentArea, null, children)));
 };
 
 Container.propTypes = {
   id: _propTypes["default"].string,
   className: _propTypes["default"].string,
+  classes: _propTypes["default"].shape({
+    root: _propTypes["default"].string,
+    inner: _propTypes["default"].string
+  }),
   backgroundColor: _propTypes["default"].oneOf(Object.values(BackgroundColors)),
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
   }), _propTypes["default"].any])]),
   disablePaddingTop: _propTypes["default"].bool,
   disablePaddingBottom: _propTypes["default"].bool,
+  disableRadiusTop: _propTypes["default"].bool,
+  disableRadiusBottom: _propTypes["default"].bool,
   bottomShadow: _propTypes["default"].bool,
   preventMarginTopCollapse: _propTypes["default"].bool
 };

package/dist/lib/components/PageTitle/PageTitle.css

@@ -67,6 +67,33 @@ h5 {
     margin-top: 45px;
   }
 }
+.mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+  margin-top: 48px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+    margin-top: 40px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-page-title__title_single.mfui-v6-page-title__title_margin-top_small {
+    margin-top: 32px;
+  }
+}
+.mfui-v6-page-title__description {
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+  margin-top: 24px;
+  color: inherit;
+  white-space: pre-wrap;
+}
+@media screen and (max-width: 767px) {
+  .mfui-v6-page-title__description {
+    margin-top: 16px;
+  }
+}
 .mfui-v6-page-title__badge + .mfui-v6-page-title__title {
   margin-top: 8px;
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './PageTitle.less';
 import { Props as BreadcrumbsType } from '../Breadcrumbs/Breadcrumbs';
+import './PageTitle.less';
 export declare type PageTitleProps = {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -10,6 +10,8 @@ export declare type PageTitleProps = {
     };
     /** Текст заголовка */
     title: string | React.ReactNode | React.ReactNode[];
+    /** Описание */
+    description?: string | React.ReactNode | React.ReactNode[];
     /** Хлебные крошки */
     breadcrumbs?: BreadcrumbsType['items'];
     /** Текст бейджа */
@@ -18,10 +20,13 @@ export declare type PageTitleProps = {
     isFullWidth?: boolean;
     /** Включить микроразметку для хлебных крошек */
     hasBreadcrumbsMicrodata?: boolean;
+    /** Отступ сверху */
+    marginTop?: 'default' | 'small';
     /** Класс для корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */
     classes?: {
+        title?: string;
         breadcrumbs?: string;
     };
     /** Ссылка на корневой элемент */