@alfalab/core-components 44.5.1 → 44.6.0

package/pure-cell/modern/component-edffa17d.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 };

package/pure-cell/modern/component-edffa17d.js

@@ -0,0 +1,169 @@
+import React, { forwardRef, useContext, useRef } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { Comment } from '../../comment/modern';
+import { useFocus } from '@alfalab/hooks';
+import { getDataTestId } from '../../shared/modern';
+import { Amount as Amount$1 } from '../../amount/modern';
+import { Typography } from '../../typography/modern';
+import { Button } from '../../button/modern';
+
+const styles$a = {"component":"pure-cell__component_11qo8","none":"pure-cell__none_11qo8","default":"pure-cell__default_11qo8","addonPadding":"pure-cell__addonPadding_11qo8","auto":"pure-cell__auto_11qo8","top":"pure-cell__top_11qo8","center":"pure-cell__center_11qo8","bottom":"pure-cell__bottom_11qo8"};
+require('./components/addon/index.css');
+
+const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, }) => {
+    const pureCellContext = useContext(PureCellContext);
+    return (React.createElement("section", { className: cn(styles$a.component, styles$a[addonPadding], styles$a[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, children));
+};
+
+const styles$9 = {"component":"pure-cell__component_tkfh7"};
+require('./components/amount/index.css');
+
+const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, dataTestId, ...restProps }) => {
+    const pureCellContext = useContext(PureCellContext);
+    return (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn(styles$9.component), color: color },
+        React.createElement(Amount$1, { minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount'), ...restProps })));
+};
+
+const styles$8 = {"component":"pure-cell__component_9j08u","weight":"pure-cell__weight_9j08u"};
+require('./components/amount-title/index.css');
+
+const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary', dataTestId, titleProps = {}, ...restProps }) => {
+    const pureCellContext = useContext(PureCellContext);
+    const titleDefaultProps = {
+        tag: 'h4',
+        view: 'small',
+        color,
+        ...titleProps,
+    };
+    return (React.createElement(Typography.Title, { ...titleDefaultProps, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$8.component, titleProps.className) },
+        React.createElement(Amount$1, { minority: minority || minorUnits, className: cn(styles$8.weight, className), dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title'), ...restProps, bold: 'none' })));
+};
+
+const styles$7 = {"component":"pure-cell__component_g9byr","categoryName":"pure-cell__categoryName_g9byr","categoryPercent":"pure-cell__categoryPercent_g9byr","rightAddon":"pure-cell__rightAddon_g9byr"};
+require('./components/category/index.css');
+
+const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) => {
+    const pureCellContext = useContext(PureCellContext);
+    return (React.createElement("div", { className: styles$7.component, "data-test-id": 'cell-pure-category' },
+        React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles$7.categoryName }, categoryName),
+        categoryPercent !== undefined && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$7.categoryPercent, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+            categoryPercent,
+            "%")),
+        rightAddons !== undefined && (React.createElement("div", { className: styles$7.rightAddon, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
+};
+
+const styles$6 = {"component":"pure-cell__component_3m4d1","horizontal":"pure-cell__horizontal_3m4d1"};
+require('./components/content/index.css');
+
+const Content = ({ children, dataTestId }) => {
+    const { direction, dataTestId: contextDataTestId } = useContext(PureCellContext);
+    return (React.createElement("section", { className: cn(styles$6.component, { [styles$6.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
+};
+
+const styles$5 = {"component":"pure-cell__component_q31rg","none":"pure-cell__none_q31rg","default":"pure-cell__default_q31rg"};
+require('./components/footer/index.css');
+
+const Footer = ({ children, footerPadding = 'default', dataTestId }) => {
+    const pureCellContext = useContext(PureCellContext);
+    return (React.createElement("footer", { className: cn(styles$5.component, styles$5[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
+};
+
+const styles$4 = {"component":"pure-cell__component_i0599"};
+require('./components/footer-button/index.css');
+
+const FooterButton = forwardRef(({ children, dataTestId, ...props }, ref) => {
+    const pureCellContext = useContext(PureCellContext);
+    return (React.createElement(Button, { ...props, size: 'xxs', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'button'), className: styles$4.component, ref: ref }, children));
+});
+
+const FooterText = ({ children, color = 'secondary', dataTestId }) => {
+    const pureCellContext = useContext(PureCellContext);
+    return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
+};
+
+const styles$3 = {"component":"pure-cell__component_1s05n","top":"pure-cell__top_1s05n","center":"pure-cell__center_1s05n","bottom":"pure-cell__bottom_1s05n"};
+require('./components/graphics/index.css');
+
+const Graphics = ({ children, dataTestId, verticalAlign = 'top' }) => {
+    const pureCellContext = useContext(PureCellContext);
+    return (React.createElement("section", { className: cn(styles$3.component, styles$3[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+};
+
+const styles$2 = {"component":"pure-cell__component_2wu4y","vertical":"pure-cell__vertical_2wu4y","reverse":"pure-cell__reverse_2wu4y"};
+require('./components/main/index.css');
+
+const Main = ({ children, isReverse, className, dataTestId }) => {
+    const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);
+    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], {
+            [styles$2.reverse]: isReverse,
+        }, className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
+};
+
+const styles$1 = {"horizontal":"pure-cell__horizontal_10ste","rowLimit1":"pure-cell__rowLimit1_10ste","rowLimit2":"pure-cell__rowLimit2_10ste","component":"pure-cell__component_10ste","vertical":"pure-cell__vertical_10ste","title":"pure-cell__title_10ste","value":"pure-cell__value_10ste"};
+require('./components/text/index.css');
+
+const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeight, titleColor, valueColor, dataTestId, }) => {
+    const { direction = 'horizontal', dataTestId: contextDataTestId } = useContext(PureCellContext);
+    const className = rowLimit && styles$1[`rowLimit${rowLimit}`];
+    return (React.createElement("div", { className: cn(styles$1.component, {
+            [styles$1.vertical]: direction !== 'horizontal',
+        }) },
+        React.createElement("div", { className: styles$1.title },
+            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
+        value && (React.createElement("div", { className: styles$1.value },
+            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
+};
+
+const styles = {"component":"pure-cell__component_1q7ju","horizontal":"pure-cell__horizontal_1q7ju","vertical":"pure-cell__vertical_1q7ju","button":"pure-cell__button_1q7ju","link":"pure-cell__link_1q7ju","none":"pure-cell__none_1q7ju","airy":"pure-cell__airy_1q7ju","defaultPadding":"pure-cell__defaultPadding_1q7ju","compact":"pure-cell__compact_1q7ju","tiny":"pure-cell__tiny_1q7ju","left":"pure-cell__left_1q7ju","right":"pure-cell__right_1q7ju","both":"pure-cell__both_1q7ju","focused":"pure-cell__focused_1q7ju"};
+require('./index.css');
+
+/* eslint-disable react/jsx-no-constructed-context-values */
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+const PureCellContext = React.createContext({});
+const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
+    const cellRef = useRef(null);
+    const [focused] = useFocus(cellRef, 'keyboard');
+    const addClasses = {
+        [styles.component]: true,
+        [styles.focused]: focused,
+        [styles[direction]]: true,
+        [styles.defaultPadding]: verticalPadding === 'default',
+        [styles[verticalPadding]]: verticalPadding !== 'default',
+        [styles[horizontalPadding]]: true,
+    };
+    if (href) {
+        const { target } = restProps;
+        // Для совместимости с react-router-dom, меняем href на to
+        const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
+        return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
+            React.createElement(PureCellContext.Provider, { value: { direction, dataTestId } }, children)));
+    }
+    if (onClick) {
+        return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
+            React.createElement(PureCellContext.Provider, { value: { direction, dataTestId } }, children)));
+    }
+    return (React.createElement(Component, { ...restProps, ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
+        React.createElement(PureCellContext.Provider, { value: { direction, dataTestId } }, children)));
+});
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+const PureCell = Object.assign(PureCellComponent, {
+    Main,
+    Graphics,
+    Content,
+    Text,
+    Amount,
+    AmountTitle,
+    Addon,
+    Footer,
+    ExtraSubtitle: FooterText,
+    FooterButton,
+    Comment,
+    Category,
+});
+
+export { Addon as A, Category as C, Footer as F, Graphics as G, Main as M, PureCell as P, Text as T, Amount as a, AmountTitle as b, Content as c, FooterButton as d, FooterText as e, PureCellContext as f };

package/pure-cell/modern/{component-5a229016.d.ts → component-fd7196d2.d.ts}

@@ -6,6 +6,7 @@ import { PureCellElement } from "./components/types";
 type PureCellContext = {
     /** Направление */
     direction?: 'horizontal' | 'vertical';
+    dataTestId?: string;
 };
 declare const PureCellContext: React.Context<PureCellContext>;
 type PureCellProps = {

package/pure-cell/modern/component.js

@@ -3,16 +3,8 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../comment/modern';
 import '@alfalab/hooks';
-import './components/addon/component.js';
-import './components/amount/component.js';
-import './components/amount-title/component.js';
-import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-77a33c62.js';
-import './components/footer/component.js';
-import './components/footer-button/component.js';
+export { P as PureCell, f as PureCellContext } from './component-edffa17d.js';
 import '../../shared/modern';
-import '../../typography/modern';
-import './components/graphics/component.js';
 import '../../amount/modern';
+import '../../typography/modern';
 import '../../button/modern';
-import './components/footer-text/component.js';

package/pure-cell/modern/components/addon/component.d.ts

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

package/pure-cell/modern/components/addon/component.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import cn from 'classnames';
-import { getDataTestId } from '../../../../shared/modern';
-
-const styles = {"component":"pure-cell__component_nfebh","none":"pure-cell__none_nfebh","default":"pure-cell__default_nfebh","addonPadding":"pure-cell__addonPadding_nfebh","auto":"pure-cell__auto_nfebh","top":"pure-cell__top_nfebh","center":"pure-cell__center_nfebh","bottom":"pure-cell__bottom_nfebh"};
-require('./index.css');
-
-const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, }) => (React.createElement("section", { className: cn(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId(dataTestId, 'addon') }, children));
-
-export { Addon };
+import 'react';
+import 'classnames';
+import '../../../../shared/modern';
+export { A as Addon } from '../../component-edffa17d.js';
+import 'react-merge-refs';
+import '../../../../comment/modern';
+import '@alfalab/hooks';
+import '../../../../amount/modern';
+import '../../../../typography/modern';
+import '../../../../button/modern';

package/pure-cell/modern/components/addon/index.css

@@ -15,24 +15,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_nfebh {
+} .pure-cell__component_11qo8 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_nfebh > * {
+} .pure-cell__component_11qo8 > * {
         justify-content: flex-end;
-    } .pure-cell__component_nfebh.pure-cell__none_nfebh {
+    } .pure-cell__component_11qo8.pure-cell__none_11qo8 {
         padding-left: 0;
-    } .pure-cell__component_nfebh.pure-cell__default_nfebh {
+    } .pure-cell__component_11qo8.pure-cell__default_11qo8 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_nfebh.pure-cell__addonPadding_nfebh {
+    } .pure-cell__component_11qo8.pure-cell__addonPadding_11qo8 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_nfebh.pure-cell__auto_nfebh {
+    } .pure-cell__component_11qo8.pure-cell__auto_11qo8 {
         align-self: auto;
-    } .pure-cell__component_nfebh.pure-cell__top_nfebh {
+    } .pure-cell__component_11qo8.pure-cell__top_11qo8 {
         align-self: flex-start;
-    } .pure-cell__component_nfebh.pure-cell__center_nfebh {
+    } .pure-cell__component_11qo8.pure-cell__center_11qo8 {
         align-self: center;
-    } .pure-cell__component_nfebh.pure-cell__bottom_nfebh {
+    } .pure-cell__component_11qo8.pure-cell__bottom_11qo8 {
         align-self: flex-end;
     }

package/pure-cell/modern/components/addon/index.d.ts

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

package/pure-cell/modern/components/addon/index.js

@@ -1,4 +1,10 @@
-export { Addon } from './component.js';
+export { A as Addon } from '../../component-edffa17d.js';
 import 'react';
+import 'react-merge-refs';
 import 'classnames';
+import '../../../../comment/modern';
+import '@alfalab/hooks';
 import '../../../../shared/modern';
+import '../../../../amount/modern';
+import '../../../../typography/modern';
+import '../../../../button/modern';

package/pure-cell/modern/components/amount/component.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { Color } from "../../../../typography";
-import { AmountProps as AmountType } from "../typesProps";
-type Props = {
-    /**
-     * Начертание шрифта денежного значения
-     */
-    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>;
-export { Amount };

package/pure-cell/modern/components/amount/component.js

@@ -1,13 +1,10 @@
-import React from 'react';
-import cn from 'classnames';
-import { Amount as Amount$1 } from '../../../../amount/modern';
-import { getDataTestId } from '../../../../shared/modern';
-import { Typography } from '../../../../typography/modern';
-
-const styles = {"component":"pure-cell__component_6nokg"};
-require('./index.css');
-
-const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, dataTestId, ...restProps }) => (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId, 'amount-text'), className: cn(styles.component), color: color },
-    React.createElement(Amount$1, { minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId, 'amount'), ...restProps })));
-
-export { Amount };
+import 'react';
+import 'classnames';
+import '../../../../amount/modern';
+import '../../../../shared/modern';
+import '../../../../typography/modern';
+export { a as Amount } from '../../component-edffa17d.js';
+import 'react-merge-refs';
+import '../../../../comment/modern';
+import '@alfalab/hooks';
+import '../../../../button/modern';

package/pure-cell/modern/components/amount/index.css

@@ -15,7 +15,7 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_6nokg {
+} .pure-cell__component_tkfh7 {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

package/pure-cell/modern/components/amount/index.d.ts

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

package/pure-cell/modern/components/amount/index.js

@@ -1,6 +1,10 @@
-export { Amount } from './component.js';
+export { a as Amount } from '../../component-edffa17d.js';
 import 'react';
+import 'react-merge-refs';
 import 'classnames';
-import '../../../../amount/modern';
+import '../../../../comment/modern';
+import '@alfalab/hooks';
 import '../../../../shared/modern';
+import '../../../../amount/modern';
 import '../../../../typography/modern';
+import '../../../../button/modern';

package/pure-cell/modern/components/amount-title/component.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { Color, TitleProps } from "../../../../typography";
-import { AmountProps as AmountType } from "../typesProps";
-type Props = {
-    /**
-     * Цвет денежного значения
-     * @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>;
-export { AmountTitle };

package/pure-cell/modern/components/amount-title/component.js

@@ -1,21 +1,10 @@
-import React from 'react';
-import cn from 'classnames';
-import { Amount } from '../../../../amount/modern';
-import { getDataTestId } from '../../../../shared/modern';
-import { Typography } from '../../../../typography/modern';
-
-const styles = {"component":"pure-cell__component_12hc9","weight":"pure-cell__weight_12hc9"};
-require('./index.css');
-
-const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary', dataTestId, titleProps = {}, ...restProps }) => {
-    const titleDefaultProps = {
-        tag: 'h4',
-        view: 'small',
-        color,
-        ...titleProps,
-    };
-    return (React.createElement(Typography.Title, { ...titleDefaultProps, dataTestId: getDataTestId(dataTestId, 'amount-title'), className: cn(styles.component, titleProps.className) },
-        React.createElement(Amount, { minority: minority || minorUnits, className: cn(styles.weight, className), dataTestId: getDataTestId(dataTestId, 'core-amount-title'), ...restProps, bold: 'none' })));
-};
-
-export { AmountTitle };
+import 'react';
+import 'classnames';
+import '../../../../amount/modern';
+import '../../../../shared/modern';
+import '../../../../typography/modern';
+export { b as AmountTitle } from '../../component-edffa17d.js';
+import 'react-merge-refs';
+import '../../../../comment/modern';
+import '@alfalab/hooks';
+import '../../../../button/modern';