@megafon/ui-shared 4.0.0-beta.9 → 4.0.2

package/CHANGELOG.md

@@ -3,39 +3,57 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [4.0.0-beta.9](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.0.0-beta.8...@megafon/ui-shared@4.0.0-beta.9) (2022-07-14)
+## [4.0.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.0.1...@megafon/ui-shared@4.0.2) (2022-09-14)
 
+**Note:** Version bump only for package @megafon/ui-shared
 
-### Features
 
-* **header:** add new prop space ([e5bef7c](https://github.com/MegafonWebLab/megafon-ui/commit/e5bef7c8e13c57e477a4c25f07a4a4a6dbb8b6bd))
 
 
 
+## [4.0.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.0.0...@megafon/ui-shared@4.0.1) (2022-09-14)
 
 
-# [4.0.0-beta.8](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.0.0-beta.7...@megafon/ui-shared@4.0.0-beta.8) (2022-07-13)
+### Bug Fixes
 
-**Note:** Version bump only for package @megafon/ui-shared
+* remove forgotten deprecated props ([3acaf97](https://github.com/MegafonWebLab/megafon-ui/commit/3acaf9731780f89c7087a8b6f9af943a62f7a185))
 
 
 
 
 
-# [4.0.0-beta.7](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.0.0-beta.6...@megafon/ui-shared@4.0.0-beta.7) (2022-07-05)
+# [4.0.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.5.0...@megafon/ui-shared@4.0.0) (2022-09-14)
 
-**Note:** Version bump only for package @megafon/ui-shared
 
+### Bug Fixes
 
+* **breadcrumbs:** change default color prop value from black to default ([fd0c9b6](https://github.com/MegafonWebLab/megafon-ui/commit/fd0c9b645d41523f34b198e3f9310d27ea7e34f3))
 
 
+### Features
+
+* **header:** add new prop space ([7a9479e](https://github.com/MegafonWebLab/megafon-ui/commit/7a9479e85c1f5c19b7f2bae2e6a4d234712f2d7c))
+* **paragraph:** remove prop size; add new prop; add 'pale' option to colors ([32b0c54](https://github.com/MegafonWebLab/megafon-ui/commit/32b0c54eaf82ceb1f24d5fc90a9aa81d3e427ee3))
+* **tabs:** update by new design ([08d76f0](https://github.com/MegafonWebLab/megafon-ui/commit/08d76f0e15b8b7a54a18d7f115db4744b12e8ac2))
+* **text-with-icon:** delete centering in mobile resolution ([0bf1236](https://github.com/MegafonWebLab/megafon-ui/commit/0bf1236c216a327bf574c5dc0e2009e98479390a))
+
+
+### BREAKING CHANGES
+
+* **text-with-icon:** centering in mobile resolution was removed according guides
+* **tabs:** new prop autoWidth added
+size prop small vallue removed
+new sizes
+* **breadcrumbs:** color is now depends on current theme. by default it matches content text color.
+for keep black color on light background use 'black' value for prop 'color'.
+* **paragraph:** prop 'size' is no longer exists.
+use component Caption instead of Paragraph size="small"
+
 
-# [4.0.0-beta.6](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.4.3...@megafon/ui-shared@4.0.0-beta.6) (2022-06-29)
 
 
-### Bug Fixes
 
-* **breadcrumbs:** change default color prop value from black to default ([5c30998](https://github.com/MegafonWebLab/megafon-ui/commit/5c30998fe192be143add5af873c08cf51deb299e))
+# [3.5.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.4.6...@megafon/ui-shared@3.5.0) (2022-09-14)
 
 
 ### Features

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

@@ -7,7 +7,7 @@ export interface IBenefitsPicturesProps {
     /** Данные для бенефитов */
     items: IBenefit[];
     /** Горизонтальное выравнивание */
-    hAlign?: 'left' | 'center';
+    align?: 'left' | 'center';
     /** Расстояние между бенефитами */
     gridGap?: GridGutterSize;
     /** Дополнительный css класс для корневого элемента */

package/dist/es/components/BenefitsPictures/BenefitsPictures.js

@@ -113,8 +113,8 @@ var cn = cnCreate('mfui-benefits-pictures');
 
 var BenefitsPictures = function BenefitsPictures(_ref) {
   var items = _ref.items,
-      _ref$hAlign = _ref.hAlign,
-      hAlign = _ref$hAlign === void 0 ? 'left' : _ref$hAlign,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'left' : _ref$align,
       _ref$gridGap = _ref.gridGap,
       gridGap = _ref$gridGap === void 0 ? 'large' : _ref$gridGap,
       rootRef = _ref.rootRef,
@@ -122,7 +122,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes;
   var isLargeGutter = gridGap === 'large';
-  var isGridCenterAlign = hAlign === 'center' && items.length !== ONLY_LEFT_ALIGN_ITEMS_COUNT;
+  var isGridCenterAlign = align === 'center' && items.length !== ONLY_LEFT_ALIGN_ITEMS_COUNT;
 
   var _React$useState = React.useState(gridGap),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -158,22 +158,22 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
     var img = _ref2.img,
         title = _ref2.title,
         text = _ref2.text;
-    return /*#__PURE__*/React.createElement(GridColumn, _extends({}, hAlign === 'left' ? getLeftConfig(items.length, index) : getCenterConfig(items.length, index, gridGap), {
+    return /*#__PURE__*/React.createElement(GridColumn, _extends({}, align === 'left' ? getLeftConfig(items.length, index) : getCenterConfig(items.length, index, gridGap), {
       key: index
     }), /*#__PURE__*/React.createElement("div", {
       className: cn('item', [classes.item])
     }, /*#__PURE__*/React.createElement("img", {
       className: cn('img', {
-        'h-align': hAlign
+        'h-align': align
       }),
       src: img,
       alt: ""
     }), /*#__PURE__*/React.createElement(Header, {
       className: cn('title'),
-      hAlign: hAlign,
+      align: align,
       as: "h3"
     }, convert(title)), /*#__PURE__*/React.createElement(Paragraph, {
-      align: hAlign
+      align: align
     }, convert(text))));
   })));
 };
@@ -187,7 +187,7 @@ BenefitsPictures.propTypes = {
     text: PropTypes.string.isRequired,
     img: PropTypes.string.isRequired
   }).isRequired).isRequired,
-  hAlign: PropTypes.oneOf(['left', 'center']),
+  align: PropTypes.oneOf(['left', 'center']),
   gridGap: PropTypes.oneOf(['medium', 'large']),
   className: PropTypes.string,
   classes: PropTypes.shape({

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

@@ -3,7 +3,6 @@ import './Breadcrumbs.less';
 declare type ItemObjectType = {
     title?: string;
     href?: string;
-    component?: React.ReactElement;
 };
 declare type ItemType = JSX.Element | ItemObjectType;
 export declare const TextColor: {

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

@@ -46,8 +46,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     if (isObjectElement(item)) {
       return /*#__PURE__*/React.createElement("div", {
         className: cn('item', classes.item),
-        key: item.component ? i : item.title
-      }, item.component || /*#__PURE__*/React.createElement(TextLink, {
+        key: item.title
+      }, /*#__PURE__*/React.createElement(TextLink, {
         href: item.href,
         color: color,
         dataAttrs: {
@@ -71,10 +71,7 @@ Breadcrumbs.propTypes = {
   }),
   items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.arrayOf(PropTypes.shape({
     title: PropTypes.string,
-    href: PropTypes.string,
-
-    /* @deprecated */
-    component: PropTypes.element
+    href: PropTypes.string
   }).isRequired)]).isRequired,
   color: PropTypes.oneOf(Object.values(TextColor))
 };

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

@@ -36,7 +36,7 @@ export interface IButtonLinkBoxProps {
     /** Добавляет атрибут download к свойству тега <a> */
     linkDownload?: boolean;
     /** Горизонтальное выравнивание */
-    hAlign?: 'center' | 'left';
+    align?: 'center' | 'left';
     /** Обработчик клика по кнопке */
     onButtonClick?: (e: React.SyntheticEvent<EventTarget>) => void;
     /** Обработчик клика по ссылке */

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js

@@ -18,7 +18,7 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
       linkTitle = _ref.linkTitle,
       linkUrl = _ref.linkUrl,
       linkDownload = _ref.linkDownload,
-      hAlign = _ref.hAlign,
+      align = _ref.align,
       className = _ref.className,
       buttonTarget = _ref.buttonTarget,
       linkTarget = _ref.linkTarget,
@@ -28,7 +28,7 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
       onLinkClick = _ref.onLinkClick;
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      'h-align': hAlign
+      'h-align': align
     }, [className, classes.root]),
     ref: rootRef
   }), buttonTitle && /*#__PURE__*/React.createElement("div", {
@@ -80,7 +80,7 @@ ButtonLinkBox.propTypes = {
   linkTitle: PropTypes.string,
   linkUrl: PropTypes.string,
   linkDownload: PropTypes.bool,
-  hAlign: PropTypes.oneOf(['center']),
+  align: PropTypes.oneOf(['center']),
   onButtonClick: PropTypes.func,
   onLinkClick: PropTypes.func
 };

package/dist/es/components/Steps/Steps.js

@@ -15,7 +15,7 @@ var Steps = function Steps(_ref) {
     ref: rootRef
   }, /*#__PURE__*/React.createElement(Header, {
     as: "h2",
-    hAlign: "center",
+    align: "center",
     className: cn('title')
   }, title), /*#__PURE__*/React.createElement("ul", {
     className: cn('list')

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

@@ -14,8 +14,6 @@ export interface ITextWithIconProps {
     className?: string;
     /** Включить растягивание на всю ширину контейнера */
     isFullWidth?: boolean;
-    /** Выравнивание по центру на мобильных */
-    centeringOnMobile?: boolean;
     /** Допустимый дочерний компонент */
     children: React.ReactElement<ITextWithIconItem>[] | React.ReactElement<ITextWithIconItem>;
 }

package/dist/es/components/TextWithIcon/TextWithIcon.js

@@ -13,8 +13,6 @@ var TextWithIcon = function TextWithIcon(_ref) {
       className = _ref.className,
       _ref$isFullWidth = _ref.isFullWidth,
       isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
-      _ref$centeringOnMobil = _ref.centeringOnMobile,
-      centeringOnMobile = _ref$centeringOnMobil === void 0 ? true : _ref$centeringOnMobil,
       children = _ref.children;
 
   var renderContent = function renderContent() {
@@ -34,9 +32,7 @@ var TextWithIcon = function TextWithIcon(_ref) {
   };
 
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn({
-      'centering-on-mobile': centeringOnMobile
-    }, [className]),
+    className: cn([className]),
     ref: rootRef
   }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), isFullWidth ? renderContent() : renderContentWithGrid());
 };
@@ -51,7 +47,6 @@ TextWithIcon.propTypes = {
   }),
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element.isRequired]).isRequired,
   isFullWidth: PropTypes.bool,
-  centeringOnMobile: PropTypes.bool,
   className: PropTypes.string
 };
 export default TextWithIcon;

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

@@ -16,7 +16,7 @@ export interface ITitleDescriptionBoxProps {
     /** Цвет текста */
     textColor?: 'white';
     /** Горизонтальное выравнивание */
-    hAlign?: 'center';
+    align?: 'center';
 }
 declare const TitleDescriptionBox: React.FC<ITitleDescriptionBoxProps>;
 export default TitleDescriptionBox;

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -13,7 +13,7 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
       title = _ref.title,
       description = _ref.description,
       textColor = _ref.textColor,
-      hAlign = _ref.hAlign,
+      align = _ref.align,
       rootRef = _ref.rootRef,
       className = _ref.className;
   var renderDescription = React.useCallback(function () {
@@ -31,12 +31,12 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
   }, [description]);
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      'h-align': hAlign,
+      'h-align': align,
       'text-color': textColor
     }, className),
     ref: rootRef
   }), /*#__PURE__*/React.createElement(Grid, {
-    hAlign: hAlign
+    hAlign: align
   }, /*#__PURE__*/React.createElement(GridColumn, {
     wide: "8",
     desktop: "10"
@@ -59,7 +59,7 @@ TitleDescriptionBox.propTypes = {
   className: PropTypes.string,
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
   description: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
-  hAlign: PropTypes.oneOf(['center']),
+  align: PropTypes.oneOf(['center']),
   textColor: PropTypes.oneOf(['white'])
 };
 export default TitleDescriptionBox;

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

@@ -30,6 +30,8 @@ export interface IContent {
     buttonTitle?: string;
     /** Ссылка на кнопке */
     buttonHref?: string;
+    /** Target свойство кнопки */
+    buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
     /** Добавляет атрибут download для тега <a> компонента Button */
     buttonDownload?: boolean;
     /** Цвет кнопки */
@@ -46,6 +48,8 @@ export interface IContent {
     linkTitle?: string;
     /** Адрес ссылки */
     linkUrl?: string;
+    /** Target свойство ссылки */
+    linkTarget?: '_self' | '_blank' | '_parent' | '_top';
     /** Добавляет атрибут download для тега <a> компонента TextLink */
     linkDownload?: boolean;
     /** Строка со стоимостью услуги */

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

@@ -79,6 +79,7 @@ var VideoBanner = function VideoBanner(_ref2) {
         description = _ref3.description,
         buttonTitle = _ref3.buttonTitle,
         buttonHref = _ref3.buttonHref,
+        buttonTarget = _ref3.buttonTarget,
         buttonDownload = _ref3.buttonDownload,
         _ref3$buttonColor = _ref3.buttonColor,
         buttonColor = _ref3$buttonColor === void 0 ? ButtonColor.GREEN : _ref3$buttonColor,
@@ -89,6 +90,7 @@ var VideoBanner = function VideoBanner(_ref2) {
         textColorMobile = _ref3.textColorMobile,
         linkTitle = _ref3.linkTitle,
         linkUrl = _ref3.linkUrl,
+        linkTarget = _ref3.linkTarget,
         linkDownload = _ref3.linkDownload,
         cost = _ref3.cost;
     return /*#__PURE__*/React.createElement(Grid, {
@@ -125,6 +127,7 @@ var VideoBanner = function VideoBanner(_ref2) {
       className: cn(ClassName.BUTTON, [classes.button]),
       theme: buttonColor,
       href: buttonHref,
+      target: buttonTarget,
       onClick: onButtonClick,
       download: buttonDownload
     }, buttonTitle), linkTitle && /*#__PURE__*/React.createElement(TextLink, {
@@ -134,6 +137,7 @@ var VideoBanner = function VideoBanner(_ref2) {
       className: cn(ClassName.LINK, [classes.link]),
       href: linkUrl,
       download: linkDownload,
+      target: linkTarget,
       onClick: onLinkClick
     }, linkTitle)))));
   }, [classes.button, classes.link, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link]);

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

@@ -7,7 +7,7 @@ export interface IBenefitsPicturesProps {
     /** Данные для бенефитов */
     items: IBenefit[];
     /** Горизонтальное выравнивание */
-    hAlign?: 'left' | 'center';
+    align?: 'left' | 'center';
     /** Расстояние между бенефитами */
     gridGap?: GridGutterSize;
     /** Дополнительный css класс для корневого элемента */

package/dist/lib/components/BenefitsPictures/BenefitsPictures.js

@@ -136,8 +136,8 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-benefits-pictures');
 
 var BenefitsPictures = function BenefitsPictures(_ref) {
   var items = _ref.items,
-      _ref$hAlign = _ref.hAlign,
-      hAlign = _ref$hAlign === void 0 ? 'left' : _ref$hAlign,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'left' : _ref$align,
       _ref$gridGap = _ref.gridGap,
       gridGap = _ref$gridGap === void 0 ? 'large' : _ref$gridGap,
       rootRef = _ref.rootRef,
@@ -145,7 +145,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes;
   var isLargeGutter = gridGap === 'large';
-  var isGridCenterAlign = hAlign === 'center' && items.length !== ONLY_LEFT_ALIGN_ITEMS_COUNT;
+  var isGridCenterAlign = align === 'center' && items.length !== ONLY_LEFT_ALIGN_ITEMS_COUNT;
 
   var _React$useState = React.useState(gridGap),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -181,22 +181,22 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
     var img = _ref2.img,
         title = _ref2.title,
         text = _ref2.text;
-    return /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _extends2["default"])({}, hAlign === 'left' ? getLeftConfig(items.length, index) : getCenterConfig(items.length, index, gridGap), {
+    return /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _extends2["default"])({}, align === 'left' ? getLeftConfig(items.length, index) : getCenterConfig(items.length, index, gridGap), {
       key: index
     }), /*#__PURE__*/React.createElement("div", {
       className: cn('item', [classes.item])
     }, /*#__PURE__*/React.createElement("img", {
       className: cn('img', {
-        'h-align': hAlign
+        'h-align': align
       }),
       src: img,
       alt: ""
     }), /*#__PURE__*/React.createElement(_uiCore.Header, {
       className: cn('title'),
-      hAlign: hAlign,
+      align: align,
       as: "h3"
     }, (0, _htmr["default"])(title)), /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
-      align: hAlign
+      align: align
     }, (0, _htmr["default"])(text))));
   })));
 };
@@ -210,7 +210,7 @@ BenefitsPictures.propTypes = {
     text: _propTypes["default"].string.isRequired,
     img: _propTypes["default"].string.isRequired
   }).isRequired).isRequired,
-  hAlign: _propTypes["default"].oneOf(['left', 'center']),
+  align: _propTypes["default"].oneOf(['left', 'center']),
   gridGap: _propTypes["default"].oneOf(['medium', 'large']),
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({

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

@@ -3,7 +3,6 @@ import './Breadcrumbs.less';
 declare type ItemObjectType = {
     title?: string;
     href?: string;
-    component?: React.ReactElement;
 };
 declare type ItemType = JSX.Element | ItemObjectType;
 export declare const TextColor: {

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

@@ -63,8 +63,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     if (isObjectElement(item)) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: cn('item', classes.item),
-        key: item.component ? i : item.title
-      }, item.component || /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
+        key: item.title
+      }, /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
         href: item.href,
         color: color,
         dataAttrs: {
@@ -88,10 +88,7 @@ Breadcrumbs.propTypes = {
   }),
   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,
-
-    /* @deprecated */
-    component: _propTypes["default"].element
+    href: _propTypes["default"].string
   }).isRequired)]).isRequired,
   color: _propTypes["default"].oneOf(Object.values(TextColor))
 };

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

