@megafon/ui-shared 8.13.2 → 8.14.0

package/dist/es/components/StoreButton/StoreButton.js

@@ -1,60 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.index-of.js";
-var __rest = this && this.__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;
-};
-import * as React from 'react';
-import { Link } from '@megafon/ui-core';
-import { cnCreate } from '@megafon/ui-helpers';
-import "./StoreButton.css";
-export var ButtonSizes;
-(function (ButtonSizes) {
-  ButtonSizes["SMALL"] = "small";
-  ButtonSizes["MEDIUM"] = "medium";
-  ButtonSizes["LARGE"] = "large";
-})(ButtonSizes || (ButtonSizes = {}));
-export var Theme;
-(function (Theme) {
-  Theme["APP_STORE"] = "app-store";
-  Theme["GALAXY_STORE"] = "galaxy-store";
-  Theme["GOOGLE_PLAY"] = "google-play";
-  Theme["HUAWEI_STORE"] = "huawei-store";
-  Theme["MI_STORE"] = "mi-store";
-  Theme["RU_STORE"] = "ru-store";
-  Theme["V_APPSTORE"] = "v-appstore";
-})(Theme || (Theme = {}));
-var cn = cnCreate('mfui-store-button');
-var StoreButton = function StoreButton(_a) {
-  var href = _a.href,
-    rel = _a.rel,
-    onClick = _a.onClick,
-    theme = _a.theme,
-    className = _a.className,
-    _a$sizeAll = _a.sizeAll,
-    sizeAll = _a$sizeAll === void 0 ? ButtonSizes.MEDIUM : _a$sizeAll,
-    sizeWide = _a.sizeWide,
-    sizeDesktop = _a.sizeDesktop,
-    sizeTablet = _a.sizeTablet,
-    sizeMobile = _a.sizeMobile,
-    rest = __rest(_a, ["href", "rel", "onClick", "theme", "className", "sizeAll", "sizeWide", "sizeDesktop", "sizeTablet", "sizeMobile"]);
-  return /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
-    href: href,
-    rel: rel,
-    onClick: onClick,
-    className: cn({
-      theme: theme,
-      'size-all': sizeAll,
-      'size-wide': sizeWide,
-      'size-desktop': sizeDesktop,
-      'size-tablet': sizeTablet,
-      'size-mobile': sizeMobile
-    }, className)
-  }));
-};
-export default StoreButton;

