@megafon/ui-core 2.0.0-beta.99 → 2.0.0

package/dist/es/components/Grid/GridColumn.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
 import './GridColumn.less';
 export declare type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
 export interface IGridColumn {
@@ -51,41 +50,7 @@ export interface IGridColumn {
     flex?: boolean;
     /** Дополнительный класс корневого элемента */
     className?: string;
-    children: React.ReactNode | JSX.Element | JSX.Element[];
-}
-declare class GridColumn extends React.Component<IGridColumn, {}> {
-    static propTypes: {
-        wide: PropTypes.Requireable<string>;
-        desktop: PropTypes.Requireable<string>;
-        tablet: PropTypes.Requireable<string>;
-        mobile: PropTypes.Requireable<string>;
-        all: PropTypes.Requireable<string>;
-        orderAll: PropTypes.Requireable<string>;
-        orderWide: PropTypes.Requireable<string>;
-        orderDesktop: PropTypes.Requireable<string>;
-        orderTablet: PropTypes.Requireable<string>;
-        orderMobile: PropTypes.Requireable<string>;
-        leftOffsetWide: PropTypes.Requireable<string>;
-        leftOffsetDesktop: PropTypes.Requireable<string>;
-        leftOffsetTablet: PropTypes.Requireable<string>;
-        leftOffsetMobile: PropTypes.Requireable<string>;
-        leftOffsetAll: PropTypes.Requireable<string>;
-        align: PropTypes.Requireable<string>;
-        grow: PropTypes.Requireable<boolean>;
-        flex: PropTypes.Requireable<boolean>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
-    };
-    static defaultProps: {
-        all: string;
-        flex: boolean;
-        grow: boolean;
-        orderWide: string;
-        orderDesktop: string;
-        orderTablet: string;
-        orderMobile: string;
-        orderAll: string;
-    };
-    render(): JSX.Element;
+    children: React.ReactNode;
 }
+declare const GridColumn: React.FC<IGridColumn>;
 export default GridColumn;

package/dist/es/components/Grid/GridColumn.js

@@ -1,96 +1,72 @@
-import "core-js/modules/es.date.to-string";
-import "core-js/modules/es.object.to-string";
-import "core-js/modules/es.reflect.construct";
-import "core-js/modules/es.regexp.to-string";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
 import * as React from 'react';
+import { cnCreate } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./GridColumn.css";
-import cnCreate from "../../utils/cnCreate";
 var GridSizeValues = PropTypes.oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']);
-var cn = cnCreate('mfui-beta-grid-column');
-
-var GridColumn = /*#__PURE__*/function (_React$Component) {
-  _inherits(GridColumn, _React$Component);
-
-  var _super = _createSuper(GridColumn);
+var cn = cnCreate('mfui-grid-column');
 
-  function GridColumn() {
-    _classCallCheck(this, GridColumn);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(GridColumn, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          all = _this$props.all,
-          wide = _this$props.wide,
-          desktop = _this$props.desktop,
-          tablet = _this$props.tablet,
-          mobile = _this$props.mobile,
-          orderAll = _this$props.orderAll,
-          orderWide = _this$props.orderWide,
-          orderDesktop = _this$props.orderDesktop,
-          orderTablet = _this$props.orderTablet,
-          orderMobile = _this$props.orderMobile,
-          leftOffsetAll = _this$props.leftOffsetAll,
-          leftOffsetWide = _this$props.leftOffsetWide,
-          leftOffsetDesktop = _this$props.leftOffsetDesktop,
-          leftOffsetTablet = _this$props.leftOffsetTablet,
-          leftOffsetMobile = _this$props.leftOffsetMobile,
-          rightOffsetAll = _this$props.rightOffsetAll,
-          rightOffsetWide = _this$props.rightOffsetWide,
-          rightOffsetDesktop = _this$props.rightOffsetDesktop,
-          rightOffsetTablet = _this$props.rightOffsetTablet,
-          rightOffsetMobile = _this$props.rightOffsetMobile,
-          className = _this$props.className,
-          flex = _this$props.flex,
-          grow = _this$props.grow,
-          align = _this$props.align,
-          children = _this$props.children;
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('', {
-          flex: flex,
-          grow: grow,
-          align: align,
-          all: all,
-          wide: wide,
-          desktop: desktop,
-          tablet: tablet,
-          mobile: mobile,
-          'all-order': orderAll,
-          'wide-order': orderWide,
-          'desktop-order': orderDesktop,
-          'tablet-order': orderTablet,
-          'mobile-order': orderMobile,
-          'left-offset-all': leftOffsetAll,
-          'left-offset-wide': leftOffsetWide,
-          'left-offset-desktop': leftOffsetDesktop,
-          'left-offset-tablet': leftOffsetTablet,
-          'left-offset-mobile': leftOffsetMobile,
-          'right-offset-all': rightOffsetAll,
-          'right-offset-wide': rightOffsetWide,
-          'right-offset-desktop': rightOffsetDesktop,
-          'right-offset-tablet': rightOffsetTablet,
-          'right-offset-mobile': rightOffsetMobile
-        }, className)
-      }, children);
-    }
-  }]);
-
-  return GridColumn;
-}(React.Component);
+var GridColumn = function GridColumn(_ref) {
+  var _ref$all = _ref.all,
+      all = _ref$all === void 0 ? '12' : _ref$all,
+      wide = _ref.wide,
+      desktop = _ref.desktop,
+      tablet = _ref.tablet,
+      mobile = _ref.mobile,
+      _ref$orderAll = _ref.orderAll,
+      orderAll = _ref$orderAll === void 0 ? '0' : _ref$orderAll,
+      _ref$orderWide = _ref.orderWide,
+      orderWide = _ref$orderWide === void 0 ? '0' : _ref$orderWide,
+      _ref$orderDesktop = _ref.orderDesktop,
+      orderDesktop = _ref$orderDesktop === void 0 ? '0' : _ref$orderDesktop,
+      _ref$orderTablet = _ref.orderTablet,
+      orderTablet = _ref$orderTablet === void 0 ? '0' : _ref$orderTablet,
+      _ref$orderMobile = _ref.orderMobile,
+      orderMobile = _ref$orderMobile === void 0 ? '0' : _ref$orderMobile,
+      leftOffsetAll = _ref.leftOffsetAll,
+      leftOffsetWide = _ref.leftOffsetWide,
+      leftOffsetDesktop = _ref.leftOffsetDesktop,
+      leftOffsetTablet = _ref.leftOffsetTablet,
+      leftOffsetMobile = _ref.leftOffsetMobile,
+      rightOffsetAll = _ref.rightOffsetAll,
+      rightOffsetWide = _ref.rightOffsetWide,
+      rightOffsetDesktop = _ref.rightOffsetDesktop,
+      rightOffsetTablet = _ref.rightOffsetTablet,
+      rightOffsetMobile = _ref.rightOffsetMobile,
+      className = _ref.className,
+      _ref$flex = _ref.flex,
+      flex = _ref$flex === void 0 ? false : _ref$flex,
+      _ref$grow = _ref.grow,
+      grow = _ref$grow === void 0 ? false : _ref$grow,
+      align = _ref.align,
+      children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn({
+      flex: flex,
+      grow: grow,
+      align: align,
+      all: all,
+      wide: wide,
+      desktop: desktop,
+      tablet: tablet,
+      mobile: mobile,
+      'all-order': orderAll,
+      'wide-order': orderWide,
+      'desktop-order': orderDesktop,
+      'tablet-order': orderTablet,
+      'mobile-order': orderMobile,
+      'left-offset-all': leftOffsetAll,
+      'left-offset-wide': leftOffsetWide,
+      'left-offset-desktop': leftOffsetDesktop,
+      'left-offset-tablet': leftOffsetTablet,
+      'left-offset-mobile': leftOffsetMobile,
+      'right-offset-all': rightOffsetAll,
+      'right-offset-wide': rightOffsetWide,
+      'right-offset-desktop': rightOffsetDesktop,
+      'right-offset-tablet': rightOffsetTablet,
+      'right-offset-mobile': rightOffsetMobile
+    }, className)
+  }, children);
+};
 
 GridColumn.propTypes = {
   wide: GridSizeValues,
@@ -112,16 +88,6 @@ GridColumn.propTypes = {
   grow: PropTypes.bool,
   flex: PropTypes.bool,
   className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.string])
