@megafon/ui-core 6.2.1 → 7.0.0-beta.1

package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.css

@@ -1,62 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-pagination-button {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  border-radius: 50%;
-  border: 1px solid transparent;
-  background-color: transparent;
-  cursor: pointer;
-}
-.mfui-pagination-button svg {
-  width: 100%;
-}
-.mfui-pagination-button:disabled {
-  pointer-events: none;
-}
-.mfui-pagination-button_active {
-  border-color: var(--brandGreen);
-  pointer-events: none;
-}
-.mfui-pagination-button_theme_default {
-  color: var(--content);
-}
-.mfui-pagination-button_theme_default svg {
-  fill: var(--content);
-}
-.mfui-pagination-button_theme_default:hover {
-  background-color: var(--spbSky0);
-}
-.mfui-pagination-button_theme_default.mfui-pagination-button_active {
-  border-color: var(--brandGreen);
-}
-.mfui-pagination-button_theme_light {
-  color: var(--stcWhite);
-}
-.mfui-pagination-button_theme_light svg {
-  fill: var(--stcWhite);
-}
-.mfui-pagination-button_theme_light:hover {
-  background-color: var(--stcWhite20);
-}
-.mfui-pagination-button_theme_light.mfui-pagination-button_active {
-  border-color: var(--stcWhite);
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-pagination-button{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;line-height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;height:32px;padding:0;width:32px}.mfui-pagination-button svg{width:100%}.mfui-pagination-button:disabled{pointer-events:none}.mfui-pagination-button_active{border-color:var(--brandGreen);pointer-events:none}.mfui-pagination-button_theme_default{color:var(--content)}.mfui-pagination-button_theme_default svg{fill:var(--content)}.mfui-pagination-button_theme_default:hover{background-color:var(--spbSky0)}.mfui-pagination-button_theme_default.mfui-pagination-button_active{border-color:var(--brandGreen)}.mfui-pagination-button_theme_light{color:var(--stcWhite)}.mfui-pagination-button_theme_light svg{fill:var(--stcWhite)}.mfui-pagination-button_theme_light:hover{background-color:var(--stcWhite20)}.mfui-pagination-button_theme_light.mfui-pagination-button_active{border-color:var(--stcWhite)}

package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.d.ts

@@ -1,16 +1,17 @@
 import React from 'react';
-import './PaginationButton.less';
-declare type ValueType = string | number;
+import './PaginationButton.scss';
+export type PaginationValueType = string | number;
 export interface IPaginationButtonProps {
     disabled?: boolean;
     isActive?: boolean;
     theme?: 'default' | 'light';
-    value?: ValueType;
+    value?: PaginationValueType;
     className?: string;
     dataAttrs?: {
         root?: Record<string, string>;
     };
-    onClick?: (value?: ValueType) => void;
+    children?: React.ReactNode;
+    onClick?: (value?: PaginationValueType) => void;
 }
 declare const PaginationButton: React.FC<IPaginationButtonProps>;
 export default PaginationButton;

package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.js

@@ -4,36 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-button');
-
 var PaginationButton = function PaginationButton(_ref) {
   var _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$isActive = _ref.isActive,
-      isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'default' : _ref$theme,
-      className = _ref.className,
-      children = _ref.children,
-      onClick = _ref.onClick,
-      value = _ref.value,
-      dataAttrs = _ref.dataAttrs;
-
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
+    className = _ref.className,
+    children = _ref.children,
+    onClick = _ref.onClick,
+    value = _ref.value,
+    dataAttrs = _ref.dataAttrs;
   var handleClick = function handleClick() {
     onClick === null || onClick === void 0 ? void 0 : onClick(value);
   };
-
   return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       active: isActive,
@@ -44,17 +34,4 @@ var PaginationButton = function PaginationButton(_ref) {
     type: "button"
   }), children);
 };
-
-PaginationButton.propTypes = {
-  disabled: _propTypes["default"].bool,
-  isActive: _propTypes["default"].bool,
-  theme: _propTypes["default"].oneOf(['default', 'light']),
-  className: _propTypes["default"].string,
-  value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  onClick: _propTypes["default"].func
-};
-var _default = PaginationButton;
-exports["default"] = _default;
+var _default = exports["default"] = PaginationButton;

package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.css

