@megafon/ui-shared 6.3.0 → 7.0.0-beta.1

package/dist/lib/components/Property/PropertyDescription.js

@@ -1,54 +1,37 @@
 "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"] = exports.testIdPrefix = void 0;
-
+exports.testIdPrefix = exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(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 }; }
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-var testIdPrefix = 'PropertyDescription';
-exports.testIdPrefix = testIdPrefix;
-var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
 
+var testIdPrefix = exports.testIdPrefix = 'PropertyDescription';
+var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
 var PropertyDescription = function PropertyDescription(_ref) {
   var value = _ref.value,
-      _ref$isCollapsible = _ref.isCollapsible,
-      isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs;
-
+    _ref$isCollapsible = _ref.isCollapsible,
+    isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
   var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      isOpened = _React$useState2[0],
-      setIsOpened = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    isOpened = _React$useState2[0],
+    setIsOpened = _React$useState2[1];
   var handleClickDesc = React.useCallback(function () {
     return setIsOpened(!isOpened);
   }, [isOpened]);
-
   if (isCollapsible) {
     return /*#__PURE__*/React.createElement("div", {
       className: cn([isOpened ? classes.open : undefined]),
@@ -63,22 +46,8 @@ var PropertyDescription = function PropertyDescription(_ref) {
       className: cn('collapse', classes.toggle)
     }), isOpened ? 'Скрыть' : 'Подробнее'));
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: cn()
   }, value);
 };
-
-PropertyDescription.propTypes = {
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired,
-  isCollapsible: _propTypes["default"].bool,
-  classes: _propTypes["default"].shape({
-    open: _propTypes["default"].string,
-    toggle: _propTypes["default"].string
-  }),
-  dataAttrs: _propTypes["default"].shape({
-    moreLink: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  })
-};
-var _default = PropertyDescription;
-exports["default"] = _default;
+var _default = exports["default"] = PropertyDescription;

package/dist/lib/components/Property/types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type Desc = {
+export type DescriptionType = {
     value: string | React.ReactNode[];
     isCollapsible?: boolean;
     classes?: {
@@ -10,10 +10,12 @@ export declare type Desc = {
         moreLink?: Record<string, string>;
     };
 };
-export declare type Item = {
-    title?: string[] | React.ReactNode[];
-    titleSize?: 'default' | 'big';
-    description?: Desc[];
+export type TitleSizeType = 'default' | 'big';
+export type ValueFrameColor = 'none' | 'default' | 'gray';
+export type Item = {
+    title?: React.ReactNode[];
+    titleSize?: TitleSizeType;
+    description?: DescriptionType[];
     value?: string | React.ReactNode;
     valueUnit?: string;
     valueFrameColor?: 'none' | 'default' | 'gray';

package/dist/lib/components/Property/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { BackgroundType, CardDataType } from './types';
+export interface ISidePictureCards {
+    /** Карточки. Минимальное количество 2 карточки */
+    items: CardDataType[];
+    /** Цвет фона карточек */
+    background?: BackgroundType;
+    /** Дополнительный класс для компонента */
+    className?: string;
+    /** Дополнительные классы для внутренних элементов */
+    classes?: {
+        root?: string;
+        item?: string;
+    };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        item?: Record<string, string>;
+    };
+}
+declare const SidePictureCards: React.FC<ISidePictureCards>;
+export default SidePictureCards;

package/dist/lib/components/SidePictureCards/SidePictureCards.js

@@ -0,0 +1,54 @@
+"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"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+var _SidePictureCard = _interopRequireDefault(require("./components/SidePictureCard"));
+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 MIN_ITEMS_COUNT = 2;
+var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-cards');
+var SidePictureCards = function SidePictureCards(_ref) {
+  var items = _ref.items,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'gray' : _ref$background,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
+  if (items.length < MIN_ITEMS_COUNT) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn([className, classes.root])
+  }), /*#__PURE__*/React.createElement(_uiCore.Grid, {
+    className: cn(),
+    guttersLeft: "medium",
+    guttersBottom: "medium"
+  }, items.map(function (item, i) {
+    return /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+      all: "6",
+      mobile: "12",
+      key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i)
+    }, /*#__PURE__*/React.createElement(_SidePictureCard["default"], (0, _extends2["default"])({}, item, {
+      background: background,
+      key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i),
+      classes: {
+        root: classes.item
+      },
+      dataAttrs: {
+        root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1))
+      }
+    })));
+  })));
+};
+var _default = exports["default"] = SidePictureCards;

