@megafon/ui-lk-vas 0.10.7 → 0.10.9

package/dist/es/components/_Dropdown/Dropdown.js

@@ -1,54 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./Dropdown.css";
-var cn = cnCreate('mfui-lkvas-dropdown');
-var Dropdown = function Dropdown(_ref) {
-  var className = _ref.className,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'right' : _ref$position,
-    renderTrigger = _ref.renderTrigger,
-    children = _ref.children,
-    dataAttrs = _ref.dataAttrs;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isOpened = _React$useState2[0],
-    setIsOpened = _React$useState2[1];
-  var triggerRef = React.useRef(null);
-  var handleOutsideClick = React.useCallback(function (event) {
-    if (triggerRef.current && !triggerRef.current.contains(event.target)) {
-      setIsOpened(false);
-    }
-  }, []);
-  var handleTriggerClick = function handleTriggerClick() {
-    setIsOpened(function (state) {
-      return !state;
-    });
-    document.addEventListener('mouseup', handleOutsideClick);
-  };
-  React.useEffect(function () {
-    if (!isOpened) {
-      document.removeEventListener('mouseup', handleOutsideClick);
-    }
-  }, [handleOutsideClick, isOpened]);
-  React.useEffect(function () {
-    return function () {
-      return document.removeEventListener('mouseup', handleOutsideClick);
-    };
-  }, [handleOutsideClick]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      opened: isOpened,
-      position: position
-    }, [className])
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('trigger'),
-    ref: triggerRef,
-    onClick: handleTriggerClick,
-    role: "presentation"
-  }, renderTrigger(isOpened)), /*#__PURE__*/React.createElement("div", {
-    className: cn('modal')
-  }, children));
-};
-export default Dropdown;

package/dist/es/components/_DropdownInfo/DropdownInfo.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-dropdown-info_top-border{border-top:1px solid var(--spbSky1);margin-top:8px;padding-top:8px}.mfui-lkvas-dropdown-info__inner{border-radius:12px;padding:12px 16px}.mfui-lkvas-dropdown-info__title{color:var(--spbSky3)}.mfui-lkvas-dropdown-info__subtitle{font-size:15px;font-weight:500;line-height:24px}

package/dist/es/components/_DropdownInfo/DropdownInfo.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import './DropdownInfo.scss';
-export interface IDropdownInfoProps {
-    title: string;
-    subtitle: string;
-    hasTopBorder?: boolean;
-}
-declare const DropdownInfo: React.FC<IDropdownInfoProps>;
-export default DropdownInfo;

package/dist/es/components/_DropdownInfo/DropdownInfo.js

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { cnCreate } from '@megafon/ui-helpers';
-import "./DropdownInfo.css";
-var cn = cnCreate('mfui-lkvas-dropdown-info');
-var DropdownInfo = function DropdownInfo(_ref) {
-  var title = _ref.title,
-    subtitle = _ref.subtitle,
-    _ref$hasTopBorder = _ref.hasTopBorder,
-    hasTopBorder = _ref$hasTopBorder === void 0 ? false : _ref$hasTopBorder;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      'top-border': hasTopBorder
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('inner')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('title')
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: cn('subtitle')
-  }, subtitle)));
-};
-export default DropdownInfo;

package/dist/es/components/_DropdownItem/DropdownItem.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-dropdown-item_top-border{border-top:1px solid var(--spbSky1);margin-top:16px;padding-top:16px}.mfui-lkvas-dropdown-item__inner{border-radius:12px;cursor:pointer;display:block;padding:12px 16px;text-decoration:none;-webkit-transition:background-color .3s;transition:background-color .3s}@media (pointer:fine){.mfui-lkvas-dropdown-item__inner:hover{background-color:var(--spbSky0);text-decoration:none}}.mfui-lkvas-dropdown-item_color_white .mfui-lkvas-dropdown-item__inner{color:var(--stcWhite)}@media (pointer:fine){.mfui-lkvas-dropdown-item_color_white .mfui-lkvas-dropdown-item__inner:hover{background-color:var(--stcWhite10)}}.mfui-lkvas-dropdown-item_color_black .mfui-lkvas-dropdown-item__inner{color:var(--content)}.mfui-lkvas-dropdown-item_color_green .mfui-lkvas-dropdown-item__inner{color:var(--brandGreen)}.mfui-lkvas-dropdown-item_color_red .mfui-lkvas-dropdown-item__inner{color:var(--fury)}

