@megafon/ui-shared 8.13.1 → 8.14.0

package/dist/lib/components/NotificationBox/NotificationBox.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-notification-box{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-notification-box:not(:first-child){margin-top:24px}.mfui-notification-box__notification{max-width:740px}.mfui-notification-box_align_left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mfui-notification-box_align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { Notification } from '@megafon/ui-core';
-import './NotificationBox.scss';
-export declare const Align: {
-    readonly LEFT: "left";
-    readonly CENTER: "center";
-};
-type AlignType = (typeof Align)[keyof typeof Align];
-type NotificationProps = React.ComponentProps<typeof Notification>;
-type NotificationBoxProps = Omit<NotificationProps, 'isColored'> & {
-    /** Горизонтальное выравнивание */
-    align?: AlignType;
-};
-declare const NotificationBox: React.FC<NotificationBoxProps>;
-export default NotificationBox;

package/dist/lib/components/NotificationBox/NotificationBox.js

@@ -1,44 +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.Align = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.index-of.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 __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var Align = exports.Align = {
-  LEFT: 'left',
-  CENTER: 'center'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-notification-box');
-var NotificationBox = function NotificationBox(_a) {
-  var _a$align = _a.align,
-    align = _a$align === void 0 ? 'left' : _a$align,
-    restProps = __rest(_a, ["align"]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      align: align
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('notification')
-  }, /*#__PURE__*/React.createElement(_uiCore.Notification, (0, _extends2["default"])({}, restProps, {
-    isColored: false
-  }))));
-};
-var _default = exports["default"] = NotificationBox;

package/dist/lib/components/NumbersBox/NumbersBox.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-numbers-box{display:block}.mfui-numbers-box_line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}@media screen and (min-width:768px){.mfui-numbers-box_line{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.mfui-numbers-box_line .mfui-numbers-box__card{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (min-width:768px) and (max-width:1023px){.mfui-numbers-box_grid{display:grid;grid-gap:20px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.mfui-numbers-box_spaced{gap:40px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-numbers-box_spaced{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;row-gap:40px}}

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

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { Carousel } from '@megafon/ui-core';
-import { BackgroundType, CardDataType, SubtitleSizeType, TitleColorType } from './types';
-import './NumbersBox.scss';
-type CarouselProps = React.ComponentProps<typeof Carousel>;
-export interface INumbersBox {
-    /** Список карточек. Минимальное количество 3 карточки */
-    items: CardDataType[];
-    /** Визуальный эффект фона для карточки */
-    background?: BackgroundType;
-    /** Цвет текста заголовка карточки */
-    titleColor?: TitleColorType;
-    /** Размер дополнительного текста карточки */
-    subtitleSize?: SubtitleSizeType;
-    /** Тема навигации для карусели */
-    carouselNavTheme?: CarouselProps['navTheme'];
-    /** Цвет градиента для карусели */
-    carouselGradientColor?: CarouselProps['gradientColor'];
-    /** Дополнительный css класс для корневого элемента */
-    className?: string;
-    /** Дополнительные css классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        card?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        card?: Record<string, string>;
-    };
-    /** Ссылка на элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-}
-declare const NumbersBox: React.FC<INumbersBox>;
-export default NumbersBox;

package/dist/lib/components/NumbersBox/NumbersBox.js

@@ -1,81 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 _NumbersCard = _interopRequireDefault(require("./components/NumbersCard/NumbersCard"));
-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 slidesSettings = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
-  slidesPerView: 1,
-  spaceBetween: 20
-}), _uiHelpers.breakpoints.MOBILE_BIG_START, {
-  slidesPerView: 3,
-  spaceBetween: 20
-}), _uiHelpers.breakpoints.DESKTOP_SMALL_START, {
-  slidesPerView: 4,
-  spaceBetween: 20
-});
-var MIN_ITEMS_COUNT = 3;
-var FOUR_ITEMS = 4;
-var MIN_CAROUSEL_ITEMS_COUNT = 5;
-var cn = (0, _uiHelpers.cnCreate)('mfui-numbers-box');
-var NumbersBox = function NumbersBox(_ref) {
-  var items = _ref.items,
-    _ref$background = _ref.background,
-    background = _ref$background === void 0 ? 'shadow' : _ref$background,
-    _ref$titleColor = _ref.titleColor,
-    titleColor = _ref$titleColor === void 0 ? 'default' : _ref$titleColor,
-    _ref$subtitleSize = _ref.subtitleSize,
-    subtitleSize = _ref$subtitleSize === void 0 ? 'medium' : _ref$subtitleSize,
-    carouselNavTheme = _ref.carouselNavTheme,
-    carouselGradientColor = _ref.carouselGradientColor,
-    dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    classes = _ref.classes,
-    rootRef = _ref.rootRef;
-  if (items.length < MIN_ITEMS_COUNT) {
-    return null;
-  }
-  var showCarousel = items.length >= MIN_CAROUSEL_ITEMS_COUNT;
-  var isGridLayout = items.length === FOUR_ITEMS;
-  var hasLargeSpacing = background === 'none' && !showCarousel;
-  var renderItem = function renderItem(item, index) {
-    return /*#__PURE__*/React.createElement(_NumbersCard["default"], (0, _extends2["default"])({}, item, {
-      background: background,
-      titleColor: titleColor,
-      subtitleSize: subtitleSize,
-      dataAttrs: {
-        root: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.card, index + 1)
-      },
-      className: cn('card', [classes === null || classes === void 0 ? void 0 : classes.card]),
-      key: index + item.title
-    }));
-  };
-  var renderCarousel = function renderCarousel() {
-    return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
-      slidesSettings: slidesSettings,
-      navTheme: carouselNavTheme,
-      gradient: true,
-      gradientColor: carouselGradientColor
-    }, items.map(renderItem));
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      line: !showCarousel,
-      grid: isGridLayout,
-      spaced: hasLargeSpacing
-    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
-    ref: rootRef
-  }), showCarousel ? renderCarousel() : items.map(renderItem));
-};
-var _default = exports["default"] = NumbersBox;

