@megafon/ui-shared 8.13.1 → 8.14.0

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

@@ -1,24 +0,0 @@
-export interface IBenefit {
-    /** Заголовок бенефита */
-    title?: string;
-    /** Основной текст в бенефите */
-    text?: string | React.ReactNode | React.ReactNode[];
-    /** Изображение */
-    img: string;
-    /** Значение тега alt для изображения */
-    alt?: string;
-}
-type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
-export type GridConfig = {
-    wide?: TGridSizeValues;
-    desktop?: TGridSizeValues;
-    tablet?: TGridSizeValues;
-    leftOffsetWide?: TGridSizeValues;
-    leftOffsetDesktop?: TGridSizeValues;
-    leftOffsetTablet?: TGridSizeValues;
-    rightOffsetDesktop?: TGridSizeValues;
-    rightOffsetTablet?: TGridSizeValues;
-    rightOffsetWide?: TGridSizeValues;
-};
-export type GridGutterSize = 'large' | 'medium';
-export {};

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

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

package/dist/lib/components/BlogBox/BlogBox.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-blog-box{display:-webkit-box;display:-ms-flexbox;display:flex;-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}@media screen and (min-width:1024px){.mfui-blog-box__list{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;row-gap:24px}}.mfui-blog-box__list_row{grid-template-columns:repeat(6,1fr)}.mfui-blog-box__list_row .mfui-blog-box__item{grid-column-end:span 2}.mfui-blog-box__list_row-size_1 .mfui-blog-box__item{grid-column-start:3}.mfui-blog-box__list_row-size_2 .mfui-blog-box__item:first-child{grid-column-start:2}.mfui-blog-box__item_view_thumbnail{margin-top:16px}@media screen and (min-width:1024px){.mfui-blog-box__item_view_thumbnail{grid-column-end:2;grid-column-start:1;margin-top:0}}.mfui-blog-box__item_view_full{margin-bottom:24px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box__item_view_full{margin-bottom:32px}}@media screen and (min-width:1024px){.mfui-blog-box__item_view_full{grid-column-end:3;grid-column-start:2;grid-row-end:4;grid-row-start:1;margin-bottom:0}}.mfui-blog-box__button-wrapper{margin-top:32px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box__button-wrapper{margin-top:40px}}@media screen and (min-width:1024px){.mfui-blog-box__button-wrapper{margin-top:56px}}.mfui-blog-box__button{min-width:208px}.mfui-blog-box_align-left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-blog-box_align-left .mfui-blog-box__item:first-child{grid-column-start:1}

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

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { ButtonType, TileDataType } from './types';
-import './BlogBox.scss';
-export interface IBlogBox {
-    /** Статьи (не более 4, остальные будут проигнорированы) */
-    items: TileDataType[];
-    /** Кнопка */
-    button?: ButtonType;
-    /** Выравнивание по левому краю (при количестве статей менее трех) */
-    hasAlignLeft?: boolean;
-    /** Дополнительный класс для компонента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        item?: string;
-        itemTitle?: string;
-        button?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        list?: Record<string, string>;
-        item?: Record<string, string>;
-        button?: Record<string, string>;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-}
-declare const BlogBox: React.FC<IBlogBox>;
-export default BlogBox;

package/dist/lib/components/BlogBox/BlogBox.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"));
-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 = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-var _useResolutions2 = _interopRequireDefault(require("../../hooks/useResolutions"));
-var _BlogBoxTile = _interopRequireDefault(require("./components/BlogBoxTile"));
-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 maxItemsCount = 4;
-var cn = (0, _uiHelpers.cnCreate)('mfui-blog-box');
-var BlogBox = function BlogBox(_ref) {
-  var items = _ref.items,
-    button = _ref.button,
-    _ref$hasAlignLeft = _ref.hasAlignLeft,
-    hasAlignLeft = _ref$hasAlignLeft === void 0 ? false : _ref$hasAlignLeft,
-    className = _ref.className,
-    classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs,
-    rootRef = _ref.rootRef;
-  var _useResolutions = (0, _useResolutions2["default"])(),
-    isDesktop = _useResolutions.isDesktop;
-  var visibleItems = items.slice(0, maxItemsCount);
-  var itemsCount = visibleItems.length;
-  var isRow = isDesktop && itemsCount < maxItemsCount;
-  var isAlignLeft = isRow && hasAlignLeft;
-  var getView = function getView(isCompact, i) {
-    if (isCompact) {
-      return 'compact';
-    }
-    if (i === 0) {
-      return 'full';
-    }
-    return 'thumbnail';
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      'align-left': isAlignLeft
-    }, [className, classes === null || classes === void 0 ? void 0 : classes.root]),
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.list), {
-    className: cn('list', {
-      row: isRow,
-      'row-size': isRow && "".concat(itemsCount)
-    })
-  }), visibleItems.map(function (item, i) {
-    var view = getView(isRow, i);
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
-      className: cn('item', {
-        view: view
-      }, [classes === null || classes === void 0 ? void 0 : classes.item]),
-      key: "".concat(item.title, "_").concat(i)
-    }), /*#__PURE__*/React.createElement(_BlogBoxTile["default"], (0, _extends2["default"])({}, item, {
-      view: view,
-      classes: {
-        title: classes === null || classes === void 0 ? void 0 : classes.itemTitle
-      }
-    })));
-  })), (button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/React.createElement("div", {
-    className: cn('button-wrapper')
-  }, /*#__PURE__*/React.createElement(_uiCore.Button, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
-    },
-    className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.button]),
-    href: button.href,
-    target: button.target,
-    rel: button.rel
-  }, button.title)));
-};
-var _default = exports["default"] = BlogBox;