package/dist/es/components/_DropdownItem/DropdownItem.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import './DropdownItem.scss';
-export type ClickParamsType = {
-    /** id */
-    id: string | number;
-    /** Заголовок */
-    title: string;
-};
-export type ItemType = {
-    /** id */
-    id: string | number;
-    /** Заголовок */
-    title: string;
-    /** Ссылка */
-    href?: string;
-    /** Атрибут ссылки target */
-    target?: '_self' | '_blank' | '_parent' | '_top';
-    /** Атрибут ссылки rel */
-    rel?: string;
-    /** Обработчик клика */
-    onClick?: (params: ClickParamsType) => void;
-    /** Функция рендера компонента-обертки */
-    renderWrapper?: (node: React.ReactNode) => React.ReactNode;
-};
-export interface IDropdownItemProps extends ItemType {
-    color?: 'green' | 'black' | 'red' | 'white';
-    hasTopBorder?: boolean;
-    dataAttrs?: {
-        root?: Record<string, string>;
-        inner?: Record<string, string>;
-    };
-}
-declare const DropdownItem: React.FC<IDropdownItemProps>;
-export default DropdownItem;

package/dist/es/components/_DropdownItem/DropdownItem.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./DropdownItem.css";
-var cn = cnCreate('mfui-lkvas-dropdown-item');
-var DropdownItem = function DropdownItem(_ref) {
-  var id = _ref.id,
-    title = _ref.title,
-    href = _ref.href,
-    target = _ref.target,
-    rel = _ref.rel,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'black' : _ref$color,
-    hasTopBorder = _ref.hasTopBorder,
-    onClick = _ref.onClick,
-    renderWrapper = _ref.renderWrapper,
-    dataAttrs = _ref.dataAttrs;
-  var Element = href ? 'a' : 'div';
-  var handleClick = function handleClick() {
-    onClick === null || onClick === void 0 ? void 0 : onClick({
-      id: id,
-      title: title
-    });
-  };
-  var innerElement = /*#__PURE__*/React.createElement(Element, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), {
-    className: cn('inner'),
-    href: href,
-    target: target,
-    rel: rel,
-    onClick: handleClick
-  }), title);
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      color: color,
-      'top-border': hasTopBorder
-    })
-  }), renderWrapper ? renderWrapper(innerElement) : innerElement);
-};
-export default DropdownItem;

package/dist/es/helpers/setRelAttribute.d.ts

@@ -1,3 +0,0 @@
-type TargetType = '_self' | '_blank' | '_parent' | '_top';
-export declare const setRelAttribute: (rel?: string, target?: TargetType) => string | undefined;
-export {};

package/dist/es/helpers/setRelAttribute.js

@@ -1,9 +0,0 @@
-export var setRelAttribute = function setRelAttribute(rel, target) {
-  if (rel) {
-    return rel;
-  }
-  if (target !== '_self') {
-    return 'noreferrer noopener';
-  }
-  return undefined;
-};

package/dist/es/hooks/useCssVariable.d.ts

@@ -1,2 +0,0 @@
-declare const useCssVariable: (variableName: string) => string | undefined;
-export default useCssVariable;

package/dist/es/hooks/useCssVariable.js

@@ -1,22 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "core-js/modules/es.string.trim.js";
-import React from 'react';
-var useCssVariable = function useCssVariable(variableName) {
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  React.useEffect(function () {
-    if (typeof window === 'undefined') {
-      return;
-    }
-    var root = document.querySelector(':root');
-    if (root) {
-      var rootStyles = window.getComputedStyle(root);
-      var variableValue = rootStyles.getPropertyValue(variableName);
-      !!variableValue && setValue(variableValue.trim());
-    }
-  }, [variableName]);
-  return value;
-};
-export default useCssVariable;

