@alfalab/core-components-pure-cell 1.1.0

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-00d7409e.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography');
+var coreComponentsAmount = require('@alfalab/core-components-amount');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = {"component":"pure-cell__component_7pgdc","weight":"pure-cell__weight_7pgdc"};
+require('./index.css')
+
+var AmountTitle = function (_a) {
+    var amount = _a.amount, _b = _a.color, color = _b === void 0 ? 'primary' : _b, dataTestId = _a.dataTestId;
+    var value = amount.value, currency = amount.currency, minority = amount.minority, minorUnits = amount.minorUnits, rightAddons = amount.rightAddons, showPlus = amount.showPlus, className = amount.className;
+    return (React__default['default'].createElement(coreComponentsTypography.Typography.Title, { tag: 'h4', view: 'small', dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-title'), className: styles.component, color: color },
+        React__default['default'].createElement(coreComponentsAmount.Amount, { minority: minority === undefined ? minorUnits : minority, value: value, rightAddons: rightAddons, showPlus: showPlus, className: cn__default['default'](styles.weight, className), currency: currency, dataTestId: getDataTestId.getDataTestId(dataTestId, 'core-amount-title'), view: 'withZeroMinorPart' })));
+};
+
+exports.AmountTitle = AmountTitle;

package/dist/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/components/amount-title/index.d.ts

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../getDataTestId-00d7409e.js');
+require('@alfalab/core-components-typography');
+require('@alfalab/core-components-amount');
+var components_amountTitle_component = require('./component.js');
+
+
+
+exports.AmountTitle = components_amountTitle_component.AmountTitle;

package/dist/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/components/category/component.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-00d7409e.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var styles = {"component":"pure-cell__component_182xj","categoryName":"pure-cell__categoryName_182xj","categoryPercent":"pure-cell__categoryPercent_182xj"};
+require('./index.css')
+
+var Category = function (_a) {
+    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement("div", { className: styles.component, "data-test-id": 'cell-pure-category' },
+        React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId.getDataTestId(dataTestId, 'category-name'), className: styles.categoryName }, categoryName),
+        categoryPercent !== undefined && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles.categoryPercent, dataTestId: getDataTestId.getDataTestId(dataTestId, 'category-percent') },
+            categoryPercent,
+            "%"))));
+};
+
+exports.Category = Category;

package/dist/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/components/category/index.d.ts

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

package/dist/components/category/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../getDataTestId-00d7409e.js');
+require('@alfalab/core-components-typography');
+var components_category_component = require('./component.js');
+
+
+
+exports.Category = components_category_component.Category;

package/dist/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/components/comment/component.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-00d7409e.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var styles = {"component":"pure-cell__component_1lilp","text":"pure-cell__text_1lilp"};
+require('./index.css')
+
+var Comment = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement("div", { className: styles.component, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'comment') },
+        React__default['default'].createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', className: styles.text, color: 'primary' }, children)));
+};
+
+exports.Comment = Comment;

package/dist/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/components/comment/index.d.ts

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

package/dist/components/comment/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../getDataTestId-00d7409e.js');
+require('@alfalab/core-components-typography');
+var components_comment_component = require('./component.js');
+
+
+
+exports.Comment = components_comment_component.Comment;

package/dist/components/content/component.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-6a05fa6a.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-00d7409e.js');
+require('../addon/component.js');
+require('@alfalab/core-components-typography');
+require('@alfalab/core-components-amount');
+require('../amount/component.js');
+require('../amount-title/component.js');
+require('../category/component.js');
+require('../comment/component.js');
+var components_content_component = require('../../component-f199efcf.js');
+require('../footer/component.js');
+require('@alfalab/core-components-button');
+require('../footer-text/component.js');
+require('../graphics/component.js');
+
+
+
+exports.Content = components_content_component.Content;

package/dist/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/components/content/index.d.ts

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

package/dist/components/content/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-6a05fa6a.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-00d7409e.js');
+require('../addon/component.js');
+require('@alfalab/core-components-typography');
+require('@alfalab/core-components-amount');
+require('../amount/component.js');
+require('../amount-title/component.js');
+require('../category/component.js');
+require('../comment/component.js');
+var components_content_component = require('../../component-f199efcf.js');
+require('../footer/component.js');
+require('@alfalab/core-components-button');
+require('../footer-text/component.js');
+require('../graphics/component.js');
+
+
+
+exports.Content = components_content_component.Content;

package/dist/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/components/footer/component.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-00d7409e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = {"component":"pure-cell__component_12b5m","none":"pure-cell__none_12b5m","default":"pure-cell__default_12b5m"};
+require('./index.css')
+
+var Footer = function (_a) {
+    var children = _a.children, _b = _a.footerPadding, footerPadding = _b === void 0 ? 'default' : _b, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement("footer", { className: cn__default['default'](styles.component, styles[footerPadding]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'footer') }, children));
+};
+
+exports.Footer = Footer;

package/dist/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/components/footer/index.d.ts

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

package/dist/components/footer/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../getDataTestId-00d7409e.js');
+var components_footer_component = require('./component.js');
+
+
+
+exports.Footer = components_footer_component.Footer;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_footerButton_component = require('../../component-6a05fa6a.js');
+require('react');
+require('../../getDataTestId-00d7409e.js');
+require('@alfalab/core-components-button');
+
+
+
+exports.FooterButton = components_footerButton_component.FooterButton;

package/dist/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/components/footer-button/index.d.ts

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_footerButton_component = require('../../component-6a05fa6a.js');
+require('react');
+require('../../getDataTestId-00d7409e.js');
+require('@alfalab/core-components-button');
+
+
+
+exports.FooterButton = components_footerButton_component.FooterButton;

package/dist/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/components/footer-text/component.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-00d7409e.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var FooterText = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'footer-title') }, children));
+};
+
+exports.FooterText = FooterText;

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../getDataTestId-00d7409e.js');
+require('@alfalab/core-components-typography');
+var components_footerText_component = require('./component.js');
+
+
+
+exports.FooterText = components_footerText_component.FooterText;

package/dist/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/components/graphics/component.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-00d7409e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var styles = {"component":"pure-cell__component_1u4xg"};
+require('./index.css')
+
+var Graphics = function (_a) {
+    var children = _a.children, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement("section", { className: styles.component, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'graphics') }, children));
+};
+
+exports.Graphics = Graphics;

package/dist/components/graphics/index.css

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

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

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

package/dist/components/graphics/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../getDataTestId-00d7409e.js');
+var components_graphics_component = require('./component.js');
+
+
+
+exports.Graphics = components_graphics_component.Graphics;

package/dist/components/main/component.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-6a05fa6a.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-00d7409e.js');
+require('../addon/component.js');
+require('@alfalab/core-components-typography');
+require('@alfalab/core-components-amount');
+require('../amount/component.js');
+require('../amount-title/component.js');
+require('../category/component.js');
+require('../comment/component.js');
+var components_content_component = require('../../component-f199efcf.js');
+require('../footer/component.js');
+require('@alfalab/core-components-button');
+require('../footer-text/component.js');
+require('../graphics/component.js');
+
+
+
+exports.Main = components_content_component.Main;

package/dist/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/components/main/index.d.ts

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