@megafon/ui-lk-vas 0.10.7 → 0.10.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-lk-vas",
-    "version": "0.10.7",
+    "version": "0.10.9",
     "files": [
         "dist"
     ],
@@ -77,11 +77,11 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@megafon/ui-core": "^8.16.3",
-        "@megafon/ui-helpers": "^4.1.0",
-        "@megafon/ui-icons": "^3.15.0",
+        "@megafon/ui-core": "^8.17.1",
+        "@megafon/ui-helpers": "^4.1.1",
+        "@megafon/ui-icons": "^3.15.1",
         "chart.js": "4.0.1",
         "lodash.throttle": "^4.1.1"
     },
-    "gitHead": "f2c5e9177ad04a7d3bb505a759bc3ba9bfc10284"
+    "gitHead": "5f66656d4b0cb6566d13800b71d7dcbb11b47c62"
 }

package/dist/es/components/BottomBar/BottomBar.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-bottom-bar{background-color:var(--base);border-top:1px solid var(--spbSky1);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;height:96px;left:264px;padding:12px 40px 31px 32px;position:fixed;right:12px;z-index:100}.mfui-lkvas-bottom-bar__back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;display:block;font:inherit;outline:none;padding:0;text-align:center;text-decoration:none}.mfui-lkvas-bottom-bar__back-button:hover{text-decoration:none}.mfui-lkvas-bottom-bar__back-button-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;gap:12px;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-lkvas-bottom-bar__arrow-back{display:block;height:20px;width:40px;fill:var(--content)}

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

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import './BottomBar.scss';
-export interface IBottomBar {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Поведение кнопки */
-    actionButtonType?: 'button' | 'reset' | 'submit';
-    /** Название кнопки действия */
-    actionButtonTitle: string;
-    /** Показать кнопку действия в состоянии загрузки */
-    showActionButtonLoader?: boolean;
-    /** Отключение кнопки действия */
-    disableActionButton?: boolean;
-    /** Обработчик клика кнопки действия */
-    onActionButtonClick: (e: React.SyntheticEvent<EventTarget>) => void;
-    /** Название кнопки возврата */
-    backButtonTitle?: string;
-    /** Обработчик клика кнопки возврата */
-    onBackButtonClick: (e: React.SyntheticEvent<EventTarget>) => void;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        actionButton?: Record<string, string>;
-        backButton?: Record<string, string>;
-    };
-}
-declare const BottomBar: React.FC<IBottomBar>;
-export default BottomBar;

package/dist/es/components/BottomBar/BottomBar.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { Button } from '@megafon/ui-core';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./BottomBar.css";
-var ArrowBackIcon = function ArrowBackIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 40 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M36 11H7.8l5.6 5.6L12 18l-8-8 8-8 1.4 1.4L7.8 9H36z"
-  }));
-};
-var cn = cnCreate('mfui-lkvas-bottom-bar');
-var BottomBar = function BottomBar(_ref) {
-  var className = _ref.className,
-    _ref$actionButtonType = _ref.actionButtonType,
-    actionButtonType = _ref$actionButtonType === void 0 ? 'button' : _ref$actionButtonType,
-    actionButtonTitle = _ref.actionButtonTitle,
-    _ref$backButtonTitle = _ref.backButtonTitle,
-    backButtonTitle = _ref$backButtonTitle === void 0 ? 'Назад' : _ref$backButtonTitle,
-    _ref$showActionButton = _ref.showActionButtonLoader,
-    showActionButtonLoader = _ref$showActionButton === void 0 ? false : _ref$showActionButton,
-    _ref$disableActionBut = _ref.disableActionButton,
-    disableActionButton = _ref$disableActionBut === void 0 ? false : _ref$disableActionBut,
-    onActionButtonClick = _ref.onActionButtonClick,
-    onBackButtonClick = _ref.onBackButtonClick,
-    dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn([className])
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("button", _extends({
-    className: cn('back-button', [className]),
-    type: "button",
-    onClick: onBackButtonClick
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.backButton)), /*#__PURE__*/React.createElement("div", {
-    className: cn('back-button-inner')
-  }, /*#__PURE__*/React.createElement(ArrowBackIcon, {
-    className: cn('arrow-back')
-  }), backButtonTitle)), /*#__PURE__*/React.createElement(Button, {
-    actionType: actionButtonType,
-    showLoader: showActionButtonLoader,
-    disabled: disableActionButton,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.actionButton
-    },
-    onClick: onActionButtonClick
-  }, actionButtonTitle));
-};
-export default BottomBar;

