@megafon/ui-shared 6.0.0-beta.4 → 6.0.0

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

@@ -1,52 +1,64 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.TextColor = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 require("core-js/modules/es.string.link.js");
-var React = _interopRequireWildcard(require("react"));
+
+require("core-js/modules/es.object.values.js");
+
+var _react = _interopRequireDefault(require("react"));
+
 var _uiCore = require("@megafon/ui-core");
+
 var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var TextColor = exports.TextColor = {
+
+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;
+      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", (0, _extends2["default"])({
+    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.createElement("span", (0, _extends2["default"])({
+    }, (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.createElement("div", (0, _extends2["default"])({
+
+  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.createElement(_uiCore.TextLink, {
+  }), /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
     className: classes === null || classes === void 0 ? void 0 : classes.link,
     href: href,
     color: color,
@@ -54,13 +66,34 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
       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.createElement("span", (0, _extends2["default"])({
+  }, /*#__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.createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
+  }), 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)
   })));
 };
-var _default = exports["default"] = BreadcrumbsItem;
+
+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/ButtonBanner/ButtonBanner.css

@@ -1 +1,122 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-button-banner{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:0 12px 12px 0;position:relative}@media screen and (max-width:767px){.mfui-button-banner{border-radius:0 0 12px 12px}}.mfui-button-banner:before{background-color:var(--brandGreen);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:12px}@media screen and (max-width:767px){.mfui-button-banner:before{border-radius:0 0 12px 12px;bottom:auto;height:12px;right:0;width:auto}}.mfui-button-banner__content{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:767px){.mfui-button-banner__content{padding:36px 16px 32px;text-align:center}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-button-banner__content{padding:32px 0}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-button-banner__content{padding:40px 0}}@media screen and (min-width:1280px){.mfui-button-banner__content{padding:48px 0}}.mfui-button-banner__media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-position:50%;background-repeat:no-repeat;border-radius:0 12px 12px 0;height:100%;justify-content:center;overflow:hidden;padding:0 20px}@media screen and (max-width:767px){.mfui-button-banner__media{border-radius:0 0 12px 12px;height:auto;padding:0 16px 24px}}.mfui-button-banner_scaling_cover .mfui-button-banner__media{background-size:cover}.mfui-button-banner_scaling_contain .mfui-button-banner__media{background-size:contain}.mfui-button-banner__header{margin-bottom:16px}.mfui-button-banner__button{max-width:100%}.mfui-button-banner__text{font-size:15px;font-weight:400;line-height:24px}.mfui-button-banner_image .mfui-button-banner__media{padding:0}@media screen and (max-width:767px){.mfui-button-banner_image .mfui-button-banner__media{height:222px}}.mfui-button-banner_image .mfui-button-banner__text{margin-bottom:32px}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-button-banner {
+  position: relative;
+  border: 1px solid var(--spbSky2);
+  background-color: var(--base);
+  border-radius: 0 12px 12px 0;
+}
+@media screen and (max-width: 767px) {
+  .mfui-button-banner {
+    border-radius: 0 0 12px 12px;
+  }
+}
+.mfui-button-banner:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 12px;
+  background-color: var(--brandGreen);
+  border-radius: 0 12px 12px 0;
+}
+@media screen and (max-width: 767px) {
+  .mfui-button-banner:before {
+    border-radius: 0 0 12px 12px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-button-banner:before {
+    right: 0;
+    bottom: auto;
+    width: auto;
+    height: 12px;
+  }
+}
+.mfui-button-banner__content {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+@media screen and (max-width: 767px) {
+  .mfui-button-banner__content {
+    padding: 36px 16px 32px;
+    text-align: center;
+  }
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-button-banner__content {
+    padding: 32px 0;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1279px) {
+  .mfui-button-banner__content {
+    padding: 40px 0;
+  }
+}
+@media screen and (min-width: 1280px) {
+  .mfui-button-banner__content {
+    padding: 48px 0;
+  }
+}
+.mfui-button-banner__media {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  height: 100%;
+  padding: 0 20px;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: 0 12px 12px 0;
+}
+@media screen and (max-width: 767px) {
+  .mfui-button-banner__media {
+    border-radius: 0 0 12px 12px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-button-banner__media {
+    height: auto;
+    padding: 0 16px 24px;
+  }
+}
+.mfui-button-banner_scaling_cover .mfui-button-banner__media {
+  background-size: cover;
+}
+.mfui-button-banner_scaling_contain .mfui-button-banner__media {
+  background-size: contain;
+}
+.mfui-button-banner__header {
+  margin-bottom: 16px;
+}
+.mfui-button-banner__button {
+  max-width: 100%;
+}
+.mfui-button-banner__text {
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+}
+.mfui-button-banner_image .mfui-button-banner__media {
+  padding: 0;
+}
+@media screen and (max-width: 767px) {
+  .mfui-button-banner_image .mfui-button-banner__media {
+    height: 222px;
+  }
+}
+.mfui-button-banner_image .mfui-button-banner__text {
+  margin-bottom: 32px;
+}

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

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import './ButtonBanner.scss';
+import React, { Ref } from 'react';
+import './ButtonBanner.less';
 export declare const ButtonColor: {
     readonly GREEN: "green";
     readonly PURPLE: "purple";
 };
-type ButtonColorType = (typeof ButtonColor)[keyof typeof ButtonColor];
+declare type ButtonColorType = typeof ButtonColor[keyof typeof ButtonColor];
 export declare const ButtonTypes: {
     readonly PRIMARY: "primary";
     readonly OUTLINE: "outline";
 };
-type ButtonTypesType = (typeof ButtonTypes)[keyof typeof ButtonTypes];
+declare type ButtonTypesType = typeof ButtonTypes[keyof typeof ButtonTypes];
 export declare const ButtonTarget: {
     readonly SELF: "_self";
     readonly BLANK: "_blank";
 };
-type ButtonTargetType = (typeof ButtonTarget)[keyof typeof ButtonTarget];
+declare type ButtonTargetType = typeof ButtonTarget[keyof typeof ButtonTarget];
 export declare const ImageScaling: {
     readonly COVER: "cover";
     readonly CONTAIN: "contain";
 };
-type ImageScalingType = (typeof ImageScaling)[keyof typeof ImageScaling];
+declare type ImageScalingType = typeof ImageScaling[keyof typeof ImageScaling];
 export interface IButtonBannerProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -34,7 +34,7 @@ export interface IButtonBannerProps {
         button?: string;
     };
     /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
+    rootRef?: Ref<HTMLDivElement>;
     /** Заголовок */
     title: string;
     /** Текст */

package/dist/lib/components/ButtonBanner/ButtonBanner.js

@@ -1,64 +1,85 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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.ImageScaling = exports.ButtonTypes = exports.ButtonTarget = exports.ButtonColor = void 0;
+exports["default"] = exports.ImageScaling = exports.ButtonTarget = exports.ButtonTypes = exports.ButtonColor = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
+
+require("core-js/modules/es.object.values.js");
+
+var _react = _interopRequireDefault(require("react"));
+
 var _uiCore = require("@megafon/ui-core");
+
 var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var ButtonColor = exports.ButtonColor = {
+
+var ButtonColor = {
   GREEN: 'green',
   PURPLE: 'purple'
 };
-var ButtonTypes = exports.ButtonTypes = {
+exports.ButtonColor = ButtonColor;
+var ButtonTypes = {
   PRIMARY: 'primary',
   OUTLINE: 'outline'
 };
-var ButtonTarget = exports.ButtonTarget = {
+exports.ButtonTypes = ButtonTypes;
+var ButtonTarget = {
   SELF: '_self',
   BLANK: '_blank'
 };
-var ImageScaling = exports.ImageScaling = {
+exports.ButtonTarget = ButtonTarget;
+var ImageScaling = {
   COVER: 'cover',
   CONTAIN: 'contain'
 };
+exports.ImageScaling = ImageScaling;
+
 var getMediaStyle = function getMediaStyle(imageUrl) {
   return imageUrl ? {
     backgroundImage: "url(".concat(imageUrl, ")")
   } : undefined;
 };
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-button-banner');
 var testIdPrefix = 'ButtonBanner';
+
 var ButtonBanner = function ButtonBanner(_ref) {
   var dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    rootRef = _ref.rootRef,
-    title = _ref.title,
-    text = _ref.text,
-    _ref$imageUrl = _ref.imageUrl,
-    imageUrl = _ref$imageUrl === void 0 ? '' : _ref$imageUrl,
-    buttonText = _ref.buttonText,
-    buttonUrl = _ref.buttonUrl,
-    buttonDownload = _ref.buttonDownload,
-    _ref$buttonTarget = _ref.buttonTarget,
-    buttonTarget = _ref$buttonTarget === void 0 ? '_self' : _ref$buttonTarget,
-    _ref$buttonColor = _ref.buttonColor,
-    buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
-    _ref$buttonType = _ref.buttonType,
-    buttonType = _ref$buttonType === void 0 ? 'primary' : _ref$buttonType,
-    buttonRel = _ref.buttonRel,
-    _ref$imageScaling = _ref.imageScaling,
-    imageScaling = _ref$imageScaling === void 0 ? 'cover' : _ref$imageScaling,
-    onButtonClick = _ref.onButtonClick;
-  var buttonElem = /*#__PURE__*/React.createElement(_uiCore.Button, {
+      className = _ref.className,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      rootRef = _ref.rootRef,
+      title = _ref.title,
+      text = _ref.text,
+      _ref$imageUrl = _ref.imageUrl,
+      imageUrl = _ref$imageUrl === void 0 ? '' : _ref$imageUrl,
+      buttonText = _ref.buttonText,
+      buttonUrl = _ref.buttonUrl,
+      buttonDownload = _ref.buttonDownload,
+      _ref$buttonTarget = _ref.buttonTarget,
+      buttonTarget = _ref$buttonTarget === void 0 ? '_self' : _ref$buttonTarget,
+      _ref$buttonColor = _ref.buttonColor,
+      buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
+      _ref$buttonType = _ref.buttonType,
+      buttonType = _ref$buttonType === void 0 ? 'primary' : _ref$buttonType,
+      buttonRel = _ref.buttonRel,
+      _ref$imageScaling = _ref.imageScaling,
+      imageScaling = _ref$imageScaling === void 0 ? 'cover' : _ref$imageScaling,
+      onButtonClick = _ref.onButtonClick;
+
+  var buttonElem = /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
     },
@@ -71,35 +92,63 @@ var ButtonBanner = function ButtonBanner(_ref) {
     onClick: onButtonClick,
     download: buttonDownload
   }, buttonText);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       image: !!imageUrl,
       scaling: imageScaling
     }, [className, classes.root]),
     ref: rootRef
-  }), /*#__PURE__*/React.createElement(_uiCore.Grid, {
+  }), /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, {
     guttersLeft: "medium"
-  }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+  }, /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
     all: "6",
     mobile: "12",
     leftOffsetTablet: "1",
     leftOffsetDesktop: "1",
     leftOffsetWide: "1"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('content'),
     "data-testid": "".concat(testIdPrefix, "-content")
-  }, /*#__PURE__*/React.createElement(_uiCore.Header, {
+  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
     className: cn('header'),
     as: "h2"
-  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement("div", {
+  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('text')
-  }, typeof text === 'string' ? (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig) : text), !!imageUrl && buttonElem)), /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+  }, typeof text === 'string' ? (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig) : text), !!imageUrl && buttonElem)), /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
     all: "5",
     mobile: "12"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('media'),
     style: getMediaStyle(imageUrl),
     "data-testid": "".concat(testIdPrefix, "-media")
   }, !imageUrl && buttonElem))));
 };