-};
-GridColumn.defaultProps = {
-  all: '12',
-  flex: false,
-  grow: false,
-  orderWide: '0',
-  orderDesktop: '0',
-  orderTablet: '0',
-  orderMobile: '0',
-  orderAll: '0'
+  children: PropTypes.node.isRequired
 };
 export default GridColumn;

package/dist/es/components/Header/Header.css

@@ -5,119 +5,119 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-beta-header {
+.mfui-header {
   font-family: inherit;
   font-weight: 400;
 }
-.mfui-beta-header__addition {
+.mfui-header__addition {
   display: inline-block;
   margin-left: 12px;
 }
-.mfui-beta-header_level_h1 {
+.mfui-header_level_h1 {
+  font-weight: 700;
   font-size: 30px;
   line-height: 36px;
-  font-weight: 700;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-header_level_h1 {
+  .mfui-header_level_h1 {
     font-size: 36px;
     line-height: 40px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-beta-header_level_h1 {
+  .mfui-header_level_h1 {
     font-size: 44px;
     line-height: 48px;
     letter-spacing: 0.5px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-beta-header_level_h1 {
+  .mfui-header_level_h1 {
     font-size: 52px;
     line-height: 56px;
   }
 }
-.mfui-beta-header_margin.mfui-beta-header_level_h1 {
+.mfui-header_margin.mfui-header_level_h1 {
   margin: 0 0 32px 0;
 }
-.mfui-beta-header_level_h2 {
+.mfui-header_level_h2 {
+  font-weight: 600;
   font-size: 22px;
   line-height: 28px;
-  font-weight: 600;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-header_level_h2 {
+  .mfui-header_level_h2 {
     font-size: 26px;
     line-height: 32px;
   }
 }
 @media screen and (min-width: 1024px) {
-  .mfui-beta-header_level_h2 {
+  .mfui-header_level_h2 {
     font-size: 28px;
     line-height: 36px;
     letter-spacing: 0.5px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-beta-header_level_h2 {
+  .mfui-header_level_h2 {
     font-size: 32px;
     line-height: 40px;
   }
 }
-.mfui-beta-header_margin.mfui-beta-header_level_h2 {
+.mfui-header_margin.mfui-header_level_h2 {
   margin: 56px 0 24px 0;
 }
-.mfui-beta-header_level_h3 {
+.mfui-header_level_h3 {
+  font-weight: 500;
   font-size: 18px;
   line-height: 24px;
-  font-weight: 500;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-beta-header_level_h3 {
+  .mfui-header_level_h3 {
     letter-spacing: 0.5px;
   }
 }
 @media screen and (min-width: 1280px) {
-  .mfui-beta-header_level_h3 {
+  .mfui-header_level_h3 {
     font-size: 20px;
     line-height: 28px;
   }
 }
-.mfui-beta-header_margin.mfui-beta-header_level_h3 {
+.mfui-header_margin.mfui-header_level_h3 {
   margin: 32px 0 24px 0;
 }
-.mfui-beta-header_level_h5 {
+.mfui-header_level_h5 {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
 }
-.mfui-beta-header_margin.mfui-beta-header_level_h5 {
+.mfui-header_margin.mfui-header_level_h5 {
   margin: 24px 0 16px 0;
 }
-.mfui-beta-header_color_black {
+.mfui-header_color_black {
   color: #333333;
 }
-.mfui-beta-header_color_green {
+.mfui-header_color_green {
   color: #00B956;
 }
-.mfui-beta-header_color_purple {
+.mfui-header_color_purple {
   color: #731982;
 }
-.mfui-beta-header_color_white {
+.mfui-header_color_white {
   color: #FFFFFF;
 }
-.mfui-beta-header_color_blue {
+.mfui-header_color_blue {
   color: #34AAF2;
 }
-.mfui-beta-header_color_inherit {
+.mfui-header_color_inherit {
   color: inherit;
 }
-.mfui-beta-header_h-align_left {
+.mfui-header_h-align_left {
   text-align: left;
 }
-.mfui-beta-header_h-align_center {
+.mfui-header_h-align_center {
   text-align: center;
 }
-.mfui-beta-header_h-align_right {
+.mfui-header_h-align_right {
   text-align: right;
 }

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { IFilterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import './Header.less';
-import { IDataAttributes } from './../../utils/dataAttrs';
-interface IHeaderProps extends IDataAttributes {
+interface IHeaderProps extends IFilterDataAttrs {
     /** Тег */
     as?: 'h1' | 'h2' | 'h3' | 'h5';
     /** Цвет */

package/dist/es/components/Header/Header.js

@@ -14,11 +14,10 @@ function _createSuper(Derived) { return function () { var Super = _getPrototypeO
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 import * as React from 'react';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./Header.css";
-import cnCreate from "../../utils/cnCreate";
-import filterDataAttrs from "./../../utils/dataAttrs";
-var cn = cnCreate('mfui-beta-header');
+var cn = cnCreate('mfui-header');
 
 var Header = /*#__PURE__*/function (_React$Component) {
   _inherits(Header, _React$Component);

package/dist/es/components/InputLabel/InputLabel.css

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-beta-input-label {
+.mfui-input-label {
   display: block;
   margin-bottom: 4px;
   font-weight: 500;

package/dist/es/components/InputLabel/InputLabel.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { cnCreate } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
-import cnCreate from "../../utils/cnCreate";
 import "./InputLabel.css";
-var cn = cnCreate('mfui-beta-input-label');
+var cn = cnCreate('mfui-input-label');
 
 var InputLabel = function InputLabel(_ref) {
   var htmlFor = _ref.htmlFor,

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
 export interface ILinkProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
@@ -15,16 +14,5 @@ export interface ILinkProps {
     download?: boolean;
     children?: JSX.Element[] | Element[] | JSX.Element | string | Element | React.ReactNode;
 }
-declare class Link extends React.Component<ILinkProps, {}> {
-    static propTypes: {
-        href: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        target: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        rel: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        download: PropTypes.Requireable<boolean>;
-    };
-    render(): JSX.Element;
-}
+declare const Link: React.FC<ILinkProps>;
 export default Link;

package/dist/es/components/Link/Link.js

@@ -1,40 +1,13 @@
-import "core-js/modules/es.date.to-string";
-import "core-js/modules/es.object.to-string";
-import "core-js/modules/es.reflect.construct";
-import "core-js/modules/es.regexp.to-string";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 
-var Link = /*#__PURE__*/function (_React$Component) {
-  _inherits(Link, _React$Component);
-
-  var _super = _createSuper(Link);
-
-  function Link() {
-    _classCallCheck(this, Link);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Link, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("a", this.props);
-    }
-  }]);
-
-  return Link;
-}(React.Component);
+var Link = function Link(props) {
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/anchor-has-content
+    React.createElement("a", props)
+  );
+};
 
 Link.propTypes = {
   href: PropTypes.string,

package/dist/es/components/List/List.css

@@ -5,53 +5,53 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-beta-list {
+.mfui-list {
   font-family: inherit;
   font-size: 15px;
   line-height: 24px;
-  font-style: normal;
-  padding: 0;
   margin: 12px 0 12px 40px;
+  padding: 0;
+  font-style: normal;
 }
-.mfui-beta-list_type_ul {
+.mfui-list_type_ul {
   list-style: disc;
 }
-.mfui-beta-list_type_ol {
+.mfui-list_type_ol {
   list-style: decimal;
 }
-.mfui-beta-list_h-align_center {
+.mfui-list_h-align_center {
   text-align: center;
 }
-.mfui-beta-list_h-align_right {
+.mfui-list_h-align_right {
   text-align: right;
 }
-.mfui-beta-list_color_black {
+.mfui-list_color_black {
   color: #333333;
 }
-.mfui-beta-list_color_white {
+.mfui-list_color_white {
   color: #FFFFFF;
 }
-.mfui-beta-list_color_gray {
+.mfui-list_color_gray {
   color: #D8D8D8;
 }
-.mfui-beta-list_color_green {
+.mfui-list_color_green {
   color: #00B956;
 }
-.mfui-beta-list_color_purple {
+.mfui-list_color_purple {
   color: #731982;
 }
-.mfui-beta-list_color_red {
+.mfui-list_color_red {
   color: #F62434;
 }
-.mfui-beta-list_color_inherit {
+.mfui-list_color_inherit {
   color: inherit;
 }
-.mfui-beta-list_weight_light {
+.mfui-list_weight_light {
   font-weight: 300;
 }
-.mfui-beta-list_weight_regular {
+.mfui-list_weight_regular {
   font-weight: 400;
 }
-.mfui-beta-list_weight_bold {
+.mfui-list_weight_bold {
   font-weight: 600;
 }

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
 import './List.less';
 export interface IListProps {
     /** Тип списка */
@@ -12,18 +11,6 @@ export interface IListProps {
     color?: 'black' | 'white' | 'gray' | 'green' | 'purple' | 'red' | 'inherit';
     /** Дополнительный класс корневого элемента */
     className?: string;
-    children: JSX.Element[] | Element[] | JSX.Element | Element;
-}
-declare class List extends React.Component<IListProps, {}> {
-    static propTypes: {
-        as: PropTypes.Requireable<string>;
-        hAlign: PropTypes.Requireable<string>;
-        weight: PropTypes.Requireable<string>;
-        color: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
-    };
-    static defaultProps: Partial<IListProps>;
-    render(): JSX.Element;
 }
+declare const List: React.FC<IListProps>;
 export default List;