@alfalab/core-components-pure-cell 4.5.2 → 4.6.1

package/components/graphics/component.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { GraphicsElement } from "../types";
-type Props = {
-    /**
-     * Компоненты
-     */
-    children: GraphicsElement;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Используется модификатор -graphics
-     */
-    dataTestId?: string;
-    /**
-     * Вертикальное выравнивание
-     */
-    verticalAlign?: 'top' | 'center' | 'bottom';
-};
-declare const Graphics: React.FC<Props>;
-export { Props, Graphics };

package/components/graphics/component.js

@@ -2,21 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsShared = require('@alfalab/core-components-shared');
+require('react');
+require('classnames');
+require('@alfalab/core-components-shared');
+var components_addon_component = require('../../component-d0c38540.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pure-cell__component_1fsrr","top":"pure-cell__top_1fsrr","center":"pure-cell__center_1fsrr","bottom":"pure-cell__bottom_1fsrr"};
-require('./index.css')
-
-var Graphics = function (_a) {
-    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b;
-    return (React__default.default.createElement("section", { className: cn__default.default(styles.component, styles[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'graphics') }, children));
-};
-
-exports.Graphics = Graphics;
+exports.Graphics = components_addon_component.Graphics;

package/components/graphics/index.css

@@ -1,5 +1,5 @@
-/* hash: i4mlh */
-:root {
+/* hash: 9fxzi */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_1fsrr {
+} .pure-cell__component_kbi6r {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_1fsrr {
+} .pure-cell__top_kbi6r {
     align-self: flex-start;
-} .pure-cell__center_1fsrr {
+} .pure-cell__center_kbi6r {
     align-self: center;
-} .pure-cell__bottom_1fsrr {
+} .pure-cell__bottom_kbi6r {
     align-self: flex-end;
 }

package/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from "../../component-d0c38540";

package/components/graphics/index.js

@@ -2,11 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_graphics_component = require('./component.js');
-require('react');
-require('classnames');
-require('@alfalab/core-components-shared');
+var components_addon_component = require('../../component-d0c38540.js');
 
 
 
-exports.Graphics = components_graphics_component.Graphics;
+exports.Graphics = components_addon_component.Graphics;

package/components/main/component.js

@@ -5,23 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared');
-var components_content_component = require('../../component-6fbf202b.js');
-require('tslib');
-require('react-merge-refs');
-require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('../amount/component.js');
-require('@alfalab/core-components-amount');
-require('@alfalab/core-components-typography');
-require('../amount-title/component.js');
-require('../category/component.js');
-require('../footer/component.js');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button');
-require('../footer-text/component.js');
-require('../graphics/component.js');
+var components_addon_component = require('../../component-d0c38540.js');
 
 
 
-exports.Main = components_content_component.Main;
+exports.Main = components_addon_component.Main;

package/components/main/index.css

@@ -1,5 +1,5 @@
-/* hash: 8sp7n */
-:root {
+/* hash: 15j64 */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -15,20 +15,20 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_151x2 {
+} .pure-cell__component_1x75o {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_151x2.pure-cell__vertical_151x2 {
+} .pure-cell__component_1x75o.pure-cell__vertical_1x75o {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_151x2.pure-cell__reverse_151x2 {
+    } .pure-cell__component_1x75o.pure-cell__reverse_1x75o {
         flex-direction: column-reverse;
     }

package/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6fbf202b";
+export * from "../../component-d0c38540";

package/components/main/index.js

@@ -2,26 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-6fbf202b.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('@alfalab/core-components-shared');
-require('../amount/component.js');
-require('@alfalab/core-components-amount');
-require('@alfalab/core-components-typography');
-require('../amount-title/component.js');
-require('../category/component.js');
-require('../footer/component.js');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button');
-require('../footer-text/component.js');
-require('../graphics/component.js');
+var components_addon_component = require('../../component-d0c38540.js');
 
 
 
-exports.Main = components_content_component.Main;
+exports.Main = components_addon_component.Main;

package/components/text/component.js

@@ -6,22 +6,8 @@ require('react');
 require('classnames');
 require('@alfalab/core-components-shared');
 require('@alfalab/core-components-typography');
-var components_content_component = require('../../component-6fbf202b.js');
-require('tslib');
-require('react-merge-refs');
-require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('../amount/component.js');
-require('@alfalab/core-components-amount');
-require('../amount-title/component.js');
-require('../category/component.js');
-require('../footer/component.js');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button');
-require('../footer-text/component.js');
-require('../graphics/component.js');
+var components_addon_component = require('../../component-d0c38540.js');
 
 
 
-exports.Text = components_content_component.Text;
+exports.Text = components_addon_component.Text;

package/components/text/index.css

@@ -1,5 +1,5 @@
-/* hash: qm86w */
-:root {
+/* hash: uhdee */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_3wsa5 {
+} .pure-cell__horizontal_6yvw2 {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_3wsa5 {
+} .pure-cell__rowLimit1_6yvw2 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_3wsa5 {
+} .pure-cell__rowLimit2_6yvw2 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_3wsa5 {
+} .pure-cell__component_6yvw2 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_3wsa5 .pure-cell__vertical_3wsa5 {
+} .pure-cell__component_6yvw2 .pure-cell__vertical_6yvw2 {
         justify-content: center;
-    } .pure-cell__title_3wsa5 + .pure-cell__value_3wsa5 {
+    } .pure-cell__title_6yvw2 + .pure-cell__value_6yvw2 {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

package/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-6fbf202b";
+export * from "../../component-d0c38540";

package/components/text/index.js

@@ -2,26 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-6fbf202b.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('@alfalab/core-components-comment');
-require('@alfalab/hooks');
-require('../addon/component.js');
-require('@alfalab/core-components-shared');
-require('../amount/component.js');
-require('@alfalab/core-components-amount');
-require('@alfalab/core-components-typography');
-require('../amount-title/component.js');
-require('../category/component.js');
-require('../footer/component.js');
-require('../footer-button/component.js');
-require('@alfalab/core-components-button');
-require('../footer-text/component.js');
-require('../graphics/component.js');
+var components_addon_component = require('../../component-d0c38540.js');
 
 
 
-exports.Text = components_content_component.Text;
+exports.Text = components_addon_component.Text;

package/cssm/component-4445c77d.d.ts

@@ -0,0 +1,211 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode, AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
+import { MainElement, GraphicsElement, FooterElement, ContentElement, AddonElement } from "./components/types";
+import { Color, TitleProps } from "@alfalab/core-components-typography";
+import { ButtonProps } from "@alfalab/core-components-button";
+import { AmountProps as AmountType } from "./components/typesProps";
+type Props = {
+    /**
+     * Компоненты
+     */
+    children: MainElement;
+    /**
+     * Позволяет изменить расположение блоков внутри main
+     */
+    isReverse?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -main
+     */
+    dataTestId?: string;
+};
+declare const Main: React.FC<Props>;
+type Props$0 = {
+    /**
+     * Компоненты
+     */
+    children: GraphicsElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -graphics
+     */
+    dataTestId?: string;
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "top" | "center" | "bottom";
+};
+declare const Graphics: React.FC<Props$0>;
+type Props$1 = {
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer-title
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const FooterText: React.FC<Props$1>;
+type ComponentProps = Omit<ButtonProps, "dataTestId"> & {
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -button
+     */
+    dataTestId?: string;
+};
+type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+declare const FooterButton: React.ForwardRefExoticComponent<FooterButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+type Props$2 = {
+    /**
+     * Компоненты
+     */
+    children: FooterElement;
+    /**
+     * Вертикальные отступы
+     */
+    footerPadding?: "default" | "none";
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer
+     */
+    dataTestId?: string;
+};
+declare const Footer: React.FC<Props$2>;
+type Props$3 = {
+    /**
+     * Компоненты
+     */
+    children: ContentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -content
+     */
+    dataTestId?: string;
+};
+declare const Content: React.FC<Props$3>;
+type Props$4 = {
+    /**
+     * Наименование категории
+     */
+    categoryName: string;
+    /**
+     * Процент категории
+     */
+    categoryPercent?: number;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для наименования категории используется модификатор -category-name,
+     * процент категории -category-percent, слота справа -category-right-addon
+     */
+    dataTestId?: string;
+};
+declare const Category: React.FC<Props$4>;
+type Props$5 = {
+    /**
+     * Цвет денежного значения
+     * @deprecated Используйте titleProps.color
+     */
+    color?: Color;
+    /**
+     * Пропсы, которые будут прокинуты в компонент типографики
+     */
+    titleProps?: TitleProps;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const AmountTitle: React.FC<Props$5>;
+type Props$6 = {
+    /**
+     * Начертание шрифта денежного значения
+     */
+    weight?: "bold" | "normal";
+    /**
+     * Размер денежного значения
+     */
+    textView?: "component" | "primary-small";
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-text, для компонента Amount -amount
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const Amount: React.FC<Props$6>;
+type Props$7 = {
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "auto" | "top" | "center" | "bottom";
+    /**
+     * Горизонтальные отступы
+     */
+    addonPadding?: "default" | "none";
+    /**
+     * Компоненты
+     */
+    children: AddonElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -addon
+     */
+    dataTestId?: string;
+};
+declare const Addon: React.FC<Props$7>;
+type Props$8 = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2;
+    /**
+     * Размер текста
+     */
+    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
+    /**
+     * Толщина title
+     */
+    titleWeight?: 'regular' | 'bold';
+    /**
+     * Цвет title
+     */
+    titleColor: Color;
+    /**
+     * Value ячейки
+     */
+    value?: ReactNode;
+    /**
+     * Цвет value
+     */
+    valueColor?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для контента используется модификатор -text_content, для value ячейки -text_value
+     */
+    dataTestId?: string;
+};
+declare const Text: React.FC<Props$8>;
+export { Main, Props$0 as Props, Graphics, FooterText, FooterButton, Footer, Content, Category, AmountTitle, Amount, Addon, Text };