@megafon/ui-shared 5.17.0 → 6.0.0-beta.2

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

@@ -1,43 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-breadcrumbs {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.mfui-breadcrumbs_color_default .mfui-breadcrumbs__item:before {
-  color: var(--content);
-}
-.mfui-breadcrumbs_color_black .mfui-breadcrumbs__item:before {
-  color: var(--stcBlack);
-}
-.mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before {
-  color: var(--stcWhite);
-}
-.mfui-breadcrumbs__item {
-  position: relative;
-  margin-right: 10px;
-  padding-left: 26px;
-}
-.mfui-breadcrumbs__item:before {
-  content: '→';
-  position: absolute;
-  top: -1px;
-  left: 0;
-}
-.mfui-breadcrumbs__item:first-child {
-  padding-left: 0;
-}
-.mfui-breadcrumbs__item:first-child:before {
-  display: none;
-}
-.mfui-breadcrumbs__item:last-child {
-  pointer-events: none;
-}
+@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mfui-breadcrumbs_color_default .mfui-breadcrumbs__item:before{color:var(--content)}.mfui-breadcrumbs_color_black .mfui-breadcrumbs__item:before{color:var(--stcBlack)}.mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before{color:var(--stcWhite)}.mfui-breadcrumbs__item{margin-right:10px;padding-left:26px;position:relative}.mfui-breadcrumbs__item:before{content:"→";left:0;position:absolute;top:-1px}.mfui-breadcrumbs__item:first-child{padding-left:0}.mfui-breadcrumbs__item:first-child:before{display:none}.mfui-breadcrumbs__item:last-child{pointer-events:none}

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

@@ -1,13 +1,13 @@
-import React from 'react';
+import * as React from 'react';
 import { TextColor } from './components/BreadcrumbsItem';
-import './Breadcrumbs.less';
-declare type ItemObjectType = {
+import './Breadcrumbs.scss';
+type ItemObjectType = {
     title?: string;
     href?: string;
 };
-declare type ItemType = JSX.Element | ItemObjectType;
-export declare type TextColorType = typeof TextColor[keyof typeof TextColor];
-export declare type Props = {
+type ItemType = JSX.Element | ItemObjectType;
+export type TextColorType = (typeof TextColor)[keyof typeof TextColor];
+export type Props = {
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Список элементов */

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

@@ -1,29 +1,24 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.string.link.js";
-import "core-js/modules/es.object.values.js";
-import React from 'react';
+import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
-import BreadcrumbsItem, { TextColor } from "./components/BreadcrumbsItem";
+import BreadcrumbsItem from "./components/BreadcrumbsItem";
 import "./Breadcrumbs.css";
-
 var isObjectElement = function isObjectElement(item) {
   return ! /*#__PURE__*/React.isValidElement(item);
 };
-
 var cn = cnCreate('mfui-breadcrumbs');
-
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var items = _ref.items,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'default' : _ref$color,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs,
-      _ref$hasMicrodata = _ref.hasMicrodata,
-      hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata;
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    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
@@ -57,28 +52,4 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     }) : 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,
-    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)),
-  hasMicrodata: PropTypes.bool
-};
 export default Breadcrumbs;

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

@@ -1,12 +1,12 @@
-import React from 'react';
-import './BreadcrumbsItem.less';
+import * as React from 'react';
+import './BreadcrumbsItem.scss';
 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 = {
+type TextColorType = (typeof TextColor)[keyof typeof TextColor];
+export type Props = {
     title?: string;
     href?: string;
     color?: TextColorType;

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

@@ -1,10 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.string.link.js";
-import "core-js/modules/es.object.values.js";
-import React from 'react';
+import * as 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',
@@ -12,20 +10,18 @@ export var TextColor = {
   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;
-
+    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({
@@ -35,7 +31,6 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
       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 && {
@@ -59,24 +54,4 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
     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/ButtonBanner/ButtonBanner.css

@@ -1,122 +1 @@
-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;
-}
+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}

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

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

package/dist/es/components/ButtonBanner/ButtonBanner.js

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.object.values.js";
-import React from 'react';
+import * as React from 'react';
 import { Button, Grid, GridColumn, Header } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./ButtonBanner.css";
 export var ButtonColor = {
   GREEN: 'green',
@@ -21,39 +19,36 @@ export var ImageScaling = {
   COVER: 'cover',
   CONTAIN: 'contain'
 };
-
 var getMediaStyle = function getMediaStyle(imageUrl) {
   return imageUrl ? {
     backgroundImage: "url(".concat(imageUrl, ")")
   } : undefined;
 };
-
 var cn = 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;
+    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(Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -98,30 +93,4 @@ var ButtonBanner = function ButtonBanner(_ref) {
     "data-testid": "".concat(testIdPrefix, "-media")
   }, !imageUrl && buttonElem))));
 };
-
-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
-};
 export default ButtonBanner;

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css