package/dist/es/components/Table/Table.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-table{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px}@supports (-moz-appearance:none){.mfui-table__scroll{scrollbar-color:var(--spbSky2) var(--spbSky1);scrollbar-width:auto}}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll::-webkit-scrollbar{background-color:var(--spbSky1);border-radius:100px;height:8px;width:8px}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll::-webkit-scrollbar-track{background-color:var(--spbSky0);border-radius:100px}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-table:not(.mfui-table_touch) .mfui-table__scroll::-webkit-scrollbar-corner{background:transparent}.mfui-table__scroll{display:grid;grid-template-columns:auto auto auto;max-width:100%;overflow:auto;position:relative}@media screen and (min-width:1024px){.mfui-table__scroll_limit{max-height:500px}}.mfui-table__top-shadow{background:-webkit-gradient(linear,left top,left bottom,color-stop(.01%,rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),color-stop(99.98%,hsla(0,0%,100%,0)));background:linear-gradient(180deg,rgba(0,0,0,.04) .01%,rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0) 99.98%);display:block;grid-column-end:4;grid-column-start:1;height:18px;margin-bottom:-18px;position:sticky;top:0;width:100%;z-index:2}.mfui-table__left-shadow{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;left:0;margin-right:-18px;position:sticky;top:0;width:18px;z-index:2}.mfui-table__bottom-gradient{background:-webkit-gradient(linear,left bottom,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to top,var(--base) 25%,hsla(0,0%,100%,0));bottom:0;display:block;grid-column-end:4;grid-column-start:1;height:48px;margin-top:-48px;position:sticky;width:100%;z-index:1}.mfui-table__right-gradient{background:-webkit-gradient(linear,right top,left top,color-stop(25%,var(--base)),to(hsla(0,0%,100%,0)));background:linear-gradient(to left,var(--base) 25%,hsla(0,0%,100%,0));display:block;height:100%;margin-left:-48px;position:sticky;right:0;width:48px;z-index:1}.mfui-table__table{background-color:var(--base);border-collapse:separate;border-spacing:0;border-width:0}.mfui-table__cell{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}@media screen and (max-width:767px){.mfui-table__cell{padding-left:16px;padding-right:16px}}.mfui-table__cell:first-child{left:0;min-width:144px;position:relative;width:144px}.mfui-table__cell:not(:first-child){max-width:288px}.mfui-table__row_head .mfui-table__cell{background-color:var(--spbSky0);color:var(--spbSky3);font-size:12px;height:72px;line-height:18px;padding-bottom:12px;vertical-align:bottom}.mfui-table__row_head .mfui-table__cell:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}.mfui-table__row_head .mfui-table__cell:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}.mfui-table__row_content:last-child .mfui-table__cell{border-bottom:1px solid var(--spbSky1)}.mfui-table__row_content .mfui-table__cell{border-top:1px solid var(--spbSky1)}.mfui-table__row_head+.mfui-table__row_content .mfui-table__cell{border-top:none}.mfui-table__row_align_bottom .mfui-table__cell{vertical-align:bottom}.mfui-table__row_align_top .mfui-table__cell{vertical-align:top}.mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell{padding-top:12px}.mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child){min-width:72px}.mfui-table_min-cell-size_large .mfui-table__cell:not(:first-child){min-width:144px}.mfui-table_fix-column .mfui-table__cell:first-child{position:sticky}.mfui-table_fix-column .mfui-table__left-shadow{left:144px}.mfui-table_fix-column .mfui-table__bottom-gradient{z-index:3}.mfui-table_bold-font .mfui-table__cell:first-child{font-weight:500}.mfui-table_horizontal-scroll .mfui-table__row:last-child .mfui-table__cell{border-bottom:none}

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import './Table.scss';
-import { ITableRow } from './TableRow';
-export interface ITable {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Фиксация первой колонки */
-    fixColumn?: boolean;
-    /** Жирный текст в первой колонке */
-    boldFontInFirstColumn?: boolean;
-    /** Минимальный размер ячеек */
-    minCellSize?: 'small' | 'large';
-    /** Отключить ограничение по высоте при разрешении больше 1024px */
-    disableHeightLimit?: boolean;
-    children: Array<React.ReactElement<ITableRow>>;
-}
-declare const Table: React.FC<ITable>;
-export default Table;

package/dist/es/components/Table/Table.js