package/dist/es/components/Cards/CardBig/CardBig.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-card-big{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-rows:1fr;overflow:hidden;width:100%}.mfui-lkvas-card-big__item{padding:16px 12px}.mfui-lkvas-card-big__item:first-child{padding-left:24px;padding-right:24px}.mfui-lkvas-card-big__item:nth-child(2){padding-left:24px}.mfui-lkvas-card-big__item:last-child{padding-right:24px}.mfui-lkvas-card-big_multiline{grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content)}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(2){padding-left:24px;padding-right:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(3),.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(4){padding-left:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-last-child(2){padding-right:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(2n){padding-top:6px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(odd){padding-bottom:6px}

package/dist/es/components/Cards/CardBig/CardBig.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { type CardCellType } from '../components/_CardCell/CardCell';
-import './CardBig.scss';
-export interface ICardBig {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Массив элементов */
-    items: CardCellType[];
-    /** Расположение элементов в 2 строки. Элементы размещаются последовательно по каждому столбцу, начиная с первого.  */
-    isTwoLine?: boolean;
-}
-declare const CardSmall: React.FC<ICardBig>;
-export default CardSmall;

package/dist/es/components/Cards/CardBig/CardBig.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.map.js";
-import * as React from 'react';
-import { cnCreate } from '@megafon/ui-helpers';
-import CardCell from "../components/_CardCell/CardCell";
-import "./CardBig.css";
-var cn = cnCreate('mfui-lkvas-card-big');
-var CardSmall = function CardSmall(_ref) {
-  var className = _ref.className,
-    _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$isTwoLine = _ref.isTwoLine,
-    isTwoLine = _ref$isTwoLine === void 0 ? false : _ref$isTwoLine;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      multiline: isTwoLine
-    }, [className])
-  }, items.map(function (item, index) {
-    var isFirstItem = index === 0;
-    var isSecondItem = index === 1;
-    var isFirstColumn = isFirstItem || isTwoLine && isSecondItem;
-    return /*#__PURE__*/React.createElement(CardCell, _extends({
-      key: index,
-      className: cn('item')
-    }, item, {
-      isFirstCell: isFirstItem,
-      hasBackgroundFill: isFirstColumn
-    }));
-  }));
-};
-export default CardSmall;

package/dist/es/components/Cards/CardSmall/CardSmall.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-card-small{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;padding:16px;width:233px}.mfui-lkvas-card-small_adaptive{max-width:100%;width:100%}.mfui-lkvas-card-small__close-button{background-color:var(--spbSky0);border:none;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:28px;min-width:28px;padding:4px;position:absolute;right:8px;top:8px;width:28px}.mfui-lkvas-card-small__close-icon{height:100%;width:100%;fill:var(--spbSky3)}.mfui-lkvas-card-small__buttons,.mfui-lkvas-card-small__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-lkvas-card-small__item:first-child{padding-right:28px}.mfui-lkvas-card-small__buttons{border-top:1px solid var(--spbSky1);margin-top:16px;padding-top:16px}.mfui-lkvas-card-small__button{background-color:transparent;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--systemBlue);cursor:pointer;font:inherit;padding:0;text-decoration:none}