package/dist/lib/components/SidePictureCards/components/SidePictureCard.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-side-picture-card{background-color:var(--base);border-radius:24px;color:var(--content);display:grid;gap:20px;grid-template-columns:auto;grid-template-rows:1fr auto;min-height:100%;padding:12px;text-decoration:none;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s}@media screen and (min-width:1280px){.mfui-side-picture-card{grid-template-columns:1fr 1fr;grid-template-rows:none}}.mfui-side-picture-card:hover{text-decoration:none}.mfui-side-picture-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:12px}@media screen and (min-width:1280px){.mfui-side-picture-card__content{padding:12px 0 12px 12px}}.mfui-side-picture-card__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:16px}@media screen and (min-width:1280px){.mfui-side-picture-card__title{margin-bottom:24px}}.mfui-side-picture-card__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:auto}@media screen and (min-width:1280px){.mfui-side-picture-card__items{gap:16px}}.mfui-side-picture-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-side-picture-card__item-icon{display:block;max-height:32px;min-width:32px;width:32px}.mfui-side-picture-card__item-icon svg{display:block;height:100%;width:100%;fill:var(--brandGreen)}.mfui-side-picture-card__item-description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-side-picture-card__item-text{font-size:15px;font-weight:400;-webkit-line-clamp:3}.mfui-side-picture-card__item-info,.mfui-side-picture-card__item-text{display:-webkit-box;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical}.mfui-side-picture-card__item-info{font-size:18px;font-weight:500;letter-spacing:.5px;-webkit-line-clamp:2}@media screen and (min-width:1280px){.mfui-side-picture-card__item-info{font-size:20px;line-height:28px}}.mfui-side-picture-card__button{margin-top:32px}.mfui-side-picture-card__picture{height:172px;position:relative}@media screen and (min-width:768px) and (max-width:1023px){.mfui-side-picture-card__picture{height:197px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-side-picture-card__picture{height:270px}}@media screen and (min-width:1280px){.mfui-side-picture-card__picture{height:100%}}.mfui-side-picture-card__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mfui-side-picture-card_active:hover:not(.mfui-side-picture-card_background_gray){-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-side-picture-card_background_gray{background-color:var(--spbSky0)}.mfui-side-picture-card_background_gray.mfui-side-picture-card_active:hover{background-color:var(--spbSky1)}

package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BackgroundType, CardDataType } from '../types';
+import './SidePictureCard.scss';
+export type SidePictureCardType = CardDataType & {
+    background: BackgroundType;
+    classes?: {
+        root?: string;
+        button?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        button?: Record<string, string>;
+    };
+};
+declare const SidePictureCard: React.FC<SidePictureCardType>;
+export default SidePictureCard;

package/dist/lib/components/SidePictureCards/components/SidePictureCard.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.slice.js");
+var _react = _interopRequireDefault(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+var _setRelAttribute = require("../../../helpers/setRelAttribute");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var MAX_ICON_ITEMS_COUNT = 4;
+var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-card');
+var SidePictureCard = function SidePictureCard(_ref) {
+  var background = _ref.background,
+    title = _ref.title,
+    image = _ref.image,
+    _ref$iconItems = _ref.iconItems,
+    iconItems = _ref$iconItems === void 0 ? [] : _ref$iconItems,
+    _ref$button = _ref.button,
+    button = _ref$button === void 0 ? {} : _ref$button,
+    href = _ref.href,
+    target = _ref.target,
+    rel = _ref.rel,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
+  var buttonTitle = button.title,
+    buttonHref = button.href,
+    buttonTarget = button.target,
+    buttonRel = button.rel;
+  var isLink = !!href && !buttonHref;
+  var ElementType = isLink ? 'a' : 'div';
+  var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
+  var currentButtonRel = (0, _setRelAttribute.setRelAttribute)(buttonRel, buttonTarget);
+  var visibleIconItems = iconItems.slice(0, MAX_ICON_ITEMS_COUNT);
+  var items = visibleIconItems.map(function (item, i) {
+    var icon = item.icon,
+      _item$text = item.text,
+      text = _item$text === void 0 ? '' : _item$text,
+      _item$info = item.info,
+      info = _item$info === void 0 ? '' : _item$info;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item'),
+      key: "".concat(text || info, "_").concat(i)
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item-icon')
+    }, icon), /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item-description')
+    }, !!text && /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item-text')
+    }, (0, _uiHelpers.convert)(text, {})), !!info && /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('item-info')
+    }, (0, _uiHelpers.convert)(info, {}))));
+  });
+  return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({
+    className: cn({
+      background: background,
+      active: isLink
+    }, [classes.root])
+  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, {
+    href: href,
+    target: isLink ? target : undefined,
+    rel: isLink ? currentRel : undefined
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('content')
+  }, !!title && /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
+    className: cn('title'),
+    as: "h3"
+  }, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('items')
+  }, items), !!buttonTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    className: cn('button', [classes.button]),
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    },
+    href: buttonHref,
+    target: buttonTarget,
+    rel: currentButtonRel
+  }, buttonTitle)), /*#__PURE__*/_react["default"].createElement("picture", {
+    className: cn('picture')
+  }, /*#__PURE__*/_react["default"].createElement("source", {
+    media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_MIDDLE_START, "px)"),
+    srcSet: image.srcWide
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    className: cn('image'),
+    src: image.src,
+    alt: image.alt || 'image'
+  })));
+};
+var _default = exports["default"] = SidePictureCard;