-var _default = exports["default"] = ButtonBanner;
+
+ButtonBanner.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    button: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  className: PropTypes.string,
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    button: PropTypes.string
+  }),
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
+  title: PropTypes.string.isRequired,
+  text: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
+  imageUrl: PropTypes.string,
+  buttonText: PropTypes.string.isRequired,
+  buttonUrl: PropTypes.string,
+  buttonDownload: PropTypes.bool,
+  buttonTarget: PropTypes.oneOf(Object.values(ButtonTarget)),
+  buttonColor: PropTypes.oneOf(Object.values(ButtonColor)),
+  buttonType: PropTypes.oneOf(Object.values(ButtonTypes)),
+  buttonRel: PropTypes.string,
+  onButtonClick: PropTypes.func
+};
+var _default = ButtonBanner;
+exports["default"] = _default;

package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css

@@ -1 +1,19 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-button-link-box{font-family:inherit;font-size:15px;font-weight:400;line-height:24px}.mfui-button-link-box__row:not(:last-child){margin-bottom:32px}.mfui-button-link-box_h-align_center{text-align:center}
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-button-link-box {
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
+}
+.mfui-button-link-box__row:not(:last-child) {
+  margin-bottom: 32px;
+}
+.mfui-button-link-box_h-align_center {
+  text-align: center;
+}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './ButtonLinkBox.scss';
+import React, { Ref } from 'react';
+import './ButtonLinkBox.less';
 export interface IButtonLinkBoxProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -16,7 +16,7 @@ export interface IButtonLinkBoxProps {
         link?: string;
     };
     /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
+    rootRef?: Ref<HTMLDivElement>;
     /** Заголовок кнопки */
     buttonTitle?: string;
     /** Ссылка кнопки */