package/dist/lib/components/BlogBox/components/BlogBoxTile.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-blog-box-tile{color:var(--content);display:block;position:relative}.mfui-blog-box-tile,.mfui-blog-box-tile:hover{text-decoration:none}.mfui-blog-box-tile:hover .mfui-blog-box-tile__title{color:var(--brandGreen)}.mfui-blog-box-tile__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top;width:100%}.mfui-blog-box-tile__picture{display:block}.mfui-blog-box-tile__date{color:var(--spbSky3);margin-bottom:4px}.mfui-blog-box-tile__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:4;-webkit-transition:color .3s;transition:color .3s}.mfui-blog-box-tile_view_thumbnail{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture{-ms-flex-negative:0;flex-shrink:0;height:102px;width:133px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture{height:130px;width:170px}}@media screen and (min-width:1440px){.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__picture{height:170px;width:233px}}.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__content{-ms-flex-item-align:center;align-self:center}.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__date{font-size:12px;line-height:18px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__date{font-size:15px;line-height:24px}}.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_thumbnail .mfui-blog-box-tile__title{font-size:20px;line-height:28px}}.mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture{height:358px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture{height:438px}}@media screen and (min-width:1440px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__picture{height:558px}}.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:8px;left:8px;padding:16px;position:absolute;right:8px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{padding:24px}}@media screen and (min-width:768px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{bottom:12px;left:12px;right:12px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{padding:16px}}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__content{padding:24px}}.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_full .mfui-blog-box-tile__title{font-size:32px;line-height:40px}}.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture{height:233px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture{height:288px}}@media screen and (min-width:1440px){.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__picture{height:367px}}.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__content{background-color:var(--base);border-radius:24px;bottom:12px;left:12px;padding:16px;position:absolute;right:12px}.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__title{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-blog-box-tile_view_compact .mfui-blog-box-tile__title{font-size:20px;line-height:28px}}

package/dist/lib/components/BlogBox/components/BlogBoxTile.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { TileDataType, TileViewType } from '../types';
-import './BlogBoxTile.scss';
-type TileSettingsType = {
-    view: TileViewType;
-};
-export type BlogBoxTileType = TileDataType & TileSettingsType & {
-    classes?: {
-        title?: string;
-    };
-};
-declare const BlogBoxTile: React.FC<BlogBoxTileType>;
-export default BlogBoxTile;

package/dist/lib/components/BlogBox/components/BlogBoxTile.js