@@ -1,127 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.array.map.js";
-import * as React from 'react';
-import { cnCreate, detectTouch } from '@megafon/ui-helpers';
-import convert from 'htmr';
-import throttle from 'lodash.throttle';
-import "./Table.css";
-var cn = cnCreate('mfui-table');
-var Table = function Table(_ref) {
-  var className = _ref.className,
-    _ref$fixColumn = _ref.fixColumn,
-    fixColumn = _ref$fixColumn === void 0 ? true : _ref$fixColumn,
-    _ref$boldFontInFirstC = _ref.boldFontInFirstColumn,
-    boldFontInFirstColumn = _ref$boldFontInFirstC === void 0 ? false : _ref$boldFontInFirstC,
-    _ref$minCellSize = _ref.minCellSize,
-    minCellSize = _ref$minCellSize === void 0 ? 'large' : _ref$minCellSize,
-    _ref$disableHeightLim = _ref.disableHeightLimit,
-    disableHeightLimit = _ref$disableHeightLim === void 0 ? false : _ref$disableHeightLim,
-    children = _ref.children;
-  var scrollRef = React.useRef(null);
-  var _React$useState = React.useState({
-      top: false,
-      left: false
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    shadow = _React$useState2[0],
-    setShadow = _React$useState2[1];
-  var _React$useState3 = React.useState({
-      right: false,
-      bottom: false
-    }),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    gradient = _React$useState4[0],
-    setGradient = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    hasHorizontalScroll = _React$useState6[0],
-    setHasHorizontalScroll = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    isTouchDevice = _React$useState8[0],
-    setTouchDevice = _React$useState8[1];
-  var handleTableScroll = React.useCallback(function () {
-    var scrollNode = scrollRef.current;
-    if (!scrollNode) {
-      return;
-    }
-    var scrollHeight = scrollNode.scrollHeight,
-      clientHeight = scrollNode.clientHeight,
-      scrollTop = scrollNode.scrollTop,
-      scrollWidth = scrollNode.scrollWidth,
-      clientWidth = scrollNode.clientWidth,
-      scrollLeft = scrollNode.scrollLeft;
-    var deltaHeight = scrollHeight - clientHeight;
-    var deltaWidth = scrollWidth - clientWidth;
-    setGradient({
-      right: deltaWidth !== Math.floor(scrollLeft),
-      bottom: deltaHeight !== Math.floor(scrollTop)
-    });
-    setShadow({
-      top: !!scrollTop,
-      left: !!scrollLeft
-    });
-    setHasHorizontalScroll(!!deltaWidth);
-  }, []);
-  React.useEffect(function () {
-    var handleResize = throttle(handleTableScroll, 300);
-    handleTableScroll();
-    window.addEventListener('resize', handleResize);
-    return function () {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [handleTableScroll]);
-  React.useEffect(function () {
-    setTouchDevice(detectTouch());
-  }, []);
-  var renderRows = function renderRows() {
-    return React.Children.map(children, function (_ref2, index) {
-      var _ref2$props = _ref2.props,
-        cells = _ref2$props.children,
-        head = _ref2$props.head,
-        _ref2$props$vAlign = _ref2$props.vAlign,
-        vAlign = _ref2$props$vAlign === void 0 ? 'default' : _ref2$props$vAlign;
-      return /*#__PURE__*/React.createElement("tr", {
-        key: index,
-        className: cn('row', {
-          head: head,
-          content: !head,
-          align: vAlign
-        }),
-        "data-testid": "Table-row"
-      }, React.Children.map(cells, function (_ref3, cellIndex) {
-        var cell = _ref3.props.children;
-        return /*#__PURE__*/React.createElement("td", {
-          key: cellIndex,
-          className: cn('cell')
-        }, typeof cell === 'string' ? convert(cell) : cell);
-      }));
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      'fix-column': fixColumn,
-      'min-cell-size': minCellSize,
-      'bold-font': boldFontInFirstColumn,
-      'horizontal-scroll': hasHorizontalScroll,
-      touch: isTouchDevice
-    }, [className])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('scroll', {
-      limit: !disableHeightLimit
-    }),
-    ref: scrollRef,
-    onScroll: handleTableScroll
-  }, shadow.top && /*#__PURE__*/React.createElement("div", {
-    className: cn('top-shadow')
-  }), shadow.left && /*#__PURE__*/React.createElement("div", {
-    className: cn('left-shadow')
-  }), /*#__PURE__*/React.createElement("table", {
-    className: cn('table')
-  }, /*#__PURE__*/React.createElement("tbody", null, renderRows())), gradient.right && /*#__PURE__*/React.createElement("div", {
-    className: cn('right-gradient')
-  }), gradient.bottom && /*#__PURE__*/React.createElement("div", {
-    className: cn('bottom-gradient')
-  })));
-};
-export default Table;

package/dist/es/components/Table/TableCell.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface ITableCell {
-    children?: React.ReactNode;
-}
-declare const TableCell: React.FC<ITableCell>;
-export default TableCell;

package/dist/es/components/Table/TableCell.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-var TableCell = function TableCell(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children && children);
-};
-export default TableCell;

package/dist/es/components/Table/TableRow.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { ITableCell } from './TableCell';
-export interface ITableRow {
-    /** Ряд таблицы как заголовок */
-    head?: boolean;
-    /** Выравнивание по вертикали в ячейках таблицы */
-    vAlign?: 'default' | 'bottom' | 'top';
-    children: Array<React.ReactElement<ITableCell>>;
-}
-declare const TableRow: React.FC<ITableRow>;
-export default TableRow;

package/dist/es/components/Table/TableRow.js

@@ -1,7 +0,0 @@
-/* eslint-disable react/no-unused-prop-types */
-import * as React from 'react';
-var TableRow = function TableRow(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-export default TableRow;

package/dist/es/components/TabsBox/TabBox.d.ts

@@ -1,2 +0,0 @@
-import { Tab } from '@megafon/ui-core';
-export default Tab;

package/dist/es/components/TabsBox/TabBox.js

@@ -1,2 +0,0 @@
-import { Tab } from '@megafon/ui-core';
-export default Tab;

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { Tabs } from '@megafon/ui-core';
-export type TabsPropsType = React.ComponentProps<typeof Tabs> & {
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-};
-declare const TabsBox: React.FC<TabsPropsType>;
-export default TabsBox;

package/dist/es/components/TabsBox/TabsBox.js

@@ -1,24 +0,0 @@
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.index-of.js";
-var __rest = this && this.__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;
-};
-import * as React from 'react';
-import { Tabs } from '@megafon/ui-core';
-import { cnCreate } from '@megafon/ui-helpers';
-var cn = cnCreate('mfui-tabs-box');
-var TabsBox = function TabsBox(_a) {
-  var rootRef = _a.rootRef,
-    children = _a.children,
-    props = __rest(_a, ["rootRef", "children"]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: rootRef,
-    className: cn()
-  }, /*#__PURE__*/React.createElement(Tabs, props, children));
-};
-export default TabsBox;