package/dist/lib/components/NumbersBox/components/NumbersCard/NumbersCard.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-numbers-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);-ms-flex-direction:column;flex-direction:column;gap:4px;min-height:100%;padding:24px}@media screen and (min-width:1280px){.mfui-numbers-card{gap:8px;padding:32px}}.mfui-numbers-card_background_shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-numbers-card_background_stroke{background-color:transparent;border:1px solid var(--spbSky2)}.mfui-numbers-card_background_gray{background-color:var(--spbSky0)}.mfui-numbers-card_background_none{background-color:transparent;border-radius:0;padding:0}.mfui-numbers-card__title{color:var(--brandGreen);font-size:36px;font-weight:600;font-weight:700;letter-spacing:.5px;line-height:30px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-numbers-card__title{font-size:36px;line-height:40px}}@media screen and (min-width:1024px){.mfui-numbers-card__title{font-size:44px;line-height:48px}}@media screen and (min-width:1280px){.mfui-numbers-card__title{font-size:52px;line-height:56px}}@media screen and (max-width:1023px){.mfui-numbers-card__title{letter-spacing:0;line-height:40px}}.mfui-numbers-card__title_color_night{color:var(--night)}.mfui-numbers-card__title_color_berry{color:var(--berry)}.mfui-numbers-card__title_color_flamingo{color:var(--flamingo)}.mfui-numbers-card__subtitle{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px;overflow:hidden}@media screen and (min-width:1280px){.mfui-numbers-card__subtitle{font-size:20px;line-height:28px}}@media screen and (max-width:1023px){.mfui-numbers-card__subtitle{letter-spacing:0}}.mfui-numbers-card__subtitle_size_small{font-size:15px;font-weight:500;line-height:24px}

package/dist/lib/components/NumbersBox/components/NumbersCard/NumbersCard.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { BackgroundType, SubtitleSizeType, TitleColorType } from '../../types';
-import './NumbersCard.scss';
-export interface INumbersCard {
-    title: string;
-    subtitle: string;
-    titleColor?: TitleColorType;
-    subtitleSize?: SubtitleSizeType;
-    background?: BackgroundType;
-    className?: string;
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-}
-declare const NumbersCard: React.FC<INumbersCard>;
-export default NumbersCard;

package/dist/lib/components/NumbersBox/components/NumbersCard/NumbersCard.js

@@ -1,37 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-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 cn = (0, _uiHelpers.cnCreate)('mfui-numbers-card');
-var NumbersCard = function NumbersCard(_ref) {
-  var title = _ref.title,
-    titleColor = _ref.titleColor,
-    subtitle = _ref.subtitle,
-    subtitleSize = _ref.subtitleSize,
-    background = _ref.background,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn({
-      background: background
-    }, [className])
-  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), /*#__PURE__*/React.createElement("div", {
-    className: cn('title', {
-      color: titleColor
-    })
-  }, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/React.createElement("div", {
-    className: cn('subtitle', {
-      size: subtitleSize
-    })
-  }, (0, _uiHelpers.convert)(subtitle, _uiHelpers.textConvertConfig)));
-};
-var _default = exports["default"] = NumbersCard;

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