package/dist/es/index.d.ts

@@ -1,33 +0,0 @@
-export { default as BottomBar } from './components/BottomBar/BottomBar';
-export { default as CardBig } from './components/Cards/CardBig/CardBig';
-export { default as CardCell } from './components/Cards/components/_CardCell/CardCell';
-export { default as CardSmall } from './components/Cards/CardSmall/CardSmall';
-export { default as Chart } from './components/Charts/Chart/Chart';
-export { default as ChartBar } from './components/Charts/Chart/components/_ChartBar/ChartBar';
-export { default as ChartBase } from './components/Charts/Chart/components/_ChartBase/ChartBase';
-export { default as chartColors } from './components/Charts/Chart/components/chartColors';
-export { default as ChartDoughnut } from './components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut';
-export { default as ChartLegend } from './components/Charts/Chart/components/_ChartLegend/ChartLegend';
-export { default as ChartLine } from './components/Charts/Chart/components/_ChartLine/ChartLine';
-export { default as Dropdown } from './components/_Dropdown/Dropdown';
-export { default as DropdownInfo } from './components/_DropdownInfo/DropdownInfo';
-export { default as DropdownItem } from './components/_DropdownItem/DropdownItem';
-export { default as Header } from './components/Header/Header';
-export { default as HeaderAccount } from './components/Header/components/_HeaderAccount/HeaderAccount';
-export { default as HeaderButton } from './components/Header/components/_HeaderButton/HeaderButton';
-export { default as HeaderFavorites } from './components/Header/components/_HeaderFavorites/HeaderFavorites';
-export { default as HeaderFinance } from './components/Header/components/_HeaderFinance/HeaderFinance';
-export { default as HeaderLkSelect } from './components/Header/components/_HeaderLkSelect/HeaderLkSelect';
-export { default as HeaderLogo } from './components/Header/components/_HeaderLogo/HeaderLogo';
-export { default as HeaderSupport } from './components/Header/components/_HeaderSupport/HeaderSupport';
-export { default as Layout } from './components/Layout/Layout';
-export { default as NavBar } from './components/NavBar/NavBar';
-export { default as NavBarItem } from './components/NavBar/components/_NavBarItem/NavBarItem';
-export { default as Table } from './components/Table/Table';
-export { default as TableBody } from './components/Table/components/TableBody/TableBody';
-export { default as TableHead } from './components/Table/components/TableHead/TableHead';
-export { default as TableSettings } from './components/Table/components/TableSettings/TableSettings';
-export { default as TableTd } from './components/Table/components/TableTd/TableTd';
-export { default as TableTh } from './components/Table/components/TableTh/TableTh';
-export { default as TableTooltip } from './components/Table/components/TableTooltip/TableTooltip';
-export { default as TableTr } from './components/Table/components/TableTr/TableTr';

package/dist/es/index.js