@@ -1,10 +1 @@
-.mfui-pagination-buttons {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-pagination-buttons__button {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  margin: 0 4px;
-}
+.mfui-pagination-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-pagination-buttons__button{-ms-flex-negative:0;flex-shrink:0;margin:0 4px}

package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import './PaginationButtons.less';
+import { PaginationValueType } from '../PaginationButton/PaginationButton';
+import './PaginationButtons.scss';
 interface IPaginationButtonsProps {
     items: Array<string | number>;
     theme?: 'default' | 'light';
@@ -8,7 +9,7 @@ interface IPaginationButtonsProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
-    onClick: (value?: number | string) => void;
+    onClick: (value?: PaginationValueType) => void;
 }
 declare const PaginationButtons: React.FC<IPaginationButtonsProps>;
 export default PaginationButtons;

package/dist/lib/components/Pagination/components/PaginationButtons/PaginationButtons.js

@@ -4,21 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 require("core-js/modules/es.array.map.js");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _PaginationButton = _interopRequireDefault(require("../PaginationButton/PaginationButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var NothingIcon = function NothingIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
@@ -26,22 +17,19 @@ var NothingIcon = function NothingIcon(props) {
     d: "M7 9a1 1 0 11-1 1 1 1 0 011-1zm2 1a1 1 0 101-1 1 1 0 00-1 1zm3 0a1 1 0 101-1 1 1 0 00-1 1z"
   }));
 };
-
 var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-buttons');
-
 var PaginationButtons = function PaginationButtons(_ref) {
   var items = _ref.items,
-      theme = _ref.theme,
-      onClick = _ref.onClick,
-      activeButton = _ref.activeButton,
-      hiddenButton = _ref.hiddenButton,
-      dataAttrs = _ref.dataAttrs;
+    theme = _ref.theme,
+    onClick = _ref.onClick,
+    activeButton = _ref.activeButton,
+    hiddenButton = _ref.hiddenButton,
+    dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: cn()
   }, items.map(function (pageNumber, index) {
     var isHiddenButton = hiddenButton === pageNumber;
     var dataIndex = typeof pageNumber === 'number' ? pageNumber : undefined;
-
     if (isHiddenButton) {
       return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
         disabled: true,
@@ -55,7 +43,6 @@ var PaginationButtons = function PaginationButtons(_ref) {
         }
       }, /*#__PURE__*/_react["default"].createElement(NothingIcon, null));
     }
-
     var isActive = pageNumber === activeButton;
     return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
       dataAttrs: {
@@ -70,16 +57,4 @@ var PaginationButtons = function PaginationButtons(_ref) {
     }, pageNumber);
   }));
 };
-
-PaginationButtons.propTypes = {
-  items: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired).isRequired,
-  theme: _propTypes["default"].oneOf(['default', 'light']),
-  activeButton: _propTypes["default"].number.isRequired,
-  hiddenButton: _propTypes["default"].string.isRequired,
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  onClick: _propTypes["default"].func.isRequired
-};
-var _default = PaginationButtons;
-exports["default"] = _default;
+var _default = exports["default"] = PaginationButtons;

package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.css