package/dist/es/components/TextBox/TextBox.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-box__content :first-child{margin-top:0!important}.mfui-text-box__content :last-child{margin-bottom:0!important}.mfui-text-box_text-center{text-align:center}.mfui-text-box .mfui-text-with-icon{margin:24px 0}.mfui-text-box .mfui-text-with-icon+.mfui-header{margin-top:32px}.mfui-text-box .mfui-text-box-picture+.mfui-text-with-icon{margin:32px 0 24px}

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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import './TextBox.scss';
-export interface ITextBoxProps {
-    /** Центрирование текста по горизонтали */
-    textCenter?: boolean;
-    /** Центрирование компонента по горизонтали при ограниченной ширине */
-    centeringWithLimitedWidth?: boolean;
-    /** Растягивание компонента на всю доступную ширину */
-    isFullWidth?: boolean;
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительный класс для корневого элемента */
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const TextBox: React.FC<ITextBoxProps>;
-export default TextBox;

package/dist/es/components/TextBox/TextBox.js

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { Grid, GridColumn } from '@megafon/ui-core';
-import { cnCreate } from '@megafon/ui-helpers';
-import "./TextBox.css";
-var cn = cnCreate('mfui-text-box');
-var TextBox = function TextBox(_ref) {
-  var _ref$textCenter = _ref.textCenter,
-    textCenter = _ref$textCenter === void 0 ? false : _ref$textCenter,
-    _ref$centeringWithLim = _ref.centeringWithLimitedWidth,
-    centeringWithLimitedWidth = _ref$centeringWithLim === void 0 ? false : _ref$centeringWithLim,
-    _ref$isFullWidth = _ref.isFullWidth,
-    isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
-    rootRef = _ref.rootRef,
-    className = _ref.className,
-    children = _ref.children;
-  var renderContent = function renderContent() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('content')
-    }, children);
-  };
-  var renderTextBoxWithGrid = function renderTextBoxWithGrid() {
-    return /*#__PURE__*/React.createElement(Grid, {
-      hAlign: centeringWithLimitedWidth ? 'center' : 'left',
-      dataAttrs: {
-        container: {
-          'data-testid': 'TextBox-grid'
-        }
-      }
-    }, /*#__PURE__*/React.createElement(GridColumn, {
-      wide: "8",
-      desktop: "10",
-      tablet: "12",
-      mobile: "12"
-    }, renderContent()));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      'text-center': textCenter
-    }, [className]),
-    ref: rootRef
-  }, isFullWidth ? renderContent() : renderTextBoxWithGrid());
-};
-export default TextBox;

