@megafon/ui-shared 8.13.1 → 8.14.0

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

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

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

@@ -1,100 +0,0 @@
-"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,
-    button = _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 _ref2 = button || {},
-    buttonTitle = _ref2.title,
-    buttonHref = _ref2.href,
-    buttonTarget = _ref2.target,
-    buttonRel = _ref2.rel,
-    onButtonClick = _ref2.onClick;
-  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', [classes === null || classes === void 0 ? void 0 : classes.title]),
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.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,
-    onClick: onButtonClick
-  }, 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

@@ -1,48 +0,0 @@
-import React from 'react';
-type TargetType = '_self' | '_blank' | '_parent' | '_top';
-type ButtonType = {
-    /** Название */
-    title: string;
-    /** Ссылка */
-    href?: string;
-    /** Атрибут ссылки target */
-    target?: TargetType;
-    /** Атрибут ссылки rel */
-    rel?: string;
-    /** Обработчик клика */
-    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-};
-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

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

package/dist/lib/components/Stepper/Stepper.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-stepper{gap:16px}.mfui-stepper,.mfui-stepper__items-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-stepper__items-wrap{gap:12px;overflow-x:auto}.mfui-stepper::-webkit-scrollbar{height:8px}.mfui-stepper::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:8px}.mfui-stepper_is-horizontal .mfui-stepper__items-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}

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

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import type { IStepperItemProps } from './StepperItem';
-import './Stepper.scss';
-export type StepperItemType = Pick<IStepperItemProps, 'title' | 'text' | 'icon' | 'linkText' | 'linkUrl'>;
-export interface IStepperProps {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы элементов */
-    classes?: {
-        root?: string;
-        itemsWrap?: string;
-        item?: string;
-        itemIconButton?: string;
-        itemTitle?: string;
-        itemText?: string;
-        itemLink?: string;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Индекс активного шага */
-    activeStep?: number;
-    /** Количество шагов */
-    stepCount?: number;
-    /** Шаги */
-    items?: StepperItemType[];
-    /** Направление */
-    isHorizontal?: boolean;
-    /** Цифры вместо галочек */
-    isNumeric?: boolean;
-    /** Отключение кнопок */
-    isDisabled?: boolean;
-    /** Все шаги пройдены */
-    isAllChecked?: boolean;
-    /** Отображение контента только активного шага */
-    showActiveStepContent?: boolean;
-    /** Выравнивание */
-    align?: 'center' | 'left';
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        itemsWrap?: Record<string, string>;
-        item?: Record<string, string>;
-        itemIconButton?: Record<string, string>;
-        itemTitle?: Record<string, string>;
-        itemText?: Record<string, string>;
-        itemLink?: Record<string, string>;
-    };
-    /** Обработчик события смены шага */
-    onChange?: (index: number) => void;
-}
-declare const Stepper: React.FC<IStepperProps>;
-export default Stepper;

package/dist/lib/components/Stepper/Stepper.js