@@ -1,17 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-pagination-navigation_direction_left .mfui-pagination-navigation__icon {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-.mfui-pagination-navigation svg {
-  width: 100%;
-}
-.mfui-pagination-navigation:disabled svg {
-  opacity: 0.25;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-pagination-navigation_direction_left .mfui-pagination-navigation__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-pagination-navigation svg{width:100%}.mfui-pagination-navigation:disabled svg{opacity:.25}

package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import './PaginationNavigation.less';
+import { PaginationValueType } from '../PaginationButton/PaginationButton';
+import './PaginationNavigation.scss';
 interface IPaginationNavigationProps {
     direction?: 'left' | 'right';
     theme?: 'default' | 'light';
@@ -9,7 +10,7 @@ interface IPaginationNavigationProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
-    onClick?: (value?: number | string) => void;
+    onClick?: (value?: PaginationValueType) => void;
 }
 declare const PaginationNavigation: React.FC<IPaginationNavigationProps>;
 export default PaginationNavigation;

package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js

@@ -4,19 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _PaginationButton = _interopRequireDefault(require("../PaginationButton/PaginationButton"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var ArrowRightIcon = function ArrowRightIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
@@ -24,18 +16,16 @@ var ArrowRightIcon = function ArrowRightIcon(props) {
     d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
   }));
 };
-
 var cn = (0, _uiHelpers.cnCreate)('mfui-pagination-navigation');
-
 var PaginationNavigation = function PaginationNavigation(_ref) {
   var _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'right' : _ref$direction,
-      theme = _ref.theme,
-      disabled = _ref.disabled,
-      isActive = _ref.isActive,
-      onClick = _ref.onClick,
-      className = _ref.className,
-      dataAttrs = _ref.dataAttrs;
+    direction = _ref$direction === void 0 ? 'right' : _ref$direction,
+    theme = _ref.theme,
+    disabled = _ref.disabled,
+    isActive = _ref.isActive,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/_react["default"].createElement(_PaginationButton["default"], {
     dataAttrs: dataAttrs,
     className: cn({
@@ -49,17 +39,4 @@ var PaginationNavigation = function PaginationNavigation(_ref) {
     className: cn('icon')
   }));
 };
-
-PaginationNavigation.propTypes = {
-  direction: _propTypes["default"].oneOf(['left', 'right']),
-  theme: _propTypes["default"].oneOf(['default', 'light']),
-  disabled: _propTypes["default"].bool,
-  isActive: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  onClick: _propTypes["default"].func
-};
-var _default = PaginationNavigation;
-exports["default"] = _default;
+var _default = exports["default"] = PaginationNavigation;

package/dist/lib/components/Pagination/helpers.js

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var getRange = function getRange(from, to) {
   var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   var i = from;
   var range = [];
-
   while (i <= to) {
     range.push(i);
     i += step;
   }
-
   return range;
 };
-
-var _default = getRange;
-exports["default"] = _default;
+var _default = exports["default"] = getRange;

package/dist/lib/components/Pagination/usePagination.d.ts

@@ -3,5 +3,6 @@ export declare const Button: {
     FIRST: number;
 };
 export declare const MOBILE_RESOLUTION = 360;
-declare const usePagination: (totalPages: number, activePage: number) => (string | number)[];
+type PaginationItem = string | number;
+declare const usePagination: (totalPages: number, activePage: number) => PaginationItem[];
 export default usePagination;

package/dist/lib/components/Pagination/usePagination.js

@@ -4,80 +4,59 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.MOBILE_RESOLUTION = exports.Button = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 require("core-js/modules/es.array.concat.js");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
 var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
-
 var _helpers = _interopRequireDefault(require("./helpers"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var Button = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Button = exports.Button = {
   HIDDEN: 'HIDDEN',
   FIRST: 1
 };
-exports.Button = Button;
 var NeighbourCount = {
   MOBILE: 0,
   MAIN: 1
 };
 var BUTTON_RATIO = 5;
-var MOBILE_RESOLUTION = 360;
-exports.MOBILE_RESOLUTION = MOBILE_RESOLUTION;
-
+var MOBILE_RESOLUTION = exports.MOBILE_RESOLUTION = 360;
 var getItems = function getItems(_ref) {
   var totalPages = _ref.totalPages,
-      activePage = _ref.activePage,
-      maxButtonsCount = _ref.maxButtonsCount,
-      neighbourCount = _ref.neighbourCount;
+    activePage = _ref.activePage,
+    maxButtonsCount = _ref.maxButtonsCount,
+    neighbourCount = _ref.neighbourCount;
   var isMoreThenMaxBtnsCount = totalPages > maxButtonsCount;
   var lastPage = totalPages;
-
   if (!isMoreThenMaxBtnsCount) {
     return (0, _helpers["default"])(Button.FIRST, lastPage);
   }
-
   var hasLeftHiddenBtns = activePage > Math.ceil(maxButtonsCount / 2);
   var hasRightHiddenBtns = lastPage > activePage + neighbourCount + 2;
-
   switch (true) {
     case !hasLeftHiddenBtns && hasRightHiddenBtns:
       {
         var range = (0, _helpers["default"])(Button.FIRST, maxButtonsCount - 2);
         return [].concat((0, _toConsumableArray2["default"])(range), [Button.HIDDEN, lastPage]);
       }
-
     case hasLeftHiddenBtns && !hasRightHiddenBtns:
       {
         var _range = (0, _helpers["default"])(totalPages - (2 + 2 * neighbourCount), totalPages);
-
         return [Button.FIRST, Button.HIDDEN].concat((0, _toConsumableArray2["default"])(_range));
       }
-
     default:
       {
         var _range2 = (0, _helpers["default"])(activePage - neighbourCount, activePage + neighbourCount);
-
         return [Button.FIRST, Button.HIDDEN].concat((0, _toConsumableArray2["default"])(_range2), [Button.HIDDEN, lastPage]);
       }
   }
 };
-
 var usePagination = function usePagination(totalPages, activePage) {
   var _React$useState = _react["default"].useState(NeighbourCount.MAIN),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      neighbourCount = _React$useState2[0],
-      setNeighbourCount = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    neighbourCount = _React$useState2[0],
+    setNeighbourCount = _React$useState2[1];
   var maxButtonsCount = 2 * neighbourCount + BUTTON_RATIO;
   var paginationItems = getItems({
     totalPages: totalPages,
@@ -85,14 +64,12 @@ var usePagination = function usePagination(totalPages, activePage) {
     maxButtonsCount: maxButtonsCount,
     neighbourCount: neighbourCount
   });
-
   _react["default"].useEffect(function () {
     var handleResize = function handleResize() {
       var isMobile = window.innerWidth <= MOBILE_RESOLUTION;
       var value = isMobile ? NeighbourCount.MOBILE : NeighbourCount.MAIN;
       setNeighbourCount(value);
     };
-
     handleResize();
     var handleResizeThrottled = (0, _lodash["default"])(handleResize, _throttleTime["default"].resize);
     window.addEventListener('resize', handleResizeThrottled);
@@ -100,9 +77,6 @@ var usePagination = function usePagination(totalPages, activePage) {
       window.removeEventListener('resize', handleResizeThrottled);
     };
   }, []);
-
   return paginationItems;
 };
-
-var _default = usePagination;
-exports["default"] = _default;
+var _default = exports["default"] = usePagination;

package/dist/lib/components/Paragraph/Paragraph.css

@@ -1,43 +1 @@
-.mfui-paragraph {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-  margin: 0;
-  font-weight: 400;
-}
-.mfui-paragraph_align_left {
-  text-align: left;
-}
-.mfui-paragraph_align_center {
-  text-align: center;
-}
-.mfui-paragraph_align_right {
-  text-align: right;
-}
-.mfui-paragraph_space_wide {
-  line-height: 24px;
-}
-.mfui-paragraph_space_tight {
-  line-height: 18px;
-}
-.mfui-paragraph_has-margin {
-  margin: 0 0 16px;
-}
-.mfui-paragraph_color_inherit {
-  color: inherit;
-}
-.mfui-paragraph_color_default {
-  color: var(--content);
-}
-.mfui-paragraph_color_gray {
-  color: var(--spbSky3);
-}
-.mfui-paragraph_color_white {
-  color: var(--stcWhite);
-}
-.mfui-paragraph_color_green {
-  color: var(--brandGreen);
-}
-.mfui-paragraph_color_purple {
-  color: var(--brandPurple);
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-paragraph{font-family:inherit;font-size:15px;font-weight:400;line-height:24px;margin:0}.mfui-paragraph_align_left{text-align:left}.mfui-paragraph_align_center{text-align:center}.mfui-paragraph_align_right{text-align:right}.mfui-paragraph_space_wide{line-height:24px}.mfui-paragraph_space_tight{line-height:18px}.mfui-paragraph_has-margin{margin:0 0 16px}.mfui-paragraph_color_inherit{color:inherit}.mfui-paragraph_color_default{color:var(--content)}.mfui-paragraph_color_gray{color:var(--spbSky3)}.mfui-paragraph_color_white{color:var(--stcWhite)}.mfui-paragraph_color_green{color:var(--brandGreen)}.mfui-paragraph_color_purple{color:var(--brandPurple)}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Paragraph.less';
+import './Paragraph.scss';
 declare const COLORS: {
     readonly INHERIT: "inherit";
     readonly DEFAULT: "default";
@@ -8,7 +8,7 @@ declare const COLORS: {
     readonly GREEN: "green";
     readonly PURPLE: "purple";
 };
-declare type ColorType = typeof COLORS[keyof typeof COLORS];
+type ColorType = (typeof COLORS)[keyof typeof COLORS];
 export interface IParagraphProps {
     /** Выравнивание по горизонтали */
     align?: 'left' | 'center' | 'right';
@@ -24,6 +24,8 @@ export interface IParagraphProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
+    /** Дочерний элемент компонента */
+    children: React.ReactNode;
 }
 declare const Paragraph: React.FC<IParagraphProps>;
 export default Paragraph;

package/dist/lib/components/Paragraph/Paragraph.js

@@ -1,28 +1,16 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+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"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("core-js/modules/es.object.values.js");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-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 }; }
-
+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 && {}.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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var COLORS = {
   INHERIT: 'inherit',
   DEFAULT: 'default',
@@ -32,18 +20,17 @@ var COLORS = {
   PURPLE: 'purple'
 };
 var cn = (0, _uiHelpers.cnCreate)('mfui-paragraph');
-
 var Paragraph = function Paragraph(_ref) {
   var align = _ref.align,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'default' : _ref$color,
-      _ref$space = _ref.space,
-      space = _ref$space === void 0 ? 'wide' : _ref$space,
-      className = _ref.className,
-      _ref$hasMargin = _ref.hasMargin,
-      hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
-      dataAttrs = _ref.dataAttrs,
-      children = _ref.children;
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
+    _ref$space = _ref.space,
+    space = _ref$space === void 0 ? 'wide' : _ref$space,
+    className = _ref.className,
+    _ref$hasMargin = _ref.hasMargin,
+    hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
+    dataAttrs = _ref.dataAttrs,
+    children = _ref.children;
   return /*#__PURE__*/React.createElement("p", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       align: align,
@@ -53,15 +40,4 @@ var Paragraph = function Paragraph(_ref) {
     }, className)
   }), children);
 };
-
-Paragraph.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  align: PropTypes.oneOf(['left', 'center', 'right']),
-  space: PropTypes.oneOf(['wide', 'tight']),
-  hasMargin: PropTypes.bool,
-  color: PropTypes.oneOf(Object.values(COLORS))
-};
-var _default = Paragraph;
-exports["default"] = _default;
+var _default = exports["default"] = Paragraph;