@@ -1,7 +0,0 @@
-export type CardDataType = {
-    title: string;
-    subtitle: string;
-};
-export type TitleColorType = 'default' | 'night' | 'berry' | 'flamingo';
-export type SubtitleSizeType = 'small' | 'medium';
-export type BackgroundType = 'shadow' | 'stroke' | 'gray' | 'white' | 'none';

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

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

package/dist/lib/components/PageTitle/PageTitle.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-page-title{display:inline-block;width:100%}.mfui-page-title__title{margin-top:110px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-page-title__title{margin-top:100px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-page-title__title{margin-top:90px}}@media screen and (max-width:767px){.mfui-page-title__title{margin-top:45px}}.mfui-page-title__badge{background-color:var(--brandPurple);color:var(--stcWhite);display:inline-block;font-size:12px;font-weight:500;line-height:18px;margin-top:16px;padding:2px 14px}@media screen and (min-width:1280px){.mfui-page-title__badge_under-breadcrumbs{margin-top:32px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-page-title__badge_under-breadcrumbs{margin-top:24px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-page-title__badge_under-breadcrumbs{margin-top:16px}}@media screen and (min-width:1280px){.mfui-page-title__title_under-breadcrumbs{margin-top:60px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-page-title__title_under-breadcrumbs{margin-top:50px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-page-title__title_under-breadcrumbs{margin-top:45px}}.mfui-page-title__title_single.mfui-page-title__title_margin-top_small{margin-top:48px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-page-title__title_single.mfui-page-title__title_margin-top_small{margin-top:40px}}@media screen and (max-width:767px){.mfui-page-title__title_single.mfui-page-title__title_margin-top_small{margin-top:32px}}.mfui-page-title__description{color:inherit;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;margin-top:24px;white-space:pre-wrap}@media screen and (max-width:767px){.mfui-page-title__description{margin-top:16px}}.mfui-page-title__badge+.mfui-page-title__title{margin-top:8px}

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

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { Props as BreadcrumbsType } from '../Breadcrumbs/Breadcrumbs';
-import './PageTitle.scss';
-export type PageTitleProps = {
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        breadcrumbs?: Record<string, string>;
-        breadcrumbsLink?: Record<string, string>;
-    };
-    /** Текст заголовка */
-    title: string | React.ReactNode | React.ReactNode[];
-    /** Описание */
-    description?: string | React.ReactNode | React.ReactNode[];
-    /** Хлебные крошки */
-    breadcrumbs?: BreadcrumbsType['items'];
-    /** Текст бейджа */
-    badge?: string;
-    /** Растягивание компонента на всю доступную ширину */
-    isFullWidth?: boolean;
-    /** Включить микроразметку для хлебных крошек */
-    hasBreadcrumbsMicrodata?: boolean;
-    /** Отступ сверху */
-    marginTop?: 'default' | 'small';
-    /** Класс для корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        title?: string;
-        breadcrumbs?: string;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.RefObject<HTMLDivElement>;
-};
-declare const PageTitle: React.FC<PageTitleProps>;
-export default PageTitle;

package/dist/lib/components/PageTitle/PageTitle.js

@@ -1,83 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.symbol.description.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-var _Breadcrumbs = _interopRequireDefault(require("../Breadcrumbs/Breadcrumbs"));
-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 testIdPrefix = 'PageTitle';
-var cn = (0, _uiHelpers.cnCreate)('mfui-page-title');
-var PageTitle = function PageTitle(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-    title = _ref.title,
-    description = _ref.description,
-    breadcrumbs = _ref.breadcrumbs,
-    badge = _ref.badge,
-    _ref$isFullWidth = _ref.isFullWidth,
-    isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
-    _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
-    hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
-    _ref$marginTop = _ref.marginTop,
-    marginTop = _ref$marginTop === void 0 ? 'default' : _ref$marginTop,
-    className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    rootRef = _ref.rootRef;
-  var isBreadcrumbs = !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length);
-  var titleContent = /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
-    className: cn('badge', {
-      'under-breadcrumbs': isBreadcrumbs
-    })
-  }, badge), /*#__PURE__*/React.createElement(_uiCore.Header, {
-    className: cn('title', {
-      single: !isBreadcrumbs && !badge,
-      'margin-top': marginTop,
-      'under-breadcrumbs': isBreadcrumbs && !badge
-    }, [classes.title]),
-    as: "h1"
-  }, title), description && /*#__PURE__*/React.createElement("div", {
-    className: cn('description')
-  }, description));
-  var renderContent = function renderContent() {
-    if (isFullWidth) {
-      return titleContent;
-    }
-    return /*#__PURE__*/React.createElement(_uiCore.Grid, {
-      dataAttrs: {
-        root: {
-          'data-testid': "".concat(testIdPrefix, "-grid")
-        }
-      }
-    }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-      wide: "8",
-      desktop: "10",
-      tablet: "12",
-      mobile: "12"
-    }, titleContent));
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className]),
-    ref: rootRef
-  }), (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) && /*#__PURE__*/React.createElement(_Breadcrumbs["default"], {
-    disabledOnMobile: true,
-    hasMarginTop: true,
-    hasMicrodata: hasBreadcrumbsMicrodata,
-    items: breadcrumbs,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbs,
-      link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.breadcrumbsLink
-    },
-    className: cn('breadcrumbs', [classes.breadcrumbs])
-  }), renderContent());
-};
-var _default = exports["default"] = PageTitle;