@@ -1,168 +0,0 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.array.from.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.string.iterator.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _StepperItem = _interopRequireWildcard(require("./StepperItem"));
-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 CheckedIcon = function CheckedIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M8.832 11.547L6.619 9.335l-1.414 1.413 2.462 2.462 1.445 1.446 5.932-8.486-1.638-1.148-4.574 6.525z"
-  }));
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-stepper');
-var Stepper = function Stepper(_ref) {
-  var className = _ref.className,
-    _ref$classes = _ref.classes,
-    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
-    rootClassName = _ref$classes2.root,
-    itemsWrapClassName = _ref$classes2.itemsWrap,
-    itemClassName = _ref$classes2.item,
-    itemIconButtonClassName = _ref$classes2.itemIconButton,
-    itemTitleClassName = _ref$classes2.itemTitle,
-    itemTextClassname = _ref$classes2.itemText,
-    itemLinkClassName = _ref$classes2.itemLink,
-    rootRef = _ref.rootRef,
-    _ref$activeStep = _ref.activeStep,
-    activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
-    _ref$stepCount = _ref.stepCount,
-    stepCount = _ref$stepCount === void 0 ? 2 : _ref$stepCount,
-    _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$isHorizontal = _ref.isHorizontal,
-    isHorizontal = _ref$isHorizontal === void 0 ? true : _ref$isHorizontal,
-    isNumeric = _ref.isNumeric,
-    isDisabled = _ref.isDisabled,
-    isAllChecked = _ref.isAllChecked,
-    _ref$showActiveStepCo = _ref.showActiveStepContent,
-    showActiveStepContent = _ref$showActiveStepCo === void 0 ? false : _ref$showActiveStepCo,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'center' : _ref$align,
-    _ref$dataAttrs = _ref.dataAttrs,
-    _ref$dataAttrs2 = _ref$dataAttrs === void 0 ? {} : _ref$dataAttrs,
-    rootAttrs = _ref$dataAttrs2.root,
-    itemsWrapAttrs = _ref$dataAttrs2.itemsWrap,
-    itemAttrs = _ref$dataAttrs2.item,
-    itemIconButtonAttrs = _ref$dataAttrs2.itemIconButton,
-    itemTitleAttrs = _ref$dataAttrs2.itemTitle,
-    itemTextAttrs = _ref$dataAttrs2.itemText,
-    itemLinkAttrs = _ref$dataAttrs2.itemLink,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {
-      return null;
-    } : _ref$onChange;
-  var _React$useState = React.useState(activeStep),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    currentIndex = _React$useState2[0],
-    setCurrentIndex = _React$useState2[1];
-  var hasCustomItems = !!items.length;
-  var isHorizontalContent = isHorizontal || showActiveStepContent;
-  var currentItems = hasCustomItems ? items : Array.from({
-    length: stepCount
-  });
-  var isCorrectDisabled = React.useMemo(function () {
-    return !!isAllChecked || !!isDisabled;
-  }, [isAllChecked, isDisabled]);
-  var defineItemTheme = React.useCallback(function (index) {
-    switch (true) {
-      case isAllChecked:
-      case index < currentIndex:
-        {
-          return _StepperItem.STEPPER_ITEM_THEME_ENUM.CHECKED;
-        }
-      case index === currentIndex:
-        {
-          return _StepperItem.STEPPER_ITEM_THEME_ENUM.ACTIVE;
-        }
-      default:
-        {
-          return _StepperItem.STEPPER_ITEM_THEME_ENUM.DEFAULT;
-        }
-    }
-  }, [currentIndex, isAllChecked]);
-  var handleClickItem = React.useCallback(function (index) {
-    return function () {
-      if (isCorrectDisabled) {
-        return;
-      }
-      setCurrentIndex(index);
-      onChange(index);
-    };
-  }, [isCorrectDisabled, onChange]);
-  React.useEffect(function () {
-    if (activeStep === undefined) {
-      return;
-    }
-    setCurrentIndex(activeStep);
-  }, [activeStep]);
-  var renderIcon = React.useCallback(function (index, theme) {
-    var isChecked = theme === _StepperItem.STEPPER_ITEM_THEME_ENUM.CHECKED;
-    if (isNumeric || !isChecked) {
-      return index + 1;
-    }
-    return /*#__PURE__*/React.createElement(CheckedIcon, null);
-  }, [isNumeric]);
-  var renderItem = React.useCallback(function (props, index) {
-    return /*#__PURE__*/React.createElement(_StepperItem["default"], (0, _extends2["default"])({}, props, {
-      key: index,
-      className: itemClassName,
-      classes: {
-        iconButton: itemIconButtonClassName,
-        title: itemTitleClassName,
-        text: itemTextClassname,
-        link: itemLinkClassName
-      },
-      dataAttrs: {
-        root: itemAttrs,
-        iconButton: itemIconButtonAttrs,
-        title: itemTitleAttrs,
-        text: itemTextAttrs,
-        link: itemLinkAttrs
-      }
-    }));
-  }, [itemAttrs, itemIconButtonAttrs, itemIconButtonClassName, itemClassName, itemLinkAttrs, itemLinkClassName, itemTextAttrs, itemTextClassname, itemTitleAttrs, itemTitleClassName]);
-  var renderItems = React.useMemo(function () {
-    return currentItems.map(function (elem, i) {
-      var item = elem || {};
-      var itemTheme = defineItemTheme(i);
-      var itemIcon = item.icon || renderIcon(i, itemTheme);
-      return renderItem((0, _extends2["default"])((0, _extends2["default"])({}, item), {
-        icon: itemIcon,
-        hasSeparator: i < currentItems.length - 1,
-        isHorizontal: isHorizontalContent,
-        isDisabled: isCorrectDisabled,
-        align: align,
-        theme: itemTheme,
-        view: showActiveStepContent ? _StepperItem.STEPPER_ITEM_VIEW_ENUM.ICON : _StepperItem.STEPPER_ITEM_VIEW_ENUM.DEFAULT,
-        onClick: handleClickItem(i)
-      }), i);
-    });
-  }, [align, currentItems, isCorrectDisabled, showActiveStepContent, isHorizontalContent, defineItemTheme, handleClickItem, renderIcon, renderItem]);
-  var renderSingleItem = renderItem((0, _extends2["default"])((0, _extends2["default"])({}, currentItems[currentIndex]), {
-    isDisabled: isCorrectDisabled,
-    align: align,
-    view: _StepperItem.STEPPER_ITEM_VIEW_ENUM.CONTENT
-  }));
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(rootAttrs), {
-    className: cn([className, rootClassName], {
-      'is-horizontal': isHorizontalContent
-    }),
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(itemsWrapAttrs), {
-    className: cn('items-wrap', [itemsWrapClassName])
-  }), renderItems), showActiveStepContent && renderSingleItem);
-};
-var _default = exports["default"] = Stepper;