package/dist/es/components/TextBox/TextBoxPicture.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-box-picture_margin_default{margin:16px 0}.mfui-text-box-picture_margin_big-top{margin:24px 0 16px}.mfui-text-box-picture_margin_big-bottom{margin:16px 0 24px}.mfui-text-box-picture_margin_big-vertical{margin:24px 0}.mfui-text-box-picture__img{border:1px solid var(--spbSky1);display:block;max-width:100%}.mfui-text-box-picture__img_no-border{border:none}

package/dist/es/components/TextBox/TextBoxPicture.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import './TextBoxPicture.scss';
-export declare const pictureMarginTypes: {
-    readonly DEFAULT: "default";
-    readonly BIG_TOP: "big-top";
-    readonly BIG_BOTTOM: "big-bottom";
-    readonly BIG_VERTICAL: "big-vertical";
-};
-type PictureMarginTypesType = (typeof pictureMarginTypes)[keyof typeof pictureMarginTypes];
-export interface ITextBoxPictureProps {
-    /** URL картинки */
-    url: string;
-    /** Значение вертикальных отступов */
-    margin?: PictureMarginTypesType;
-    /** Значение тега alt для изображения */
-    alt?: string;
-    /** Отключить отображение рамки вокруг картинки */
-    disableBorder?: boolean;
-}
-declare const TextBoxPicture: React.FC<ITextBoxPictureProps>;
-export default TextBoxPicture;

package/dist/es/components/TextBox/TextBoxPicture.js

@@ -1,30 +0,0 @@
-import * as React from 'react';
-import { cnCreate } from '@megafon/ui-helpers';
-import "./TextBoxPicture.css";
-export var pictureMarginTypes = {
-  DEFAULT: 'default',
-  BIG_TOP: 'big-top',
-  BIG_BOTTOM: 'big-bottom',
-  BIG_VERTICAL: 'big-vertical'
-};
-var cn = cnCreate('mfui-text-box-picture');
-var TextBoxPicture = function TextBoxPicture(_ref) {
-  var url = _ref.url,
-    _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin,
-    alt = _ref.alt,
-    _ref$disableBorder = _ref.disableBorder,
-    disableBorder = _ref$disableBorder === void 0 ? false : _ref$disableBorder;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      margin: margin
-    })
-  }, /*#__PURE__*/React.createElement("img", {
-    className: cn('img', {
-      'no-border': disableBorder
-    }),
-    src: url,
-    alt: alt
-  }));
-};
-export default TextBoxPicture;

package/dist/es/components/TextWithIcon/TextWithIcon.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-with-icon__header{margin-bottom:24px}

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ITextWithIconItem } from './TextWithIconItem';
-import './TextWithIcon.scss';
-export interface ITextWithIconProps {
-    /** Заголовок */
-    title?: string;
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    /** Дополнительный класс для корневого элемента */
-    className?: string;
-    /** Включить растягивание на всю ширину контейнера */
-    isFullWidth?: boolean;
-    /** Допустимый дочерний компонент */
-    children: React.ReactElement<ITextWithIconItem>[] | React.ReactElement<ITextWithIconItem>;
-}
-declare const TextWithIcon: React.FC<ITextWithIconProps>;
-export default TextWithIcon;

package/dist/es/components/TextWithIcon/TextWithIcon.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { Header, Grid, GridColumn } from '@megafon/ui-core';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./TextWithIcon.css";
-var testIdPrefix = 'TextWithIcon';
-var cn = cnCreate('mfui-text-with-icon');
-var TextWithIcon = function TextWithIcon(_ref) {
-  var title = _ref.title,
-    rootRef = _ref.rootRef,
-    dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    _ref$isFullWidth = _ref.isFullWidth,
-    isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
-    children = _ref.children;
-  var renderContent = function renderContent() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(Header, {
-      className: cn('header'),
-      as: "h5"
-    }, title), children);
-  };
-  var renderContentWithGrid = function renderContentWithGrid() {
-    return /*#__PURE__*/React.createElement(Grid, {
-      dataAttrs: {
-        container: {
-          'data-testid': "".concat(testIdPrefix, "-grid")
-        }
-      }
-    }, /*#__PURE__*/React.createElement(GridColumn, {
-      mobile: '12',
-      tablet: '7',
-      desktop: '6',
-      wide: '6'
-    }, renderContent()));
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn([className]),
-    ref: rootRef
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), isFullWidth ? renderContent() : renderContentWithGrid());
-};
-export default TextWithIcon;