package/dist/lib/components/Partners/Partners.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-partners__tile:not(:last-child){margin-bottom:20px}@media screen and (max-width:767px){.mfui-partners__tile:not(:last-child){margin-bottom:16px}}.mfui-partners__tile-inner{-webkit-box-sizing:border-box;box-sizing:border-box;height:132px;padding:28px 48px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-partners__tile-inner{height:104px;padding:22px 37px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-partners__tile-inner{height:77px;padding:10px}}@media screen and (max-width:767px){.mfui-partners__tile-inner{height:60px;padding:8px}}.mfui-partners__img-wrapper{height:100%;position:relative;width:100%}.mfui-partners__tile-img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

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

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import './Partners.scss';
-export type ItemType = {
-    src: string;
-    href?: string;
-    alt: string;
-    rel?: string;
-};
-export interface IPartnersProps {
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        item?: Record<string, string>;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        itemClass?: string;
-        slide?: string;
-    };
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Список логотипов */
-    items: ItemType[];
-    /** Радиус границы логотипов */
-    radius?: 'default' | 'rounded';
-    /** Обработчик клика по стрелке вперед (должен быть обернут в useCallback) */
-    onNextClick?: (index: number) => void;
-    /** Обработчик клика по стрелке назад (должен быть обернут в useCallback) */
-    onPrevClick?: (index: number) => void;
-    /** Обработчик смены слайда (должен быть обернут в useCallback) */
-    onChange?: (currentIndex: number, previousIndex: number, slidesPerView?: number | 'auto') => void;
-}
-declare const Partners: React.FC<IPartnersProps>;
-export default Partners;

package/dist/lib/components/Partners/Partners.js

@@ -1,120 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.slice.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 MAX_GRID_ITEMS_LENGTH = 8;
-var slidesSettings = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
-  slidesPerView: 2,
-  spaceBetween: 16
-}), _uiHelpers.breakpoints.MOBILE_MIDDLE_START, {
-  slidesPerView: 3,
-  spaceBetween: 20
-}), _uiHelpers.breakpoints.DESKTOP_SMALL_START, {
-  slidesPerView: 4,
-  spaceBetween: 20
-});
-var testIdPrefix = 'Partners';
-var cn = (0, _uiHelpers.cnCreate)('mfui-partners');
-var Partners = function Partners(_ref) {
-  var rootRef = _ref.rootRef,
-    _ref$classes = _ref.classes,
-    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
-    root = _ref$classes2.root,
-    itemClass = _ref$classes2.itemClass,
-    slide = _ref$classes2.slide,
-    dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    items = _ref.items,
-    _ref$radius = _ref.radius,
-    radius = _ref$radius === void 0 ? 'default' : _ref$radius,
-    onChange = _ref.onChange,
-    onNextClick = _ref.onNextClick,
-    onPrevClick = _ref.onPrevClick;
-  var renderItem = React.useCallback(function (item) {
-    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    if (!item) {
-      return null;
-    }
-    var src = item.src,
-      href = item.href,
-      alt = item.alt,
-      rel = item.rel;
-    return /*#__PURE__*/React.createElement(_uiCore.Tile, {
-      href: href,
-      rel: rel,
-      shadowLevel: "default",
-      radius: radius,
-      isInteractive: !!href,
-      className: cn('tile'),
-      dataAttrs: {
-        root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, index + 1))
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('tile-inner', [itemClass]),
-      "data-testid": "".concat(testIdPrefix, "-tile-inner")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('img-wrapper')
-    }, /*#__PURE__*/React.createElement("img", {
-      src: src,
-      alt: alt,
-      className: cn('tile-img')
-    }))));
-  }, [radius, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, itemClass]);
-  var renderGrid = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(_uiCore.Grid, {
-      guttersLeft: "medium",
-      guttersBottom: "medium"
-    }, items.map(function (item, i) {
-      return /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
-        key: i + item.src,
-        all: "3",
-        mobile: "6"
-      }, renderItem(item, i));
-    }));
-  }, [items, renderItem]);
-  var renderCarousel = React.useCallback(function () {
-    var halfItemsLength = Math.ceil(items.length / 2);
-    var topRow = items.slice(0, halfItemsLength);
-    var bottomRow = items.slice(halfItemsLength);
-    return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
-      classes: {
-        slide: cn('slide', [slide])
-      },
-      slidesSettings: slidesSettings,
-      onChange: onChange,
-      onNextClick: onNextClick,
-      onPrevClick: onPrevClick,
-      dataAttrs: {
-        prev: {
-          'data-testid': "".concat(testIdPrefix, "-prev")
-        },
-        next: {
-          'data-testid': "".concat(testIdPrefix, "-next")
-        }
-      }
-    }, topRow.map(function (item, i) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: i + item.src,
-        className: cn('slide')
-      }, renderItem(item, i), renderItem(bottomRow[i], i));
-    }));
-  }, [items, slide, onChange, onNextClick, onPrevClick, renderItem]);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    ref: rootRef,
-    className: cn([root, className])
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), items.length > MAX_GRID_ITEMS_LENGTH ? renderCarousel() : renderGrid());
-};
-var _default = exports["default"] = Partners;