@@ -1,33 +0,0 @@
-export { default as BottomBar } from "./components/BottomBar/BottomBar";
-export { default as CardBig } from "./components/Cards/CardBig/CardBig";
-export { default as CardCell } from "./components/Cards/components/_CardCell/CardCell";
-export { default as CardSmall } from "./components/Cards/CardSmall/CardSmall";
-export { default as Chart } from "./components/Charts/Chart/Chart";
-export { default as ChartBar } from "./components/Charts/Chart/components/_ChartBar/ChartBar";
-export { default as ChartBase } from "./components/Charts/Chart/components/_ChartBase/ChartBase";
-export { default as chartColors } from "./components/Charts/Chart/components/chartColors";
-export { default as ChartDoughnut } from "./components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut";
-export { default as ChartLegend } from "./components/Charts/Chart/components/_ChartLegend/ChartLegend";
-export { default as ChartLine } from "./components/Charts/Chart/components/_ChartLine/ChartLine";
-export { default as Dropdown } from "./components/_Dropdown/Dropdown";
-export { default as DropdownInfo } from "./components/_DropdownInfo/DropdownInfo";
-export { default as DropdownItem } from "./components/_DropdownItem/DropdownItem";
-export { default as Header } from "./components/Header/Header";
-export { default as HeaderAccount } from "./components/Header/components/_HeaderAccount/HeaderAccount";
-export { default as HeaderButton } from "./components/Header/components/_HeaderButton/HeaderButton";
-export { default as HeaderFavorites } from "./components/Header/components/_HeaderFavorites/HeaderFavorites";
-export { default as HeaderFinance } from "./components/Header/components/_HeaderFinance/HeaderFinance";
-export { default as HeaderLkSelect } from "./components/Header/components/_HeaderLkSelect/HeaderLkSelect";
-export { default as HeaderLogo } from "./components/Header/components/_HeaderLogo/HeaderLogo";
-export { default as HeaderSupport } from "./components/Header/components/_HeaderSupport/HeaderSupport";
-export { default as Layout } from "./components/Layout/Layout";
-export { default as NavBar } from "./components/NavBar/NavBar";
-export { default as NavBarItem } from "./components/NavBar/components/_NavBarItem/NavBarItem";
-export { default as Table } from "./components/Table/Table";
-export { default as TableBody } from "./components/Table/components/TableBody/TableBody";
-export { default as TableHead } from "./components/Table/components/TableHead/TableHead";
-export { default as TableSettings } from "./components/Table/components/TableSettings/TableSettings";
-export { default as TableTd } from "./components/Table/components/TableTd/TableTd";
-export { default as TableTh } from "./components/Table/components/TableTh/TableTh";
-export { default as TableTooltip } from "./components/Table/components/TableTooltip/TableTooltip";
-export { default as TableTr } from "./components/Table/components/TableTr/TableTr";

package/dist/lib/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/lib/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/lib/components/BottomBar/BottomBar.js

@@ -1,57 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _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 ArrowBackIcon = function ArrowBackIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    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 = (0, _uiHelpers.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", (0, _extends2["default"])({
-    className: cn([className])
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({
-    className: cn('back-button', [className]),
-    type: "button",
-    onClick: onBackButtonClick
-  }, (0, _uiHelpers.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(_uiCore.Button, {
-    actionType: actionButtonType,
-    showLoader: showActionButtonLoader,
-    disabled: disableActionButton,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.actionButton
-    },
-    onClick: onActionButtonClick
-  }, actionButtonTitle));
-};
-var _default = exports["default"] = BottomBar;

package/dist/lib/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/lib/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/lib/components/Cards/CardBig/CardBig.js

@@ -1,40 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.array.map.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _CardCell = _interopRequireDefault(require("../components/_CardCell/CardCell"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var cn = (0, _uiHelpers.cnCreate)('mfui-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["default"], (0, _extends2["default"])({
-      key: index,
-      className: cn('item')
-    }, item, {
-      isFirstCell: isFirstItem,
-      hasBackgroundFill: isFirstColumn
-    }));
-  }));
-};
-var _default = exports["default"] = CardSmall;

package/dist/lib/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/lib/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/lib/components/Cards/CardSmall/CardSmall.js

@@ -1,77 +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");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _setRelAttribute = require("../../../helpers/setRelAttribute");
-var _CardCell = _interopRequireDefault(require("../components/_CardCell/CardCell"));
-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 CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    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 = (0, _uiHelpers.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", (0, _extends2["default"])({
-    className: cn({
-      adaptive: isAdaptive
-    }, [className])
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), hasCloseButton && /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({
-    className: cn('close-button')
-  }, (0, _uiHelpers.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["default"], (0, _extends2["default"])({
-      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, (0, _extends2["default"])({
-      key: title + index,
-      className: cn('button')
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.actionButton, index + 1), {
-      href: href,
-      rel: (0, _setRelAttribute.setRelAttribute)(rel, target),
-      onClick: onClick
-    }), title);
-  })));
-};
-var _default = exports["default"] = CardSmall;

package/dist/lib/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/lib/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;