package/dist/lib/components/SidePictureCards/types.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+type TargetType = '_self' | '_blank' | '_parent' | '_top';
+type ButtonType = {
+    /** Название */
+    title: string;
+    /** Ссылка */
+    href: string;
+    /** Атрибут ссылки target */
+    target?: TargetType;
+    /** Атрибут ссылки rel */
+    rel?: string;
+};
+type ImageType = {
+    /** Изображение на разрешении экрана 0-1279 */
+    src: string;
+    /** Изображение на разрешении экрана 1280+ */
+    srcWide: string;
+    /** Значение тега alt для изображения */
+    alt?: string;
+};
+type IconContentType = {
+    /** Иконка */
+    icon: React.ReactNode;
+    /** Текст-описание */
+    text?: string;
+    /** Дополнительная информация, значение */
+    info?: string;
+};
+export type CardDataType = {
+    /** Заголовок */
+    title?: string;
+    /** Изображение */
+    image: ImageType;
+    /** Список пунктов с иконками */
+    iconItems: IconContentType[];
+    /** Кнопка */
+    button?: ButtonType;
+    /** Ссылка */
+    href?: string;
+    /** Атрибут ссылки target */
+    target?: TargetType;
+    /** Атрибут ссылки rel */
+    rel?: string;
+};
+export type BackgroundType = 'white' | 'gray';
+export {};

package/dist/lib/components/SidePictureCards/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/lib/components/Steps/Steps.css

