@alfalab/core-components-pure-cell 1.1.0

package/dist/modern/components/amount/index.css

@@ -0,0 +1,16 @@
+/* hash: k07ei */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-3xs: 2px;
+}
+.pure-cell__component_1plik {
+    padding: var(--gap-3xs) 0;
+    display: flex;
+}

package/dist/modern/components/amount/index.d.ts

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

package/dist/modern/components/amount/index.js

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import '../../getDataTestId-0bb060c4.js';
+import '@alfalab/core-components-typography/dist/modern';
+import '@alfalab/core-components-amount/dist/modern';
+export { Amount } from './component.js';

package/dist/modern/components/amount-title/component.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import React from 'react';
+import { Color } from "@alfalab/core-components-typography";
+import { AmountProps as AmountType } from "../typesProps";
+type Props = {
+    /**
+     * Props свойственные для компонента Amount
+     */
+    amount: AmountType;
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const AmountTitle: React.FC<Props>;
+export { AmountTitle };

package/dist/modern/components/amount-title/component.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+import { Typography } from '@alfalab/core-components-typography/dist/modern';
+import { Amount } from '@alfalab/core-components-amount/dist/modern';
+
+var styles = {"component":"pure-cell__component_7pgdc","weight":"pure-cell__weight_7pgdc"};
+require('./index.css')
+
+const AmountTitle = ({ amount, color = 'primary', dataTestId }) => {
+    const { value, currency, minority, minorUnits, rightAddons, showPlus, className } = amount;
+    return (React.createElement(Typography.Title, { tag: 'h4', view: 'small', dataTestId: getDataTestId(dataTestId, 'amount-title'), className: styles.component, color: color },
+        React.createElement(Amount, { minority: minority === undefined ? minorUnits : minority, value: value, rightAddons: rightAddons, showPlus: showPlus, className: cn(styles.weight, className), currency: currency, dataTestId: getDataTestId(dataTestId, 'core-amount-title'), view: 'withZeroMinorPart' })));
+};
+
+export { AmountTitle };

package/dist/modern/components/amount-title/index.css

@@ -0,0 +1,15 @@
+/* hash: h4dqq */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pure-cell__component_7pgdc {
+    display: flex;
+}
+.pure-cell__weight_7pgdc {
+    font-weight: inherit;
+}

package/dist/modern/components/amount-title/index.d.ts

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

package/dist/modern/components/amount-title/index.js

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import '../../getDataTestId-0bb060c4.js';
+import '@alfalab/core-components-typography/dist/modern';
+import '@alfalab/core-components-amount/dist/modern';
+export { AmountTitle } from './component.js';

package/dist/modern/components/category/component.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import React from 'react';
+type Props = {
+    /**
+     * Наименование категории
+     */
+    categoryName: string;
+    /**
+     * Процент категории
+     */
+    categoryPercent?: number;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Category: React.FC<Props>;
+export { Category };

package/dist/modern/components/category/component.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+import { Typography } from '@alfalab/core-components-typography/dist/modern';
+
+var styles = {"component":"pure-cell__component_182xj","categoryName":"pure-cell__categoryName_182xj","categoryPercent":"pure-cell__categoryPercent_182xj"};
+require('./index.css')
+
+const Category = ({ categoryName, categoryPercent, dataTestId }) => (React.createElement("div", { className: styles.component, "data-test-id": 'cell-pure-category' },
+    React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId, 'category-name'), className: styles.categoryName }, categoryName),
+    categoryPercent !== undefined && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles.categoryPercent, dataTestId: getDataTestId(dataTestId, 'category-percent') },
+        categoryPercent,
+        "%"))));
+
+export { Category };

package/dist/modern/components/category/index.css