@@ -1,70 +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 React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _setRelAttribute = require("../../../helpers/setRelAttribute");
-var _useResolutions2 = _interopRequireDefault(require("../../../hooks/useResolutions"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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-blog-box-tile');
-var BlogBoxTile = function BlogBoxTile(_ref) {
-  var date = _ref.date,
-    title = _ref.title,
-    href = _ref.href,
-    target = _ref.target,
-    rel = _ref.rel,
-    _ref$image = _ref.image,
-    srcMobile = _ref$image.srcMobile,
-    srcDesktop = _ref$image.srcDesktop,
-    srcThumbnail = _ref$image.srcThumbnail,
-    _ref$image$alt = _ref$image.alt,
-    alt = _ref$image$alt === void 0 ? 'image' : _ref$image$alt,
-    view = _ref.view,
-    classes = _ref.classes;
-  var _useResolutions = (0, _useResolutions2["default"])(),
-    isMobile = _useResolutions.isMobile;
-  var isViewThumbnail = view === 'thumbnail';
-  var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
-  var renderImage = function renderImage() {
-    if (isViewThumbnail) {
-      return isMobile ? null : /*#__PURE__*/React.createElement("picture", {
-        className: cn('picture')
-      }, /*#__PURE__*/React.createElement("img", {
-        className: cn('image'),
-        src: srcThumbnail,
-        alt: alt
-      }));
-    }
-    return /*#__PURE__*/React.createElement("picture", {
-      className: cn('picture')
-    }, /*#__PURE__*/React.createElement("source", {
-      media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_SMALL_START, "px)"),
-      srcSet: srcDesktop
-    }), /*#__PURE__*/React.createElement("img", {
-      className: cn('image'),
-      src: srcMobile,
-      alt: alt
-    }));
-  };
-  return /*#__PURE__*/React.createElement("a", {
-    className: cn({
-      view: view
-    }),
-    href: href,
-    target: target,
-    rel: currentRel
-  }, renderImage(), /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('date')
-  }, date), /*#__PURE__*/React.createElement("div", {
-    className: cn('title', [classes === null || classes === void 0 ? void 0 : classes.title])
-  }, title)));
-};
-var _default = exports["default"] = BlogBoxTile;

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

@@ -1,37 +0,0 @@
-type TargetType = '_self' | '_blank' | '_parent' | '_top';
-export type ButtonType = {
-    /** Название */
-    title: string;
-    /** Ссылка */
-    href: string;
-    /** Атрибут ссылки target */
-    target?: TargetType;
-    /** Атрибут ссылки rel */
-    rel?: string;
-};
-export type ImageType = {
-    /** Изображение на разрешении экрана 0-1023 */
-    srcMobile: string;
-    /** Изображение на разрешении экрана 1024+ */
-    srcDesktop: string;
-    /** Миниатюра */
-    srcThumbnail: string;
-    /** Значение тега alt для изображения */
-    alt?: string;
-};
-export type TileDataType = {
-    /** Дата */
-    date: string;
-    /** Заголовок */
-    title: string;
-    /** Изображение */
-    image: ImageType;
-    /** Ссылка */
-    href: string;
-    /** Атрибут ссылки target */
-    target?: TargetType;
-    /** Атрибут ссылки rel */
-    rel?: string;
-};
-export type TileViewType = 'full' | 'thumbnail' | 'compact';
-export {};

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

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

package/dist/lib/components/Breadcrumbs/Breadcrumbs.css

@@ -1 +0,0 @@
-@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mfui-breadcrumbs_color_default .mfui-breadcrumbs__item:before{color:var(--content)}.mfui-breadcrumbs_color_black .mfui-breadcrumbs__item:before{color:var(--stcBlack)}.mfui-breadcrumbs_color_white .mfui-breadcrumbs__item:before{color:var(--stcWhite)}.mfui-breadcrumbs_margin-top{margin-top:24px}.mfui-breadcrumbs__item{margin-right:10px;padding-left:26px;position:relative}.mfui-breadcrumbs__item:before{content:"→";left:0;position:absolute;top:-1px}.mfui-breadcrumbs__item:first-child{padding-left:0}.mfui-breadcrumbs__item:first-child:before{display:none}.mfui-breadcrumbs__item:last-child{pointer-events:none}

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

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { TextColor } from './components/BreadcrumbsItem';
-import './Breadcrumbs.scss';
-type ItemObjectType = {
-    title?: string;
-    href?: string;
-};
-type ItemType = JSX.Element | ItemObjectType;
-export type TextColorType = (typeof TextColor)[keyof typeof TextColor];
-export type Props = {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Список элементов */
-    items: ItemType[];
-    /** Цвет */
-    color?: TextColorType;
-    /** Включить микроразметку */
-    hasMicrodata?: boolean;
-    /** Отключить на разрешении < 768 px */
-    disabledOnMobile?: boolean;
-    /** Отступ сверху */
-    hasMarginTop?: boolean;
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        item?: string;
-        itemTitle?: string;
-        lastItemTitle?: string;
-        link?: string;
-    };
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        item?: Record<string, string>;
-        itemInner?: Record<string, string>;
-        itemTitle?: Record<string, string>;
-        itemMeta?: Record<string, string>;
-        link?: Record<string, string>;
-    };
-};
-declare const Breadcrumbs: React.FC<Props>;
-export default Breadcrumbs;