package/dist/lib/components/Stepper/StepperItem.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-stepper-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px}.mfui-stepper-item_is-horizontal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-stepper-item_is-horizontal .mfui-stepper-item__separator{-o-border-image:url(img/separator-mobile.png) 2 round;border-image:url(img/separator-mobile.png) 2 round;border-left:none;border-radius:100px;border-top:2px solid transparent;height:2px;left:calc(50% + 22px);min-height:2px;position:absolute;top:19px;width:calc(100% - 32px)}@media screen and (min-width:768px){.mfui-stepper-item_is-horizontal .mfui-stepper-item__separator{-o-border-image:url(img/separator.png) 2 repeat;border-image:url(img/separator.png) 2 repeat}}@media screen and (min-width:1024px){.mfui-stepper-item_is-horizontal .mfui-stepper-item__separator{left:calc(50% + 32px);width:calc(100% - 52px)}}.mfui-stepper-item_theme_active .mfui-stepper-item__icon-button{background-color:var(--night20)}.mfui-stepper-item_theme_active .mfui-stepper-item__icon{background-color:var(--night)}.mfui-stepper-item_theme_checked .mfui-stepper-item__icon-button{background-color:var(--brandGreen20)}.mfui-stepper-item_theme_checked .mfui-stepper-item__icon{background-color:var(--brandGreen)}.mfui-stepper-item_theme_checked .mfui-stepper-item__separator{border-color:var(--brandGreen);-o-border-image:none;border-image:none}.mfui-stepper-item_align_left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-stepper-item_align_left .mfui-stepper-item__separator{left:42px;right:0}@media screen and (min-width:1024px){.mfui-stepper-item_align_left .mfui-stepper-item__separator{left:auto}}.mfui-stepper-item_align_left .mfui-stepper-item__content,.mfui-stepper-item_align_left .mfui-stepper-item__icon-button-area{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-stepper-item__icon-button-area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:center;-ms-flex-item-align:stretch;align-self:stretch}.mfui-stepper-item__icon-button,.mfui-stepper-item__icon-button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.mfui-stepper-item__icon-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border:none;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:40px;justify-content:center;outline:none;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out;width:40px}.mfui-stepper-item__icon-button:disabled{cursor:default}.mfui-stepper-item__icon{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-color:var(--spbSky2);border-radius:100%;color:var(--stcWhite);font-weight:500;height:24px;justify-content:center;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out;width:24px}.mfui-stepper-item__icon svg{height:20px;width:20px;fill:var(--stcWhite)}.mfui-stepper-item__separator{-o-border-image:url(img/separator-vertical.png) 2 repeat;border-image:url(img/separator-vertical.png) 2 repeat;border-left:2px solid transparent;border-top:none;height:100%;min-height:20px;position:static;-webkit-transition:border-color .25s ease-out;transition:border-color .25s ease-out;width:2px}.mfui-stepper-item__content{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-align:center;-ms-flex-align:center;align-items:center;min-width:160px;padding-bottom:20px}.mfui-stepper-item__link{margin-top:13px}