@@ -0,0 +1,36 @@
+/* hash: 1vtgs */
+:root {
+    --color-light-bg-secondary: #f3f4f5;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-3xs: 2px;
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+}
+:root {
+    --border-radius-xl: 16px;
+}
+.pure-cell__component_182xj {
+    display: flex;
+    overflow: hidden;
+    padding: var(--gap-3xs) 0;
+}
+.pure-cell__categoryName_182xj {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.pure-cell__categoryPercent_182xj {
+    padding: 0 var(--gap-xs);
+    background-color: var(--color-light-bg-secondary);
+    border-radius: var(--border-radius-xl);
+    margin-left: var(--gap-2xs);
+}

package/dist/modern/components/category/index.d.ts

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

package/dist/modern/components/category/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../getDataTestId-0bb060c4.js';
+import '@alfalab/core-components-typography/dist/modern';
+export { Category } from './component.js';

package/dist/modern/components/comment/component.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommentElement } from "../types";
+type Props = {
+    /**
+     * Компоненты
+     */
+    children: CommentElement;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Comment: React.FC<Props>;
+export { Comment };

package/dist/modern/components/comment/component.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+import { Typography } from '@alfalab/core-components-typography/dist/modern';
+
+var styles = {"component":"pure-cell__component_1lilp","text":"pure-cell__text_1lilp"};
+require('./index.css')
+
+const Comment = ({ children, dataTestId }) => (React.createElement("div", { className: styles.component, "data-test-id": getDataTestId(dataTestId, 'comment') },
+    React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', className: styles.text, color: 'primary' }, children)));
+
+export { Comment };

package/dist/modern/components/comment/index.css

@@ -0,0 +1,34 @@
+/* hash: 134ke */
+:root {
+    --color-light-bg-secondary: #f3f4f5;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+    --gap-m: 16px;
+}
+:root {
+    --border-radius-xs: 2px;
+    --border-radius-xxl: 20px;
+}
+.pure-cell__component_1lilp {
+    width: -moz-fit-content;
+    width: fit-content;
+    padding: var(--gap-xs) var(--gap-m);
+    background-color: var(--color-light-bg-secondary);
+    border-radius: var(--border-radius-xs) var(--border-radius-xxl) var(--border-radius-xxl)
+        var(--border-radius-xxl);
+}
+.pure-cell__text_1lilp {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

package/dist/modern/components/comment/index.d.ts

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

package/dist/modern/components/comment/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../getDataTestId-0bb060c4.js';
+import '@alfalab/core-components-typography/dist/modern';
+export { Comment } from './component.js';

package/dist/modern/components/content/component.js

@@ -0,0 +1,18 @@
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-0bb060c4.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/modern';
+import '@alfalab/core-components-amount/dist/modern';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { C as Content } from '../../component-9c1fe763.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/modern';
+import '../footer-button/component.js';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/modern/components/content/index.css

@@ -0,0 +1,17 @@
+/* hash: hj8x5 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pure-cell__component_1vkg3 {
+    flex-basis: 100%;
+    display: grid
+}
+.pure-cell__component_1vkg3.pure-cell__horizontal_1vkg3 {
+        /* for button */
+        align-self: stretch;
+    }

package/dist/modern/components/content/index.d.ts

@@ -0,0 +1 @@
+export * from "../../component-9c1fe763";

package/dist/modern/components/content/index.js

@@ -0,0 +1,18 @@
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-0bb060c4.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/modern';
+import '@alfalab/core-components-amount/dist/modern';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { C as Content } from '../../component-9c1fe763.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/modern';
+import '../footer-button/component.js';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/modern/components/footer/component.d.ts

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

package/dist/modern/components/footer/component.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+
+var styles = {"component":"pure-cell__component_12b5m","none":"pure-cell__none_12b5m","default":"pure-cell__default_12b5m"};
+require('./index.css')
+
+const Footer = ({ children, footerPadding = 'default', dataTestId }) => (React.createElement("footer", { className: cn(styles.component, styles[footerPadding]), "data-test-id": getDataTestId(dataTestId, 'footer') }, children));
+
+export { Footer };

package/dist/modern/components/footer/index.css

@@ -0,0 +1,23 @@
+/* hash: lz89l */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+.pure-cell__component_12b5m {
+    grid-column: 1/3;
+    display: grid;
+    grid-row-gap: var(--gap-xs)
+}
+.pure-cell__component_12b5m.pure-cell__none_12b5m {
+        margin-top: 0;
+    }
+.pure-cell__component_12b5m.pure-cell__default_12b5m {
+        margin-top: var(--gap-xs);
+    }

package/dist/modern/components/footer/index.d.ts

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

package/dist/modern/components/footer/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import 'classnames';
+import '../../getDataTestId-0bb060c4.js';
+export { Footer } from './component.js';

package/dist/modern/components/footer-button/component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonProps } from "@alfalab/core-components-button";
+declare const FooterButton: React.FC<ButtonProps>;
+export { FooterButton };

package/dist/modern/components/footer-button/component.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+import { Button } from '@alfalab/core-components-button/dist/modern';
+
+var styles = {"component":"pure-cell__component_8ssjt"};
+require('./index.css')
+
+const FooterButton = ({ children, dataTestId, ...props }) => (React.createElement(Button, Object.assign({}, props, { size: 'xxs', dataTestId: getDataTestId(dataTestId, 'button'), className: styles.component }), children));
+
+export { FooterButton };

package/dist/modern/components/footer-button/index.css

@@ -0,0 +1,12 @@
+/* hash: 1ilq0 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pure-cell__component_8ssjt {
+    justify-self: start;
+}

package/dist/modern/components/footer-button/index.d.ts

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

package/dist/modern/components/footer-button/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../getDataTestId-0bb060c4.js';
+import '@alfalab/core-components-button/dist/modern';
+export { FooterButton } from './component.js';

package/dist/modern/components/footer-text/component.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import React from 'react';
+import { Color } from "@alfalab/core-components-typography";
+type Props = {
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const FooterText: React.FC<Props>;
+export { Props, FooterText };

package/dist/modern/components/footer-text/component.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+import { Typography } from '@alfalab/core-components-typography/dist/modern';
+
+const FooterText = ({ children, color = 'secondary', dataTestId }) => (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId, 'footer-title') }, children));
+
+export { FooterText };

package/dist/modern/components/footer-text/index.d.ts

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

package/dist/modern/components/footer-text/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../getDataTestId-0bb060c4.js';
+import '@alfalab/core-components-typography/dist/modern';
+export { FooterText } from './component.js';

package/dist/modern/components/graphics/component.d.ts

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

package/dist/modern/components/graphics/component.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { g as getDataTestId } from '../../getDataTestId-0bb060c4.js';
+
+var styles = {"component":"pure-cell__component_1u4xg"};
+require('./index.css')
+
+const Graphics = ({ children, dataTestId }) => {
+    return (React.createElement("section", { className: styles.component, "data-test-id": getDataTestId(dataTestId, 'graphics') }, children));
+};
+
+export { Graphics };

package/dist/modern/components/graphics/index.css

@@ -0,0 +1,12 @@
+/* hash: 1rvbe */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.pure-cell__component_1u4xg {
+    flex-basis: auto;
+}

package/dist/modern/components/graphics/index.d.ts

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

package/dist/modern/components/graphics/index.js

@@ -0,0 +1,3 @@
+import 'react';
+import '../../getDataTestId-0bb060c4.js';
+export { Graphics } from './component.js';

package/dist/modern/components/main/component.js

@@ -0,0 +1,18 @@
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-0bb060c4.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/modern';
+import '@alfalab/core-components-amount/dist/modern';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { M as Main } from '../../component-9c1fe763.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/modern';
+import '../footer-button/component.js';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/modern/components/main/index.css

@@ -0,0 +1,31 @@
+/* hash: 10lr7 */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-3xs: 2px;
+}
+.pure-cell__component_raiu9 {
+    display: flex;
+    flex-direction: column;
+    align-self: center;
+
+    /* can use /r/n */
+    white-space: pre-line
+}
+.pure-cell__component_raiu9.pure-cell__vertical_raiu9 {
+        grid-row-gap: var(--gap-3xs);
+        justify-content: center;
+        align-items: center;
+
+        /* for button */
+        text-align: center;
+    }
+.pure-cell__component_raiu9.pure-cell__reverse_raiu9 {
+        flex-direction: column-reverse;
+    }

package/dist/modern/components/main/index.d.ts

@@ -0,0 +1 @@
+export * from "../../component-9c1fe763";

package/dist/modern/components/main/index.js

@@ -0,0 +1,18 @@
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-0bb060c4.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/modern';
+import '@alfalab/core-components-amount/dist/modern';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { M as Main } from '../../component-9c1fe763.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/modern';
+import '../footer-button/component.js';
+import '../footer-text/component.js';
+import '../graphics/component.js';

package/dist/modern/components/text/component.js

@@ -0,0 +1,18 @@
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '@alfalab/hooks';
+import '../../getDataTestId-0bb060c4.js';
+import '../addon/component.js';
+import '@alfalab/core-components-typography/dist/modern';
+import '@alfalab/core-components-amount/dist/modern';
+import '../amount/component.js';
+import '../amount-title/component.js';
+import '../category/component.js';
+import '../comment/component.js';
+export { T as Text } from '../../component-9c1fe763.js';
+import '../footer/component.js';
+import '@alfalab/core-components-button/dist/modern';
+import '../footer-button/component.js';
+import '../footer-text/component.js';
+import '../graphics/component.js';