@alfalab/core-components-pure-cell 4.14.9-snapshot-1393ffa → 4.14.9

package/{moderncssm/src/component.d.ts → component-3b563e70.d.ts}

@@ -1,27 +1,29 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from 'react';
-import { ButtonProps } from '@alfalab/core-components-button';
-import { Comment } from '@alfalab/core-components-comment';
-import { Addon } from './components/addon';
-import { Amount } from './components/amount';
-import { AmountTitle } from './components/amount-title';
-import { Category } from './components/category';
-import { Content } from './components/content';
-import { Footer } from './components/footer';
-import { FooterButton } from './components/footer-button';
-import { FooterTextProps } from './components/footer-text';
-import { Graphics } from './components/graphics';
-import { Main } from './components/main';
-import { Text } from './components/text';
-import { PureCellElement } from './components/types';
-export declare type PureCellContext = {
+/// <reference types="react" />
+import React from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
+import { ButtonProps } from "@alfalab/core-components-button";
+import { Comment } from "@alfalab/core-components-comment";
+import { Addon } from "./components/addon/index";
+import { Amount } from "./components/amount/index";
+import { AmountTitle } from "./components/amount-title/index";
+import { Category } from "./components/category/index";
+import { Content } from "./components/content/index";
+import { Footer } from "./components/footer/index";
+import { FooterButton } from "./components/footer-button/index";
+import { FooterTextProps } from "./components/footer-text/index";
+import { Graphics } from "./components/graphics/index";
+import { Main } from "./components/main/index";
+import { Text } from "./components/text/index";
+import { PureCellElement } from "./components/types";
+type PureCellContext = {
     /** Направление */
     direction?: 'horizontal' | 'vertical';
     dataTestId?: string;
     setMainHover?: () => void;
     unsetMainHover?: () => void;
 };
-export declare const PureCellContext: React.Context<PureCellContext>;
-declare type BasePureCellProps = {
+declare const PureCellContext: React.Context<PureCellContext>;
+type BasePureCellProps = {
     /**
      * Направление
      */
@@ -64,10 +66,10 @@ declare type BasePureCellProps = {
      */
     dataTestId?: string;
 };
-declare type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-declare type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
-declare type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
-export declare type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
+type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
+type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
+type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
 declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
 declare const ExtraSubtitle: React.FC<FooterTextProps>;
 /**
@@ -83,7 +85,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         dataTestId?: string | undefined;
         onClick?: (() => void) | undefined;
     }>;
-    Graphics: React.FC<import("./components/graphics").Props>;
+    Graphics: React.FC<import("./components/graphics/index").Props>;
     Content: React.FC<{
         children: import("./components/types").ContentElement;
         dataTestId?: string | undefined;
@@ -91,36 +93,36 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
     Text: React.FC<{
         children?: React.ReactNode;
         rowLimit?: 1 | 2 | undefined;
-        view?: "component" | "primary-small" | "primary-large" | "primary-medium" | "secondary-large" | "component-primary" | undefined;
+        view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "component-primary" | undefined;
         titleWeight?: "bold" | "regular" | undefined;
-        titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive";
+        titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive";
         value?: React.ReactNode;
-        valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+        valueColor?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
         dataTestId?: string | undefined;
     }>;
     Amount: React.FC<{
         weight?: "bold" | "normal" | undefined;
         textView?: "component" | "primary-small" | undefined;
-        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+        color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
         hidden?: boolean | undefined;
         dataTestId?: string | undefined;
     } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
     AmountTitle: React.FC<{
-        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+        color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
         titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
         hidden?: boolean | undefined;
         dataTestId?: string | undefined;
     } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
     Addon: React.FC<{
-        verticalAlign?: "center" | "top" | "bottom" | "auto" | undefined;
-        addonPadding?: "default" | "none" | undefined;
+        verticalAlign?: "center" | "auto" | "bottom" | "top" | undefined;
+        addonPadding?: "none" | "default" | undefined;
         children: import("./components/types").AddonElement;
         dataTestId?: string | undefined;
         onClick?: (() => void) | undefined;
     }>;
     Footer: React.FC<{
         children: import("./components/types").FooterElement;
-        footerPadding?: "default" | "none" | undefined;
+        footerPadding?: "none" | "default" | undefined;
         dataTestId?: string | undefined;
     }>;
     ExtraSubtitle: React.FC<FooterTextProps>;
@@ -135,4 +137,4 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         dataTestId?: string | undefined;
     }>;
 };
-export { PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category, };
+export { PureCellContext, PureCellProps, PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category };

package/component-5c218b76.d.ts

@@ -0,0 +1,235 @@
+/// <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;
+    /**
+     * Клик по контенту.
+     */
+    onClick?: () => void;
+};
+declare const Main: React.FC<Props>;
+type Props$0 = {
+    /**
+     * Компоненты
+     */
+    children: GraphicsElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -graphics
+     */
+    dataTestId?: string;
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "top" | "center" | "bottom";
+    /**
+     * Отступ от графики
+     */
+    graphicPadding?: "airy" | "default" | "compact" | "tiny" | "none";
+    /**
+     * Клик по контенту графики.
+     */
+    onClick?: () => void;
+};
+declare const Graphics: React.FC<Props$0>;
+type FooterTextProps = {
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer-title
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+declare const FooterText: React.FC<FooterTextProps>;
+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$1 = {
+    /**
+     * Компоненты
+     */
+    children: FooterElement;
+    /**
+     * Вертикальные отступы
+     */
+    footerPadding?: "default" | "none";
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -footer
+     */
+    dataTestId?: string;
+};
+declare const Footer: React.FC<Props$1>;
+type Props$2 = {
+    /**
+     * Компоненты
+     */
+    children: ContentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -content
+     */
+    dataTestId?: string;
+};
+declare const Content: React.FC<Props$2>;
+type Props$3 = {
+    /**
+     * Наименование категории
+     */
+    categoryName: string;
+    /**
+     * Процент категории
+     */
+    categoryPercent?: number;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для наименования категории используется модификатор -category-name,
+     * процент категории -category-percent, слота справа -category-right-addon
+     */
+    dataTestId?: string;
+};
+declare const Category: React.FC<Props$3>;
+type Props$4 = {
+    /**
+     * Цвет денежного значения
+     * @deprecated Используйте titleProps.color
+     */
+    color?: Color;
+    /**
+     * Пропсы, которые будут прокинуты в компонент типографики
+     */
+    titleProps?: TitleProps;
+    /**
+     * Скрыть денежное значение
+     */
+    hidden?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const AmountTitle: React.FC<Props$4>;
+type Props$5 = {
+    /**
+     * Начертание шрифта денежного значения
+     */
+    weight?: "bold" | "normal";
+    /**
+     * Размер денежного значения
+     */
+    textView?: "component" | "primary-small";
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Скрыть денежное значение
+     */
+    hidden?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для typography используется модификатор -amount-text, для компонента Amount -amount
+     */
+    dataTestId?: string;
+} & Omit<AmountType, "dataTestId">;
+declare const Amount: React.FC<Props$5>;
+type Props$6 = {
+    /**
+     * Вертикальное выравнивание
+     */
+    verticalAlign?: "auto" | "top" | "center" | "bottom";
+    /**
+     * Горизонтальные отступы
+     */
+    addonPadding?: "default" | "none";
+    /**
+     * Компоненты
+     */
+    children: AddonElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования.
+     * Используется модификатор -addon
+     */
+    dataTestId?: string;
+    /**
+     * Клик по контенту аддона.
+     */
+    onClick?: () => void;
+};
+declare const Addon: React.FC<Props$6>;
+type Props$7 = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2;
+    /**
+     * Размер текста
+     */
+    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary' | 'secondary-large';
+    /**
+     * Толщина 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$7>;
+export { Main, Props$0 as Props, Graphics, FooterTextProps, FooterText, FooterButton, Footer, Content, Category, AmountTitle, Amount, Addon, Text };