package/dist/es/components/Cards/CardSmall/CardSmall.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { type CardCellType } from '../components/_CardCell/CardCell';
-import './CardSmall.scss';
-export type ButtonType = {
-    /** Название */
-    title: string;
-    /** Ссылка */
-    href?: string;
-    /** Атрибут ссылки target */
-    target?: '_self' | '_blank' | '_parent' | '_top';
-    /** Атрибут ссылки rel */
-    rel?: string;
-    /** Обработчик клика */
-    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
-};
-export type CardSmallCellType = Pick<CardCellType, 'title' | 'titleColor' | 'subtitle'>;
-export interface ICardSmall {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Массив элементов */
-    items: CardSmallCellType[];
-    /** Кнопки действий */
-    actionButtons: ButtonType[];
-    /** Обработчик клика по кнопке-крестику "Закрыть" */
-    onCloseButtonClick?: () => void;
-    /** Растягивать компонент на всю ширину */
-    isAdaptive?: boolean;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        actionButton?: Record<string, string>;
-        closeButton?: Record<string, string>;
-    };
-}
-declare const CardSmall: React.FC<ICardSmall>;
-export default CardSmall;

package/dist/es/components/Cards/CardSmall/CardSmall.js

@@ -1,68 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.map.js";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import { setRelAttribute } from "../../../helpers/setRelAttribute";
-import CardCell from "../components/_CardCell/CardCell";
-import "./CardSmall.css";
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    className: "CancelIcon__st0",
-    d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
-  }));
-};
-var cn = cnCreate('mfui-lkvas-card-small');
-var CardSmall = function CardSmall(_ref) {
-  var className = _ref.className,
-    _ref$actionButtons = _ref.actionButtons,
-    actionButtons = _ref$actionButtons === void 0 ? [] : _ref$actionButtons,
-    onCloseButtonClick = _ref.onCloseButtonClick,
-    _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    _ref$isAdaptive = _ref.isAdaptive,
-    isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
-    dataAttrs = _ref.dataAttrs;
-  var hasCloseButton = !!onCloseButtonClick;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn({
-      adaptive: isAdaptive
-    }, [className])
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), hasCloseButton && /*#__PURE__*/React.createElement("button", _extends({
-    className: cn('close-button')
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.closeButton), {
-    type: "button",
-    onClick: onCloseButtonClick
-  }), /*#__PURE__*/React.createElement(CancelIcon, {
-    className: cn('close-icon')
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('items')
-  }, items.map(function (item, index) {
-    var isFirstItem = index === 0;
-    return /*#__PURE__*/React.createElement(CardCell, _extends({
-      key: index,
-      className: cn('item')
-    }, item, {
-      isFirstCell: isFirstItem
-    }));
-  })), !!(actionButtons === null || actionButtons === void 0 ? void 0 : actionButtons.length) && /*#__PURE__*/React.createElement("div", {
-    className: cn('buttons')
-  }, actionButtons.map(function (_ref2, index) {
-    var title = _ref2.title,
-      href = _ref2.href,
-      target = _ref2.target,
-      rel = _ref2.rel,
-      onClick = _ref2.onClick;
-    var ElementType = href ? 'a' : 'button';
-    return /*#__PURE__*/React.createElement(ElementType, _extends({
-      key: title + index,
-      className: cn('button')
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.actionButton, index + 1), {
-      href: href,
-      rel: setRelAttribute(rel, target),
-      onClick: onClick
-    }), title);
-  })));
-};
-export default CardSmall;

package/dist/es/components/Cards/components/_CardCell/CardCell.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-card-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:left;width:100%}.mfui-lkvas-card-cell__text-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.mfui-lkvas-card-cell__actions-box,.mfui-lkvas-card-cell__switcher-box{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 0}.mfui-lkvas-card-cell__switcher-box,.mfui-lkvas-card-cell__text-box{color:var(--spbSky3);font-size:12px;font-weight:400;line-height:18px}.mfui-lkvas-card-cell__actions-box{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.mfui-lkvas-card-cell__text-box-title{color:var(--content);font-size:15px;font-weight:400;line-height:24px;margin-top:4px}.mfui-lkvas-card-cell__text-box-title_color_green{color:var(--brandGreen)}.mfui-lkvas-card-cell__text-box_highlight,.mfui-lkvas-card-cell__text-box_highlight .mfui-lkvas-card-cell__text-box-title{font-weight:500}.mfui-lkvas-card-cell__actions-box-button{background-color:var(--spbSky0);border:none;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;height:28px;min-width:28px;padding:4px;width:28px}.mfui-lkvas-card-cell__actions-box-icon{height:100%;width:100%;fill:var(--content)}.mfui-lkvas-card-cell__actions-box-icon_type_cancel{fill:var(--spbSky3)}.mfui-lkvas-card-cell_fill{background-color:var(--spbSky0)}.mfui-lkvas-card-cell_align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-lkvas-card-cell_align_right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}

