@alfalab/core-components 44.5.1-beta.4 → 44.6.0-beta.0

package/pure-cell/esm/components/main/component.js

@@ -1,19 +1,11 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { M as Main } from '../../component-b6796cd0.js';
+export { M as Main } from '../../component-5716b2e2.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';
-import '../addon/component.js';
-import '../amount/component.js';
 import '../../../../amount/esm';
 import '../../../../typography/esm';
-import '../amount-title/component.js';
-import '../category/component.js';
-import '../footer/component.js';
-import '../footer-button/component.js';
 import '../../../../button/esm';
-import '../footer-text/component.js';
-import '../graphics/component.js';

package/pure-cell/esm/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: f1qv3 */
+/* hash: 15j64 */
 :root {
 } /* 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 */
@@ -15,20 +15,20 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_2wu4y {
+} .pure-cell__component_dedn2 {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_2wu4y.pure-cell__vertical_2wu4y {
+} .pure-cell__component_dedn2.pure-cell__vertical_dedn2 {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_2wu4y.pure-cell__reverse_2wu4y {
+    } .pure-cell__component_dedn2.pure-cell__reverse_dedn2 {
         flex-direction: column-reverse;
     }

package/pure-cell/esm/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b6796cd0";
+export * from "../../component-5716b2e2";

package/pure-cell/esm/components/main/index.js

@@ -1,19 +1,11 @@
-export { M as Main } from '../../component-b6796cd0.js';
+export { M as Main } from '../../component-5716b2e2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/esm';
 import '@alfalab/hooks';
-import '../addon/component.js';
 import '../../../../shared/esm';
-import '../amount/component.js';
 import '../../../../amount/esm';
 import '../../../../typography/esm';
-import '../amount-title/component.js';
-import '../category/component.js';
-import '../footer/component.js';
-import '../footer-button/component.js';
 import '../../../../button/esm';
-import '../footer-text/component.js';
-import '../graphics/component.js';

package/pure-cell/esm/components/text/component.js

@@ -2,18 +2,10 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { T as Text } from '../../component-b6796cd0.js';
+export { T as Text } from '../../component-5716b2e2.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';
-import '../addon/component.js';
-import '../amount/component.js';
 import '../../../../amount/esm';
-import '../amount-title/component.js';
-import '../category/component.js';
-import '../footer/component.js';
-import '../footer-button/component.js';
 import '../../../../button/esm';
-import '../footer-text/component.js';
-import '../graphics/component.js';

package/pure-cell/esm/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 10t9a */
+/* hash: uhdee */
 :root {
 } /* 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 */
@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_10ste {
+} .pure-cell__horizontal_g5mt0 {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_10ste {
+} .pure-cell__rowLimit1_g5mt0 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_10ste {
+} .pure-cell__rowLimit2_g5mt0 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_10ste {
+} .pure-cell__component_g5mt0 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_10ste .pure-cell__vertical_10ste {
+} .pure-cell__component_g5mt0 .pure-cell__vertical_g5mt0 {
         justify-content: center;
-    } .pure-cell__title_10ste + .pure-cell__value_10ste {
+    } .pure-cell__title_g5mt0 + .pure-cell__value_g5mt0 {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

package/pure-cell/esm/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b6796cd0";
+export * from "../../component-5716b2e2";

package/pure-cell/esm/components/text/index.js

@@ -1,19 +1,11 @@
-export { T as Text } from '../../component-b6796cd0.js';
+export { T as Text } from '../../component-5716b2e2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/esm';
 import '@alfalab/hooks';
-import '../addon/component.js';
 import '../../../../shared/esm';
-import '../amount/component.js';
 import '../../../../amount/esm';
 import '../../../../typography/esm';
-import '../amount-title/component.js';
-import '../category/component.js';
-import '../footer/component.js';
-import '../footer-button/component.js';
 import '../../../../button/esm';
-import '../footer-text/component.js';
-import '../graphics/component.js';

package/pure-cell/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 196m7 */
+/* hash: b5qi9 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* 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 */
@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_1q7ju {
+} .pure-cell__component_adf94 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_1q7ju {
+} .pure-cell__horizontal_adf94 {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_1q7ju > section:not(:last-child) {
+} .pure-cell__horizontal_adf94 > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_1q7ju {
+    } .pure-cell__vertical_adf94 {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_1q7ju > section:not(:last-child) {
+} .pure-cell__vertical_adf94 > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_1q7ju {
+    } .pure-cell__button_adf94 {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +42,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_1q7ju:hover {
+} .pure-cell__button_adf94:hover {
         opacity: 0.8;
-    } .pure-cell__button_1q7ju:active {
+    } .pure-cell__button_adf94:active {
         opacity: 0.6;
-    } .pure-cell__link_1q7ju {
+    } .pure-cell__link_adf94 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_1q7ju:hover {
+} .pure-cell__link_adf94:hover {
         opacity: 0.8;
-    } .pure-cell__link_1q7ju:active {
+    } .pure-cell__link_adf94:active {
         opacity: 0.6;
-    } .pure-cell__none_1q7ju {
+    } .pure-cell__none_adf94 {
     padding: 0;
-} .pure-cell__airy_1q7ju {
+} .pure-cell__airy_adf94 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_1q7ju {
+} .pure-cell__defaultPadding_adf94 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_1q7ju {
+} .pure-cell__compact_adf94 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_1q7ju {
+} .pure-cell__tiny_adf94 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_1q7ju {
+} .pure-cell__left_adf94 {
     padding-left: var(--gap-m);
-} .pure-cell__right_1q7ju {
+} .pure-cell__right_adf94 {
     padding-right: var(--gap-m);
-} .pure-cell__both_1q7ju {
+} .pure-cell__both_adf94 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_1q7ju {
+} .pure-cell__focused_adf94 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/pure-cell/esm/index.d.ts

@@ -1 +1 @@
-export { PureCell } from "./component-5a229016";
+export { PureCell } from "./component-fd7196d2";

package/pure-cell/esm/index.js

@@ -1,19 +1,11 @@
-export { P as PureCell } from './component-b6796cd0.js';
+export { P as PureCell } from './component-5716b2e2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../comment/esm';
 import '@alfalab/hooks';
-import './components/addon/component.js';
 import '../../shared/esm';
-import './components/amount/component.js';
 import '../../amount/esm';
 import '../../typography/esm';
-import './components/amount-title/component.js';
-import './components/category/component.js';
-import './components/footer/component.js';
-import './components/footer-button/component.js';
 import '../../button/esm';
-import './components/footer-text/component.js';
-import './components/graphics/component.js';

package/pure-cell/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPureCellTestIds } from "../utils";

package/pure-cell/esm/shared/index.js

@@ -0,0 +1,2 @@
+export { getPureCellTestIds } from '../utils.js';
+import '../../../shared/esm';

package/pure-cell/esm/utils.d.ts

@@ -0,0 +1,20 @@
+declare function getPureCellTestIds(dataTestId: string): {
+    pureCell: string;
+    addon: string;
+    amount: string;
+    amountText: string;
+    amountTitle: string;
+    coreAmountTitle: string;
+    categoryName: string;
+    categoryPercent: string;
+    categoryRightAddon: string;
+    content: string;
+    footer: string;
+    footerButton: string;
+    extraSubtitle: string;
+    graphics: string;
+    main: string;
+    textContent: string;
+    textValue: string;
+};
+export { getPureCellTestIds };

package/pure-cell/esm/utils.js

@@ -0,0 +1,25 @@
+import { getDataTestId } from '../../shared/esm';
+
+function getPureCellTestIds(dataTestId) {
+    return {
+        pureCell: dataTestId,
+        addon: getDataTestId(dataTestId, 'addon'),
+        amount: getDataTestId(dataTestId, 'amount'),
+        amountText: getDataTestId(dataTestId, 'amount-text'),
+        amountTitle: getDataTestId(dataTestId, 'amount-title'),
+        coreAmountTitle: getDataTestId(dataTestId, 'core-amount-title'),
+        categoryName: getDataTestId(dataTestId, 'category-name'),
+        categoryPercent: getDataTestId(dataTestId, 'category-percent'),
+        categoryRightAddon: getDataTestId(dataTestId, 'category-right-addon'),
+        content: getDataTestId(dataTestId, 'content'),
+        footer: getDataTestId(dataTestId, 'footer'),
+        footerButton: getDataTestId(dataTestId, 'button'),
+        extraSubtitle: getDataTestId(dataTestId, 'footer-title'),
+        graphics: getDataTestId(dataTestId, 'graphics'),
+        main: getDataTestId(dataTestId, 'main'),
+        textContent: getDataTestId(dataTestId, 'text_content'),
+        textValue: getDataTestId(dataTestId, 'text_value'),
+    };
+}
+
+export { getPureCellTestIds };

package/pure-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: 196m7 */
+/* hash: b5qi9 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* 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 */
@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_1q7ju {
+} .pure-cell__component_adf94 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_1q7ju {
+} .pure-cell__horizontal_adf94 {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_1q7ju > section:not(:last-child) {
+} .pure-cell__horizontal_adf94 > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_1q7ju {
+    } .pure-cell__vertical_adf94 {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_1q7ju > section:not(:last-child) {
+} .pure-cell__vertical_adf94 > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_1q7ju {
+    } .pure-cell__button_adf94 {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +42,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_1q7ju:hover {
+} .pure-cell__button_adf94:hover {
         opacity: 0.8;
-    } .pure-cell__button_1q7ju:active {
+    } .pure-cell__button_adf94:active {
         opacity: 0.6;
-    } .pure-cell__link_1q7ju {
+    } .pure-cell__link_adf94 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_1q7ju:hover {
+} .pure-cell__link_adf94:hover {
         opacity: 0.8;
-    } .pure-cell__link_1q7ju:active {
+    } .pure-cell__link_adf94:active {
         opacity: 0.6;
-    } .pure-cell__none_1q7ju {
+    } .pure-cell__none_adf94 {
     padding: 0;
-} .pure-cell__airy_1q7ju {
+} .pure-cell__airy_adf94 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_1q7ju {
+} .pure-cell__defaultPadding_adf94 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_1q7ju {
+} .pure-cell__compact_adf94 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_1q7ju {
+} .pure-cell__tiny_adf94 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_1q7ju {
+} .pure-cell__left_adf94 {
     padding-left: var(--gap-m);
-} .pure-cell__right_1q7ju {
+} .pure-cell__right_adf94 {
     padding-right: var(--gap-m);
-} .pure-cell__both_1q7ju {
+} .pure-cell__both_adf94 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_1q7ju {
+} .pure-cell__focused_adf94 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/pure-cell/index.d.ts

@@ -1 +1 @@
-export { PureCell } from "./component-5a229016";
+export { PureCell } from "./component-fd7196d2";

package/pure-cell/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('./component-e4b9399c.js');
+var components_addon_component = require('./component-ba202604.js');
 
 
 
-exports.PureCell = components_content_component.PureCell;
+exports.PureCell = components_addon_component.PureCell;

package/pure-cell/modern/component-7d45a09c.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 "../../typography";
+import { ButtonProps } from "../../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 };