package/dist/lib/components/Stepper/StepperItem.d.ts

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import './StepperItem.scss';
-export declare enum STEPPER_ITEM_THEME_ENUM {
-    CHECKED = "checked",
-    ACTIVE = "active",
-    DEFAULT = "default"
-}
-export declare enum STEPPER_ITEM_VIEW_ENUM {
-    ICON = "icon",
-    CONTENT = "content",
-    DEFAULT = "default"
-}
-export interface IStepperItemProps {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы элементов */
-    classes?: {
-        iconButton?: string;
-        title?: string;
-        text?: string;
-        link?: string;
-    };
-    /** Тема */
-    theme?: STEPPER_ITEM_THEME_ENUM;
-    /** Заголовок */
-    title?: string;
-    /** Текст */
-    text?: string;
-    /** Текст ссылки */
-    linkText?: string;
-    /** Адрес ссылки */
-    linkUrl?: string;
-    /** Иконка */
-    icon?: string | number | JSX.Element;
-    /** Наличие разделителя */
-    hasSeparator?: boolean;
-    /** Направление */
-    isHorizontal?: boolean;
-    /** Отключение */
-    isDisabled?: boolean;
-    /** Выравнивание */
-    align?: 'center' | 'left';
-    /** Варианты отображения */
-    view?: STEPPER_ITEM_VIEW_ENUM;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        iconButton?: Record<string, string>;
-        title?: Record<string, string>;
-        text?: Record<string, string>;
-        link?: Record<string, string>;
-    };
-    /** Обработчик события клика */
-    onClick?: () => void;
-}
-declare const StepperItem: React.FC<IStepperItemProps>;
-export default StepperItem;

package/dist/lib/components/Stepper/StepperItem.js