@@ -36,7 +36,7 @@ export interface IButtonLinkBoxProps {
     /** Добавляет атрибут download к свойству тега <a> */
     linkDownload?: boolean;
     /** Горизонтальное выравнивание */
-    hAlign?: 'center' | 'left';
+    align?: 'center' | 'left';
     /** Обработчик клика по кнопке */
     onButtonClick?: (e: React.SyntheticEvent<EventTarget>) => void;
     /** Обработчик клика по ссылке */

package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js

@@ -38,7 +38,7 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
       linkTitle = _ref.linkTitle,
       linkUrl = _ref.linkUrl,
       linkDownload = _ref.linkDownload,
-      hAlign = _ref.hAlign,
+      align = _ref.align,
       className = _ref.className,
       buttonTarget = _ref.buttonTarget,
       linkTarget = _ref.linkTarget,
@@ -48,7 +48,7 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
       onLinkClick = _ref.onLinkClick;
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      'h-align': hAlign
+      'h-align': align
     }, [className, classes.root]),
     ref: rootRef
   }), buttonTitle && /*#__PURE__*/_react["default"].createElement("div", {
@@ -100,7 +100,7 @@ ButtonLinkBox.propTypes = {
   linkTitle: PropTypes.string,
   linkUrl: PropTypes.string,
   linkDownload: PropTypes.bool,
-  hAlign: PropTypes.oneOf(['center']),
+  align: PropTypes.oneOf(['center']),
   onButtonClick: PropTypes.func,
   onLinkClick: PropTypes.func
 };

package/dist/lib/components/Steps/Steps.js

@@ -34,7 +34,7 @@ var Steps = function Steps(_ref) {
     ref: rootRef
   }, /*#__PURE__*/React.createElement(_uiCore.Header, {
     as: "h2",
-    hAlign: "center",
+    align: "center",
     className: cn('title')
   }, title), /*#__PURE__*/React.createElement("ul", {
     className: cn('list')

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

@@ -14,8 +14,6 @@ export interface ITextWithIconProps {
     className?: string;
     /** Включить растягивание на всю ширину контейнера */
     isFullWidth?: boolean;
-    /** Выравнивание по центру на мобильных */
-    centeringOnMobile?: boolean;
     /** Допустимый дочерний компонент */
     children: React.ReactElement<ITextWithIconItem>[] | React.ReactElement<ITextWithIconItem>;
 }

package/dist/lib/components/TextWithIcon/TextWithIcon.js

@@ -32,8 +32,6 @@ var TextWithIcon = function TextWithIcon(_ref) {
       className = _ref.className,
       _ref$isFullWidth = _ref.isFullWidth,
       isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
-      _ref$centeringOnMobil = _ref.centeringOnMobile,
-      centeringOnMobile = _ref$centeringOnMobil === void 0 ? true : _ref$centeringOnMobil,
       children = _ref.children;
 
   var renderContent = function renderContent() {
@@ -53,9 +51,7 @@ var TextWithIcon = function TextWithIcon(_ref) {
   };
 
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn({
-      'centering-on-mobile': centeringOnMobile
-    }, [className]),
+    className: cn([className]),
     ref: rootRef
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), isFullWidth ? renderContent() : renderContentWithGrid());
 };
@@ -70,7 +66,6 @@ TextWithIcon.propTypes = {
   }),
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element.isRequired]).isRequired,
   isFullWidth: PropTypes.bool,