@@ -1,41 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-steps {
-  width: 66%;
-  margin-right: auto;
-  margin-left: auto;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-steps {
-    width: 49%;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-steps {
-    width: 100%;
-  }
-}
-.mfui-steps__title {
-  margin-bottom: 40px;
-}
-.mfui-steps__list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.mfui-steps__item {
-  margin-bottom: 48px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-steps__item {
-    margin-bottom: 24px;
-  }
-}
-.mfui-steps__item:last-child {
-  margin-bottom: 0;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-steps{margin-left:auto;margin-right:auto;width:66%}@media screen and (min-width:1280px){.mfui-steps{width:49%}}@media screen and (max-width:767px){.mfui-steps{width:100%}}.mfui-steps__title{margin-bottom:40px}.mfui-steps__list{list-style:none;margin:0;padding:0}.mfui-steps__item{margin-bottom:48px}@media screen and (max-width:767px){.mfui-steps__item{margin-bottom:24px}}.mfui-steps__item:last-child{margin-bottom:0}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Steps.less';
+import './Steps.scss';
 export interface ISteps {
     /** Дополнительный класс корневого элемента */
     className?: string;
@@ -13,6 +13,7 @@ export interface ISteps {
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */
     title?: string;
+    children: React.ReactNode;
 }
 declare const Steps: React.FC<ISteps>;
 export default Steps;

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

@@ -1,36 +1,23 @@
 "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;
-
 require("core-js/modules/es.array.map.js");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 _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; }
 var cn = (0, _uiHelpers.cnCreate)('mfui-steps');
-
 var Steps = function Steps(_ref) {
   var className = _ref.className,
-      classes = _ref.classes,
-      title = _ref.title,
-      rootRef = _ref.rootRef,
-      children = _ref.children;
+    classes = _ref.classes,
+    title = _ref.title,
+    rootRef = _ref.rootRef,
+    children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     className: cn([className]),
     ref: rootRef
@@ -46,18 +33,4 @@ var Steps = function Steps(_ref) {
     }, child);
   })));
 };
-
-Steps.propTypes = {
-  className: _propTypes["default"].string,
-  classes: _propTypes["default"].shape({
-    title: _propTypes["default"].string,
-    list: _propTypes["default"].string,
-    item: _propTypes["default"].string
-  }),
-  rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    current: _propTypes["default"].elementType
-  }), _propTypes["default"].any])]),
-  title: _propTypes["default"].string
-};
-var _default = Steps;
-exports["default"] = _default;
+var _default = exports["default"] = Steps;

package/dist/lib/components/Steps/StepsItem.css

@@ -1,42 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-steps-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-steps-item__step-number {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  color: var(--stcWhite);
-  background-color: var(--brandGreen);
-}
-.mfui-steps-item__text-wrapper {
-  padding-top: 8px;
-  padding-left: 16px;
-}
-.mfui-steps-item__nodes {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-steps-item,.mfui-steps-item__step-number{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-steps-item__step-number{font-size:15px;font-weight:500;line-height:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--brandGreen);border-radius:50%;color:var(--stcWhite);height:40px;justify-content:center;width:40px}.mfui-steps-item__text-wrapper{padding-left:16px;padding-top:8px}.mfui-steps-item__nodes{font-size:15px;font-weight:400;line-height:24px}

package/dist/lib/components/Steps/StepsItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import './StepsItem.less';
+import * as React from 'react';
+import './StepsItem.scss';
 interface IStepsItem {
     /** Номер элемента */
     index: number;

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

@@ -1,41 +1,29 @@
 "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"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
+var React = _interopRequireWildcard(require("react"));
 var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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; }
 var cn = (0, _uiHelpers.cnCreate)('mfui-steps-item');
-
 var StepsItem = function StepsItem(_ref) {
   var index = _ref.index,
-      text = _ref.text;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+    text = _ref.text;
+  return /*#__PURE__*/React.createElement("div", {
     className: cn()
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: cn('step-number')
-  }, index), /*#__PURE__*/_react["default"].createElement("div", {
+  }, index), /*#__PURE__*/React.createElement("div", {
     className: cn('text-wrapper')
-  }, typeof text === 'string' ? /*#__PURE__*/_react["default"].createElement(_uiCore.Paragraph, {
+  }, typeof text === 'string' ? /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
     hasMargin: false
-  }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)) : /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)) : /*#__PURE__*/React.createElement("div", {
     className: cn('nodes')
   }, text)));
 };
-
-StepsItem.propTypes = {
-  index: _propTypes["default"].number.isRequired,
-  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired
-};
-var _default = StepsItem;
-exports["default"] = _default;
+var _default = exports["default"] = StepsItem;