package/dist/lib/components/PictureBox/PictureBox.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-picture-box_mask_none .mfui-picture-box__image{border-radius:24px;vertical-align:top;width:100%}@media screen and (min-width:768px){.mfui-picture-box_mask_none .mfui-picture-box__image{height:414px;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width:1280px){.mfui-picture-box_mask_none .mfui-picture-box__image{height:520px}}.mfui-picture-box_mask_mac-book .mfui-picture-box__image{border-top-left-radius:1.4% 2.2988505747%;border-top-right-radius:1.4% 2.2988505747%;height:87%;left:0;margin:0 auto;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:2%;width:82%}.mfui-picture-box__content{-ms-flex-item-align:center;align-self:center;margin-top:32px}@media screen and (min-width:1024px){.mfui-picture-box__content{margin-top:0}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-picture-box_align_left .mfui-picture-box__content{margin-left:12px}}@media screen and (min-width:1280px){.mfui-picture-box_align_left .mfui-picture-box__content{margin-left:44px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-picture-box_align_right .mfui-picture-box__content{margin-right:12px}}@media screen and (min-width:1280px){.mfui-picture-box_align_right .mfui-picture-box__content{margin-right:44px}}.mfui-picture-box__button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-top:32px}.mfui-picture-box_mask_mac-book .mfui-picture-box__mask{background-image:url(img/mac-book-1x.png);background-repeat:no-repeat;background-size:100% auto;padding-bottom:60.9%;position:relative}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx){.mfui-picture-box_mask_mac-book .mfui-picture-box__mask{background-image:url(img/mac-book-2x.png)}}

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

@@ -1,48 +0,0 @@
-import * as React from 'react';
-import './PictureBox.scss';
-type ImageType = {
-    src: string;
-    src2x?: string;
-    align?: 'right' | 'left';
-    alt?: string;
-};
-type ButtonType = {
-    title?: string;
-    href?: string;
-    target?: '_self' | '_blank';
-    rel?: string;
-    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-};
-export interface IPictureBoxProps {
-    /** Изображение */
-    image: ImageType;
-    /** Кнопка */
-    button?: ButtonType;
-    /** Дополнительная кнопка */
-    extraButton?: ButtonType;
-    /** Маска */
-    pictureMask?: 'mac-book' | 'none';
-    /** Дочерние элементы */
-    children: React.ReactNode;
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительный класс для корневого элемента */
-    className?: string;
-    /** Дополнительный класс корневого элемента */
-    classes?: {
-        root?: string;
-        button?: string;
-        extraButton?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        button?: Record<string, string>;
-        extraButton?: Record<string, string>;
-        image?: Record<string, string>;
-        mask?: Record<string, string>;
-        buttonsWrapper?: Record<string, string>;
-    };
-}
-declare const PictureBox: React.FC<IPictureBoxProps>;
-export default PictureBox;