package/dist/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -1,75 +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.array.map.js");
-require("core-js/modules/es.string.link.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _useResolutions2 = _interopRequireDefault(require("../../hooks/useResolutions"));
-var _BreadcrumbsItem = _interopRequireDefault(require("./components/BreadcrumbsItem"));
-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 isObjectElement = function isObjectElement(item) {
-  return ! /*#__PURE__*/React.isValidElement(item);
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs');
-var Breadcrumbs = function Breadcrumbs(_ref) {
-  var items = _ref.items,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'default' : _ref$color,
-    className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    dataAttrs = _ref.dataAttrs,
-    _ref$hasMicrodata = _ref.hasMicrodata,
-    hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
-    _ref$disabledOnMobile = _ref.disabledOnMobile,
-    disabledOnMobile = _ref$disabledOnMobile === void 0 ? false : _ref$disabledOnMobile,
-    _ref$hasMarginTop = _ref.hasMarginTop,
-    hasMarginTop = _ref$hasMarginTop === void 0 ? false : _ref$hasMarginTop;
-  var _useResolutions = (0, _useResolutions2["default"])(),
-    isMobile = _useResolutions.isMobile;
-  if (isMobile && disabledOnMobile) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn({
-      color: color,
-      'margin-top': hasMarginTop
-    }, className)
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), hasMicrodata && {
-    itemScope: true,
-    itemType: 'https://schema.org/BreadcrumbList'
-  }), items.map(function (item, i) {
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-      className: cn('item', classes.item)
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
-      key: i
-    }), isObjectElement(item) ? /*#__PURE__*/React.createElement(_BreadcrumbsItem["default"], {
-      title: item.title,
-      href: item.href,
-      color: color,
-      index: i,
-      isLastItem: i === items.length - 1,
-      hasMicrodata: hasMicrodata,
-      dataAttrs: {
-        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemInner,
-        link: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link,
-        itemTitle: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle,
-        meta: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemMeta
-      },
-      classes: {
-        link: classes === null || classes === void 0 ? void 0 : classes.link,
-        itemTitle: classes === null || classes === void 0 ? void 0 : classes.itemTitle,
-        lastItemTitle: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
-      }
-    }) : item);
-  }));
-};
-var _default = exports["default"] = Breadcrumbs;

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-breadcrumbs-item_color_default{color:var(--content)}.mfui-breadcrumbs-item_color_black{color:var(--stcBlack)}.mfui-breadcrumbs-item_color_white{color:var(--stcWhite)}

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import './BreadcrumbsItem.scss';
-export declare const TextColor: {
-    readonly DEFAULT: "default";
-    readonly BLACK: "black";
-    readonly WHITE: "white";
-};
-type TextColorType = (typeof TextColor)[keyof typeof TextColor];
-export type Props = {
-    title?: string;
-    href?: string;
-    color?: TextColorType;
-    index?: number;
-    isLastItem?: boolean;
-    hasMicrodata?: boolean;
-    classes?: {
-        link?: string;
-        itemTitle?: string;
-        lastItemTitle?: string;
-    };
-    dataAttrs?: {
-        root?: Record<string, string>;
-        link?: Record<string, string>;
-        itemTitle?: Record<string, string>;
-        meta?: Record<string, string>;
-    };
-};
-declare const BreadcrumbsItem: React.FC<Props>;
-export default BreadcrumbsItem;

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js

@@ -1,66 +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.TextColor = 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 TextColor = exports.TextColor = {
-  DEFAULT: 'default',
-  BLACK: 'black',
-  WHITE: 'white'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-breadcrumbs-item');
-var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
-  var title = _ref.title,
-    href = _ref.href,
-    color = _ref.color,
-    _ref$index = _ref.index,
-    index = _ref$index === void 0 ? 0 : _ref$index,
-    _ref$isLastItem = _ref.isLastItem,
-    isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
-    _ref$hasMicrodata = _ref.hasMicrodata,
-    hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
-    classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs;
-  if (isLastItem) {
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-      className: cn({
-        color: color
-      })
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
-      className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
-  }
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn()
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
-    itemScope: true,
-    itemProp: 'itemListElement',
-    itemType: 'https://schema.org/ListItem'
-  }), /*#__PURE__*/React.createElement(_uiCore.TextLink, {
-    className: classes === null || classes === void 0 ? void 0 : classes.link,
-    href: href,
-    color: color,
-    dataAttrs: {
-      root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, index + 1)) : undefined
-    },
-    itemProp: hasMicrodata ? 'item' : undefined
-  }, /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
-    className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && {
-    itemProp: 'name'
-  }), title)), hasMicrodata && /*#__PURE__*/React.createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
-    itemProp: "position",
-    content: String(index + 1)
-  })));
-};
-var _default = exports["default"] = BreadcrumbsItem;