@@ -1,108 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.STEPPER_ITEM_VIEW_ENUM = exports.STEPPER_ITEM_THEME_ENUM = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.string.link.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.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 STEPPER_ITEM_THEME_ENUM;
-(function (STEPPER_ITEM_THEME_ENUM) {
-  STEPPER_ITEM_THEME_ENUM["CHECKED"] = "checked";
-  STEPPER_ITEM_THEME_ENUM["ACTIVE"] = "active";
-  STEPPER_ITEM_THEME_ENUM["DEFAULT"] = "default";
-})(STEPPER_ITEM_THEME_ENUM || (exports.STEPPER_ITEM_THEME_ENUM = STEPPER_ITEM_THEME_ENUM = {}));
-var STEPPER_ITEM_VIEW_ENUM;
-(function (STEPPER_ITEM_VIEW_ENUM) {
-  STEPPER_ITEM_VIEW_ENUM["ICON"] = "icon";
-  STEPPER_ITEM_VIEW_ENUM["CONTENT"] = "content";
-  STEPPER_ITEM_VIEW_ENUM["DEFAULT"] = "default";
-})(STEPPER_ITEM_VIEW_ENUM || (exports.STEPPER_ITEM_VIEW_ENUM = STEPPER_ITEM_VIEW_ENUM = {}));
-var cn = (0, _uiHelpers.cnCreate)('mfui-stepper-item');
-var StepperItem = function StepperItem(_ref) {
-  var className = _ref.className,
-    _ref$classes = _ref.classes,
-    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
-    iconButtonClassName = _ref$classes2.iconButton,
-    titleClassName = _ref$classes2.title,
-    textClassName = _ref$classes2.text,
-    linkClassName = _ref$classes2.link,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? STEPPER_ITEM_THEME_ENUM.DEFAULT : _ref$theme,
-    title = _ref.title,
-    text = _ref.text,
-    linkText = _ref.linkText,
-    linkUrl = _ref.linkUrl,
-    icon = _ref.icon,
-    hasSeparator = _ref.hasSeparator,
-    _ref$isHorizontal = _ref.isHorizontal,
-    isHorizontal = _ref$isHorizontal === void 0 ? true : _ref$isHorizontal,
-    isDisabled = _ref.isDisabled,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'center' : _ref$align,
-    _ref$view = _ref.view,
-    view = _ref$view === void 0 ? STEPPER_ITEM_VIEW_ENUM.DEFAULT : _ref$view,
-    _ref$dataAttrs = _ref.dataAttrs,
-    _ref$dataAttrs2 = _ref$dataAttrs === void 0 ? {} : _ref$dataAttrs,
-    rootAttrs = _ref$dataAttrs2.root,
-    iconButtonAttrs = _ref$dataAttrs2.iconButton,
-    titleAttrs = _ref$dataAttrs2.title,
-    textAttrs = _ref$dataAttrs2.text,
-    linkAttrs = _ref$dataAttrs2.link,
-    onClick = _ref.onClick;
-  var hasLink = !!linkText && !!linkUrl;
-  var hasContent = !!title || !!text || hasLink;
-  var showContent = view !== STEPPER_ITEM_VIEW_ENUM.ICON && hasContent;
-  var showIcon = view !== STEPPER_ITEM_VIEW_ENUM.CONTENT;
-  var renderContent = /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
-  }, title && /*#__PURE__*/React.createElement(_uiCore.Header, {
-    className: cn([titleClassName]),
-    dataAttrs: {
-      root: titleAttrs
-    },
-    as: "h5",
-    align: align
-  }, title), text && /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
-    className: cn([textClassName]),
-    dataAttrs: {
-      root: textAttrs
-    },
-    hasMargin: false,
-    align: align
-  }, text), hasLink && /*#__PURE__*/React.createElement(_uiCore.Button, {
-    className: cn('link', [linkClassName]),
-    dataAttrs: {
-      root: linkAttrs
-    },
-    href: linkUrl,
-    type: "text",
-    sizeAll: "extra-small"
-  }, linkText));
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(rootAttrs), {
-    className: cn([className], {
-      theme: theme,
-      align: align,
-      'is-horizontal': isHorizontal
-    })
-  }), showIcon && /*#__PURE__*/React.createElement("div", {
-    className: cn('icon-button-area')
-  }, /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(iconButtonAttrs), {
-    className: cn('icon-button', [iconButtonClassName]),
-    type: "button",
-    disabled: isDisabled,
-    onClick: onClick
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('icon')
-  }, icon)), hasSeparator && /*#__PURE__*/React.createElement("span", {
-    className: cn('separator')
-  })), showContent && renderContent);
-};
-var _default = exports["default"] = StepperItem;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-steps{margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width:768px){.mfui-steps{width:66%}}@media screen and (min-width:1280px){.mfui-steps{width:49%}}.mfui-steps__title{margin-bottom:24px}@media screen and (min-width:1024px){.mfui-steps__title{margin-bottom:40px}}.mfui-steps__list{list-style:none;margin:0;padding:0}.mfui-steps__item{border-radius:24px;margin-bottom:12px;padding:16px}.mfui-steps__item:last-child{margin-bottom:0}.mfui-steps_theme_gray .mfui-steps__item{background-color:var(--spbSky0)}.mfui-steps_theme_white .mfui-steps__item{background-color:var(--base)}.mfui-steps_theme_none .mfui-steps__title{margin-bottom:40px}.mfui-steps_theme_none .mfui-steps__item{border-radius:0;margin-bottom:48px;padding:0}@media screen and (max-width:767px){.mfui-steps_theme_none .mfui-steps__item{margin-bottom:24px}}

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import './Steps.scss';
-export interface ISteps {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        title?: string;
-        list?: string;
-        item?: string;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Заголовок */
-    title?: string;
-    /** Цветовая тема. DEPRECATED: 'none' */
-    theme?: 'none' | 'white' | 'gray';
-    children: React.ReactNode;
-}
-declare const Steps: React.FC<ISteps>;
-export default Steps;

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

@@ -1,40 +0,0 @@
-"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;
-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");
-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,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'none' : _ref$theme,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      theme: theme
-    }, [className]),
-    ref: rootRef
-  }, !!title && /*#__PURE__*/React.createElement(_uiCore.Header, {
-    as: "h2",
-    align: "center",
-    className: cn('title', [classes === null || classes === void 0 ? void 0 : classes.title])
-  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement("ul", {
-    className: cn('list', [classes === null || classes === void 0 ? void 0 : classes.list])
-  }, React.Children.map(children, function (child) {
-    return /*#__PURE__*/React.createElement("li", {
-      className: cn('item', [classes === null || classes === void 0 ? void 0 : classes.item])
-    }, child);
-  })));
-};
-var _default = exports["default"] = Steps;

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

@@ -1 +0,0 @@
-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:12px;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}