-  centeringOnMobile: PropTypes.bool,
   className: PropTypes.string
 };
 var _default = TextWithIcon;

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

@@ -16,7 +16,7 @@ export interface ITitleDescriptionBoxProps {
     /** Цвет текста */
     textColor?: 'white';
     /** Горизонтальное выравнивание */
-    hAlign?: 'center';
+    align?: 'center';
 }
 declare const TitleDescriptionBox: React.FC<ITitleDescriptionBoxProps>;
 export default TitleDescriptionBox;

package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -34,7 +34,7 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
       title = _ref.title,
       description = _ref.description,
       textColor = _ref.textColor,
-      hAlign = _ref.hAlign,
+      align = _ref.align,
       rootRef = _ref.rootRef,
       className = _ref.className;
   var renderDescription = React.useCallback(function () {
@@ -52,12 +52,12 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
   }, [description]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      'h-align': hAlign,
+      'h-align': align,
       'text-color': textColor
     }, className),
     ref: rootRef
   }), /*#__PURE__*/React.createElement(_uiCore.Grid, {
-    hAlign: hAlign
+    hAlign: align
   }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
     wide: "8",
     desktop: "10"
@@ -80,7 +80,7 @@ TitleDescriptionBox.propTypes = {
   className: PropTypes.string,
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
   description: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
-  hAlign: PropTypes.oneOf(['center']),
+  align: PropTypes.oneOf(['center']),
   textColor: PropTypes.oneOf(['white'])
 };
 var _default = TitleDescriptionBox;

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

@@ -30,6 +30,8 @@ export interface IContent {
     buttonTitle?: string;
     /** Ссылка на кнопке */
     buttonHref?: string;
+    /** Target свойство кнопки */
+    buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
     /** Добавляет атрибут download для тега <a> компонента Button */
     buttonDownload?: boolean;
     /** Цвет кнопки */
@@ -46,6 +48,8 @@ export interface IContent {
     linkTitle?: string;
     /** Адрес ссылки */
     linkUrl?: string;
+    /** Target свойство ссылки */
+    linkTarget?: '_self' | '_blank' | '_parent' | '_top';
     /** Добавляет атрибут download для тега <a> компонента TextLink */
     linkDownload?: boolean;
     /** Строка со стоимостью услуги */

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

@@ -112,6 +112,7 @@ var VideoBanner = function VideoBanner(_ref2) {
         description = _ref3.description,
         buttonTitle = _ref3.buttonTitle,
         buttonHref = _ref3.buttonHref,
+        buttonTarget = _ref3.buttonTarget,
         buttonDownload = _ref3.buttonDownload,
         _ref3$buttonColor = _ref3.buttonColor,
         buttonColor = _ref3$buttonColor === void 0 ? ButtonColor.GREEN : _ref3$buttonColor,
@@ -122,6 +123,7 @@ var VideoBanner = function VideoBanner(_ref2) {
         textColorMobile = _ref3.textColorMobile,
         linkTitle = _ref3.linkTitle,
         linkUrl = _ref3.linkUrl,
+        linkTarget = _ref3.linkTarget,
         linkDownload = _ref3.linkDownload,
         cost = _ref3.cost;
     return /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, {
@@ -158,6 +160,7 @@ var VideoBanner = function VideoBanner(_ref2) {
       className: cn(ClassName.BUTTON, [classes.button]),
       theme: buttonColor,
       href: buttonHref,
+      target: buttonTarget,
       onClick: onButtonClick,
       download: buttonDownload
     }, buttonTitle), linkTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
@@ -167,6 +170,7 @@ var VideoBanner = function VideoBanner(_ref2) {
       className: cn(ClassName.LINK, [classes.link]),
       href: linkUrl,
       download: linkDownload,
+      target: linkTarget,
       onClick: onLinkClick
     }, linkTitle)))));
   }, [classes.button, classes.link, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.2",
   "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.0.0-beta.2",
+    "@megafon/ui-icons": "^2.0.0",
     "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.0.0-beta.8",
+    "@megafon/ui-core": "^4.0.2",
     "@megafon/ui-helpers": "^2.1.2",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "ba1ae8e1c21ca8905a131d2b02fbfdf6356a5d8a"
+  "gitHead": "0d18806bba057218e596480752dd75eede0555e0"
 }