package/dist/es/components/Cards/components/_CardCell/CardCell.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { Switcher } from '@megafon/ui-core';
-import './CardCell.scss';
-type SwitcherPropsType = React.ComponentProps<typeof Switcher>;
-export type ActionItemIconType = 'settings' | 'edit' | 'cancel';
-export type ActionItemType = {
-    /** Тип иконки */
-    iconType: ActionItemIconType;
-    /** Обработчик клика */
-    onClick: (e: React.SyntheticEvent<EventTarget>) => void;
-};
-export type CardCellType = {
-    /** Тип */
-    type?: 'default' | 'switcher' | 'actions';
-    /** Заголовок */
-    title?: string;
-    /** Цвет заголовка */
-    titleColor?: 'default' | 'green';
-    /** Дополнительный текст */
-    subtitle?: string;
-    /** Параметры переключателя (Switcher ui-core) */
-    switcherProps?: SwitcherPropsType;
-    /** Текст переключателя */
-    switcherText?: string;
-    /** Элементы действий */
-    actionsItems?: ActionItemType[];
-    /** Горизонтальное выравнивание для 'switcher' | 'actions' */
-    align?: 'left' | 'center' | 'right';
-};
-interface ICardCell extends CardCellType {
-    className?: string;
-    isFirstCell?: boolean;
-    hasBackgroundFill?: boolean;
-    dataAttrs?: {
-        default?: Record<string, string>;
-        switcher?: Record<string, string>;
-        actions?: Record<string, string>;
-    };
-}
-declare const CardCell: React.FC<ICardCell>;
-export default CardCell;

package/dist/es/components/Cards/components/_CardCell/CardCell.js