@@ -1,19 +1 @@
-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;
-}
+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}

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

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

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

@@ -1,33 +1,31 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.string.link.js";
-import React from 'react';
+import * as React from 'react';
 import { Button, TextLink } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./ButtonLinkBox.css";
 var cn = cnCreate('mfui-button-link-box');
-
 var ButtonLinkBox = function ButtonLinkBox(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      rootRef = _ref.rootRef,
-      buttonTitle = _ref.buttonTitle,
-      buttonUrl = _ref.buttonUrl,
-      buttonDownload = _ref.buttonDownload,
-      _ref$buttonColor = _ref.buttonColor,
-      buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
-      buttonRel = _ref.buttonRel,
-      linkTitle = _ref.linkTitle,
-      linkUrl = _ref.linkUrl,
-      linkDownload = _ref.linkDownload,
-      linkRel = _ref.linkRel,
-      align = _ref.align,
-      className = _ref.className,
-      buttonTarget = _ref.buttonTarget,
-      linkTarget = _ref.linkTarget,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      onButtonClick = _ref.onButtonClick,
-      onLinkClick = _ref.onLinkClick;
+    rootRef = _ref.rootRef,
+    buttonTitle = _ref.buttonTitle,
+    buttonUrl = _ref.buttonUrl,
+    buttonDownload = _ref.buttonDownload,
+    _ref$buttonColor = _ref.buttonColor,
+    buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
+    buttonRel = _ref.buttonRel,
+    linkTitle = _ref.linkTitle,
+    linkUrl = _ref.linkUrl,
+    linkDownload = _ref.linkDownload,
+    linkRel = _ref.linkRel,
+    align = _ref.align,
+    className = _ref.className,
+    buttonTarget = _ref.buttonTarget,
+    linkTarget = _ref.linkTarget,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    onButtonClick = _ref.onButtonClick,
+    onLinkClick = _ref.onLinkClick;
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'h-align': align
@@ -61,33 +59,4 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
     onClick: onLinkClick
   }, linkTitle)));
 };
-
-ButtonLinkBox.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    link: PropTypes.objectOf(PropTypes.string.isRequired),
-    button: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    button: PropTypes.string,
-    link: PropTypes.string
-  }),
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  buttonTitle: PropTypes.string,
-  buttonUrl: PropTypes.string,
-  buttonDownload: PropTypes.bool,
-  buttonColor: PropTypes.oneOf(['green', 'purple']),
-  buttonRel: PropTypes.string,
-  linkTitle: PropTypes.string,
-  linkUrl: PropTypes.string,
-  linkDownload: PropTypes.bool,
-  linkRel: PropTypes.string,
-  align: PropTypes.oneOf(['center', 'left']),
-  onButtonClick: PropTypes.func,
-  onLinkClick: PropTypes.func
-};
 export default ButtonLinkBox;

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

@@ -1,5 +1,5 @@
-import React, { ReactElement, Ref } from 'react';
-import './Card.less';
+import * as React from 'react';
+import './Card.scss';
 import { ButtonType, FeaturesList, IconsList, Image, Link, MarkerList, Price, TextsList, Title } from './types';
 export interface ICard {
     /** Дополнительные data атрибуты к внутренним элементам */
@@ -19,7 +19,7 @@ export interface ICard {
         extraButton?: string;
     };
     /** Ссылка на корневой элемент */
-    rootRef?: Ref<HTMLDivElement | HTMLAnchorElement>;
+    rootRef?: React.Ref<HTMLDivElement | HTMLAnchorElement>;
     isFullHeight?: boolean;
     /** Вид */
     view?: 'shadow' | 'hover-shadow' | 'background';
@@ -46,7 +46,7 @@ export interface ICard {
     /** Дополнительная кнопка */
     extraButton?: ButtonType;
     /** Бейдж */
-    badge?: ReactElement;
+    badge?: React.ReactElement;
     /** Обработчик клика по карточке */
     onClick?: () => void;
 }