package/dist/es/components/TextWithIcon/TextWithIconItem.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-text-with-icon-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-text-with-icon-item:not(:first-of-type){margin-top:12px}.mfui-text-with-icon-item__svg-icon{-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;margin-right:12px;min-height:40px;min-width:40px;overflow:hidden;width:40px}.mfui-text-with-icon-item_icon-background_stroke .mfui-text-with-icon-item__svg-icon{border:1px solid var(--spbSky2);border-radius:50%;padding:3px}.mfui-text-with-icon-item_icon-background_gray .mfui-text-with-icon-item__svg-icon{background-color:var(--spbSky0);border-radius:50%;padding:4px}

package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import './TextWithIconItem.scss';
-export interface ITextWithIconItem {
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        icon?: string;
-        text?: string;
-    };
-    /** Текст */
-    text: string | string[];
-    /** Иконка */
-    icon: React.ReactNode;
-    /** Фон для иконки */
-    iconBackground?: 'no' | 'stroke' | 'gray';
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    /** Дополнительный класс для корневого элемента */
-    className?: string;
-}
-declare const TextWithIconItem: React.FC<ITextWithIconItem>;
-export default TextWithIconItem;

package/dist/es/components/TextWithIcon/TextWithIconItem.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.is-array.js";
-import "core-js/modules/es.array.map.js";
-import * as React from 'react';
-import { cnCreate, convert, filterDataAttrs, textConvertConfig } from '@megafon/ui-helpers';
-import "./TextWithIconItem.css";
-var testIdPrefix = 'TextWithIconItem';
-var cn = cnCreate('mfui-text-with-icon-item');
-var TextWithIconItem = function TextWithIconItem(_ref) {
-  var className = _ref.className,
-    _ref$classes = _ref.classes,
-    classes = _ref$classes === void 0 ? {} : _ref$classes,
-    text = _ref.text,
-    icon = _ref.icon,
-    _ref$iconBackground = _ref.iconBackground,
-    iconBackground = _ref$iconBackground === void 0 ? 'no' : _ref$iconBackground,
-    rootRef = _ref.rootRef,
-    dataAttrs = _ref.dataAttrs;
-  var renderText = React.useMemo(function () {
-    if (Array.isArray(text)) {
-      return text.map(function (item) {
-        return convert(item, textConvertConfig);
-      });
-    }
-    return convert(text, textConvertConfig);
-  }, [text]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn({
-      'icon-background': iconBackground
-    }, [className]),
-    ref: rootRef
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
-    className: cn('svg-icon', [classes.icon]),
-    "data-testid": "".concat(testIdPrefix, "-icon")
-  }, icon), /*#__PURE__*/React.createElement("div", {
-    className: cn('text', [classes.text]),
-    "data-testid": "".concat(testIdPrefix, "-text")
-  }, renderText));
-};
-export default TextWithIconItem;

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-title-description-box{color:var(--content),.mfui-title-description-box __item_header;font-family:inherit;color-white-space:pre-wrap}.mfui-title-description-box__item:not(:last-child){margin-bottom:16px}.mfui-title-description-box_text-color_white{color:var(--stcWhite)}.mfui-title-description-box_h-align_center{text-align:center}.mfui-title-description-box__description{font-size:15px;font-weight:400;line-height:24px}.mfui-title-description-box__description :last-child{margin-bottom:0!important}

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

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import './TitleDescriptionBox.scss';
-export interface ITitleDescriptionBoxProps {
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Заголовок */
-    title?: string | React.ReactNode[] | React.ReactNode;
-    /** Описание */
-    description?: string | React.ReactNode[] | React.ReactNode;
-    /** Цвет текста */
-    textColor?: 'white';
-    /** Горизонтальное выравнивание */
-    align?: 'center';
-}
-declare const TitleDescriptionBox: React.FC<ITitleDescriptionBoxProps>;
-export default TitleDescriptionBox;