@@ -1,110 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.map.js";
-import * as React from 'react';
-import { Switcher } from '@megafon/ui-core';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./CardCell.css";
-var EditIcon = function EditIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M17.1 2.9c-1.2-1.2-3.2-1.2-4.5 0L3.5 12 2 17l1 1 5-1.5 9.1-9.1c.6-.6.9-1.4.9-2.3s-.3-1.6-.9-2.2zM7.5 15.5l-4.3 1.3-.1-.1 1.3-4.3L11 5.8l3 3-6.5 6.7zm8.9-8.8l-1.5 1.5-3-3 1.5-1.5c.8-.8 2.2-.8 3 0 .4.3.6.9.6 1.4 0 .6-.2 1.2-.6 1.6z"
-  }));
-};
-var SettingsIcon = function SettingsIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 13a3 3 0 113-3 3 3 0 01-3 3zm0-5a2 2 0 102 2 2 2 0 00-2-2zm1.37 10H8.63L8 16.89a1.3 1.3 0 00-1.54-.64l-1.19.37-1.9-1.94.37-1.19a1.3 1.3 0 00-.64-1.54L2 11.37V8.62L3.1 8a1.3 1.3 0 00.64-1.5l-.37-1.19 1.94-1.94 1.19.37A1.3 1.3 0 008 3.1L8.63 2h2.75L12 3.1a1.31 1.31 0 001.54.64l1.19-.37 1.94 1.94-.41 1.19A1.3 1.3 0 0016.9 8l1.1.58v2.75l-1.1.58a1.3 1.3 0 00-.64 1.54l.37 1.19-1.94 1.94-1.19-.37a1.31 1.31 0 00-1.54.64zm-2.14-1h1.54l.3-.57a2.3 2.3 0 012.73-1.13l.61.19 1.09-1.09-.19-.61a2.3 2.3 0 011.13-2.73l.57-.3V9.23l-.57-.3A2.3 2.3 0 0115.3 6.2l.19-.61-1.08-1.09-.61.19a2.3 2.3 0 01-2.73-1.13l-.3-.56H9.23l-.3.57a2.3 2.3 0 01-2.72 1.12l-.62-.19-1.08 1.09.19.61a2.3 2.3 0 01-1.13 2.73l-.57.3v1.54l.57.3a2.3 2.3 0 011.13 2.72l-.19.61 1.09 1.09.61-.19a2.3 2.3 0 012.73 1.13z"
-  }));
-};
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    className: "CancelIcon__st0",
-    d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
-  }));
-};
-var cn = cnCreate('mfui-lkvas-card-cell');
-var CardCell = function CardCell(_ref) {
-  var className = _ref.className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    title = _ref.title,
-    _ref$titleColor = _ref.titleColor,
-    titleColor = _ref$titleColor === void 0 ? 'default' : _ref$titleColor,
-    subtitle = _ref.subtitle,
-    switcherProps = _ref.switcherProps,
-    switcherText = _ref.switcherText,
-    actionsItems = _ref.actionsItems,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align,
-    isFirstCell = _ref.isFirstCell,
-    _ref$hasBackgroundFil = _ref.hasBackgroundFill,
-    hasBackgroundFill = _ref$hasBackgroundFil === void 0 ? false : _ref$hasBackgroundFil,
-    dataAttrs = _ref.dataAttrs;
-  var currentAlign = type !== 'default' ? align : 'left';
-  var getActionIcon = function getActionIcon(iconType) {
-    switch (iconType) {
-      case 'settings':
-        return SettingsIcon;
-      case 'edit':
-        return EditIcon;
-      default:
-        return CancelIcon;
-    }
-  };
-  var renderActionsContent = function renderActionsContent() {
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: cn('actions-box')
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.actions)), !!(actionsItems === null || actionsItems === void 0 ? void 0 : actionsItems.length) && actionsItems.map(function (_ref2, index) {
-      var iconType = _ref2.iconType,
-        onClick = _ref2.onClick;
-      var CurrentIcon = getActionIcon(iconType);
-      return /*#__PURE__*/React.createElement("button", {
-        key: iconType + index,
-        className: cn('actions-box-button'),
-        type: "button",
-        onClick: onClick
-      }, /*#__PURE__*/React.createElement(CurrentIcon, {
-        className: cn('actions-box-icon', {
-          type: iconType
-        })
-      }));
-    }));
-  };
-  var renderTextContent = function renderTextContent() {
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: cn('text-box', {
-        highlight: isFirstCell
-      })
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs["default"])), /*#__PURE__*/React.createElement("div", null, subtitle), /*#__PURE__*/React.createElement("div", {
-      className: cn('text-box-title', {
-        color: titleColor
-      })
-    }, title));
-  };
-  var renderSwitcherContent = function renderSwitcherContent() {
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: cn('switcher-box')
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.switcher)), switcherText, /*#__PURE__*/React.createElement(Switcher, switcherProps));
-  };
-  var renderContent = function renderContent() {
-    switch (type) {
-      case 'switcher':
-        return renderSwitcherContent();
-      case 'actions':
-        return renderActionsContent();
-      default:
-        return renderTextContent();
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      align: currentAlign,
-      fill: hasBackgroundFill
-    }, [className])
-  }, renderContent());
-};
-export default CardCell;

package/dist/es/components/Charts/Chart/Chart.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;gap:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px 32px 32px}.mfui-lkvas-chart,.mfui-lkvas-chart__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart__header{display:grid;gap:20px;grid-template-columns:1fr auto minmax(-webkit-min-content,1fr);grid-template-columns:1fr auto minmax(min-content,1fr)}.mfui-lkvas-chart__title{font-size:18px;font-weight:500;grid-column-start:2;letter-spacing:.5px;line-height:24px;text-align:center}@media screen and (min-width:1280px){.mfui-lkvas-chart__title{font-size:20px;line-height:28px}}.mfui-lkvas-chart__button{grid-column-start:3;justify-self:end}.mfui-lkvas-chart__image{background-image:url(img/chart.png);background-repeat:no-repeat;background-size:cover;display:block;height:96px;width:96px}.mfui-lkvas-chart__empty-text{font-size:15px;font-weight:400;line-height:24px}