package/dist/lib/components/ButtonBanner/ButtonBanner.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-button-banner{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:0 12px 12px 0;position:relative}@media screen and (max-width:767px){.mfui-button-banner{border-radius:0 0 12px 12px}}.mfui-button-banner:before{background-color:var(--brandGreen);border-radius:0 12px 12px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:12px}@media screen and (max-width:767px){.mfui-button-banner:before{border-radius:0 0 12px 12px;bottom:auto;height:12px;right:0;width:auto}}.mfui-button-banner__content{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:767px){.mfui-button-banner__content{padding:36px 16px 32px;text-align:center}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-button-banner__content{padding:32px 0}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-button-banner__content{padding:40px 0}}@media screen and (min-width:1280px){.mfui-button-banner__content{padding:48px 0}}.mfui-button-banner__media{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-position:50%;background-repeat:no-repeat;border-radius:0 12px 12px 0;height:100%;justify-content:center;overflow:hidden;padding:0 20px}@media screen and (max-width:767px){.mfui-button-banner__media{border-radius:0 0 12px 12px;height:auto;padding:0 16px 24px}}.mfui-button-banner_scaling_cover .mfui-button-banner__media{background-size:cover}.mfui-button-banner_scaling_contain .mfui-button-banner__media{background-size:contain}.mfui-button-banner__header{margin-bottom:16px}.mfui-button-banner__button{max-width:100%}.mfui-button-banner__text{font-size:15px;font-weight:400;line-height:24px}.mfui-button-banner_image .mfui-button-banner__media{padding:0}@media screen and (max-width:767px){.mfui-button-banner_image .mfui-button-banner__media{height:222px}}.mfui-button-banner_image .mfui-button-banner__text{margin-bottom:32px}

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

@@ -1,64 +0,0 @@
-import * as React from 'react';
-import './ButtonBanner.scss';
-export declare const ButtonColor: {
-    readonly GREEN: "green";
-    readonly PURPLE: "purple";
-};
-type ButtonColorType = (typeof ButtonColor)[keyof typeof ButtonColor];
-export declare const ButtonTypes: {
-    readonly PRIMARY: "primary";
-    readonly OUTLINE: "outline";
-};
-type ButtonTypesType = (typeof ButtonTypes)[keyof typeof ButtonTypes];
-export declare const ButtonTarget: {
-    readonly SELF: "_self";
-    readonly BLANK: "_blank";
-};
-type ButtonTargetType = (typeof ButtonTarget)[keyof typeof ButtonTarget];
-export declare const ImageScaling: {
-    readonly COVER: "cover";
-    readonly CONTAIN: "contain";
-};
-type ImageScalingType = (typeof ImageScaling)[keyof typeof ImageScaling];
-export interface IButtonBannerProps {
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        button?: Record<string, string>;
-    };
-    /** Дополнительный css класс для корневого элемента */
-    className?: string;
-    /** Дополнительный css классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        button?: string;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Заголовок */
-    title: string;
-    /** Текст */
-    text: string | React.ReactNode | React.ReactNode[];
-    /** URL изображения */
-    imageUrl?: string;
-    /** Текст кнопки */
-    buttonText: string;
-    /** URL кнопки */
-    buttonUrl?: string;
-    /** Download - свойство тега <a> */
-    buttonDownload?: boolean;
-    /** Target - свойство тега <a> */
-    buttonTarget?: ButtonTargetType;
-    /** Цвет кнопки */
-    buttonColor?: ButtonColorType;
-    /** Тип кнопки */
-    buttonType?: ButtonTypesType;
-    /** Rel - атрибут тега <a> */
-    buttonRel?: string;
-    /** Масштабирование изображения */
-    imageScaling?: ImageScalingType;
-    /** Обработчик клика по кнопке */
-    onButtonClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-}
-declare const ButtonBanner: React.FC<IButtonBannerProps>;
-export default ButtonBanner;