package/dist/es/components/Charts/Chart/Chart.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { IChart } from './types';
-import './Chart.scss';
-declare const Chart: React.FC<IChart>;
-export default Chart;

package/dist/es/components/Charts/Chart/Chart.js

@@ -1,104 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { Button } from '@megafon/ui-core';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import useCssVariable from "../../../hooks/useCssVariable";
-import ChartBar from "./components/_ChartBar/ChartBar";
-import ChartDoughnut from "./components/_ChartDoughnut/ChartDoughnut";
-import ChartLine from "./components/_ChartLine/ChartLine";
-import "./Chart.css";
-var DownloadIcon = function DownloadIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15.04 5.99L14.97 17l-1.26-1.49-1.42 1.41L15.37 20h1.26l3.08-3.08-1.42-1.41-1.32 1.55.07-11.05-2-.02z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8 17H6a10 10 0 0020 0h-2a8 8 0 01-16 0z"
-  }));
-};
-var cn = cnCreate('mfui-lkvas-chart');
-var Chart = function Chart(_ref) {
-  var className = _ref.className,
-    type = _ref.type,
-    title = _ref.title,
-    labels = _ref.labels,
-    datasets = _ref.datasets,
-    scales = _ref.scales,
-    downloadLink = _ref.downloadLink,
-    _ref$hideLegend = _ref.hideLegend,
-    hideLegend = _ref$hideLegend === void 0 ? false : _ref$hideLegend,
-    dataAttrs = _ref.dataAttrs;
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    bgColor = _React$useState2[0],
-    setBgColor = _React$useState2[1];
-  var rootRef = React.useRef(null);
-  var ticksColor = useCssVariable('--content');
-  var scaleColor = useCssVariable('--spbSky1');
-  var scalesColor = {
-    ticksColor: ticksColor,
-    scaleColor: scaleColor
-  };
-  var showChart = !!datasets.length && !!labels.length;
-  React.useEffect(function () {
-    if (type === 'doughnut' && rootRef.current) {
-      var rootNodeStyle = window.getComputedStyle(rootRef.current);
-      setBgColor(rootNodeStyle.getPropertyValue('background-color'));
-    }
-  }, [type]);
-  var renderChart = function renderChart() {
-    if (type === 'line') {
-      return /*#__PURE__*/React.createElement(ChartLine, {
-        type: type,
-        datasets: datasets,
-        labels: labels,
-        scales: scales,
-        hideLegend: hideLegend,
-        scalesColors: scalesColor
-      });
-    }
-    if (type === 'bar') {
-      return /*#__PURE__*/React.createElement(ChartBar, {
-        type: type,
-        datasets: datasets,
-        labels: labels,
-        scales: scales,
-        hideLegend: hideLegend,
-        scalesColors: scalesColor
-      });
-    }
-    return /*#__PURE__*/React.createElement(ChartDoughnut, {
-      type: type,
-      datasets: datasets,
-      labels: labels,
-      hideLegend: hideLegend,
-      bgColor: bgColor
-    });
-  };
-  var emptyContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: cn('image')
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('empty-text')
-  }, "\u0414\u0430\u043D\u043D\u044B\u0445 \u043D\u0435\u0442"));
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn([className])
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('header')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('title')
-  }, title), !!downloadLink && /*#__PURE__*/React.createElement(Button, {
-    className: cn('button'),
-    theme: "green",
-    type: "text",
-    href: downloadLink,
-    download: true,
-    icon: /*#__PURE__*/React.createElement(DownloadIcon, null),
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.downloadButton
-    }
-  }, "\u0421\u043A\u0430\u0447\u0430\u0442\u044C")), showChart ? renderChart() : emptyContent);
-};
-export default Chart;

package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart-bar__chart{cursor:pointer;height:230px;width:100%}

package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { IChart, IScalesColors } from '../../types';
-import './ChartBar.scss';
-interface IChartBar extends Pick<IChart, 'datasets' | 'labels' | 'hideLegend' | 'scales'> {
-    type: 'bar';
-    scalesColors: IScalesColors;
-}
-declare const ChartBar: React.FC<IChartBar>;
-export default ChartBar;