@alfalab/core-components-pure-cell 1.1.0

package/dist/cssm/components/addon/component.d.ts

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

package/dist/cssm/components/addon/component.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-12a31ec3.js');
+var styles = require('./index.module.css');
+
+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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var Addon = function (_a) {
+    var _b;
+    var children = _a.children, verticalAlign = _a.verticalAlign, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement("section", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][addonPadding], (_b = {},
+            _b[styles__default['default'].center] = verticalAlign,
+            _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
+};
+
+exports.Addon = Addon;

package/dist/cssm/components/addon/index.d.ts

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

package/dist/cssm/components/addon/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../getDataTestId-12a31ec3.js');
+require('./index.module.css');
+var components_addon_component = require('./component.js');
+
+
+
+exports.Addon = components_addon_component.Addon;

package/dist/cssm/components/addon/index.module.css

@@ -0,0 +1,27 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+}
+.component {
+    grid-column: 2/3;
+    padding-left: var(--gap-m)
+}
+.component > * {
+        justify-content: flex-end;
+    }
+.component.none {
+        padding-left: 0;
+    }
+.component.default {
+        padding-left: var(--gap-m);
+    }
+.component.center {
+        align-self: center;
+    }

package/dist/cssm/components/amount/component.d.ts

@@ -0,0 +1,28 @@
+/// <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;
+    /**
+     * Начертание шрифта денежного значения
+     */
+    weight?: 'bold' | 'normal';
+    /**
+     * Размер денежного значения
+     */
+    view?: 'component' | 'primary-small';
+    /**
+     * Цвет денежного значения
+     */
+    color?: Color;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const Amount: React.FC<Props>;
+export { Amount };

package/dist/cssm/components/amount/component.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-12a31ec3.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography/dist/cssm');
+var coreComponentsAmount = require('@alfalab/core-components-amount/dist/cssm');
+var styles = require('./index.module.css');
+
+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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var Amount = function (_a) {
+    var amount = _a.amount, _b = _a.weight, weight = _b === void 0 ? 'normal' : _b, _c = _a.view, view = _c === void 0 ? 'component' : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, 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, transparentMinor = amount.transparentMinor, viewAmount = amount.view;
+    return (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount-text'), className: cn__default['default'](styles__default['default'].component), color: color },
+        React__default['default'].createElement(coreComponentsAmount.Amount, { minority: minority === undefined ? minorUnits : minority, value: value, transparentMinor: transparentMinor, bold: weight === 'bold' ? 'full' : 'none', rightAddons: rightAddons, showPlus: showPlus, className: className, currency: currency, dataTestId: getDataTestId.getDataTestId(dataTestId, 'amount'), view: viewAmount })));
+};
+
+exports.Amount = Amount;

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

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

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../getDataTestId-12a31ec3.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('./index.module.css');
+var components_amount_component = require('./component.js');
+
+
+
+exports.Amount = components_amount_component.Amount;

package/dist/cssm/components/amount/index.module.css

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

package/dist/cssm/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/cssm/components/amount-title/component.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-12a31ec3.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography/dist/cssm');
+var coreComponentsAmount = require('@alfalab/core-components-amount/dist/cssm');
+var styles = require('./index.module.css');
+
+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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+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__default['default'].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__default['default'].weight, className), currency: currency, dataTestId: getDataTestId.getDataTestId(dataTestId, 'core-amount-title'), view: 'withZeroMinorPart' })));
+};
+
+exports.AmountTitle = AmountTitle;

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

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

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

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../getDataTestId-12a31ec3.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('./index.module.css');
+var components_amountTitle_component = require('./component.js');
+
+
+
+exports.AmountTitle = components_amountTitle_component.AmountTitle;

package/dist/cssm/components/amount-title/index.module.css

@@ -0,0 +1,14 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.component {
+    display: flex;
+}
+.weight {
+    font-weight: inherit;
+}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getDataTestId = require('../../getDataTestId-12a31ec3.js');
+var coreComponentsTypography = require('@alfalab/core-components-typography/dist/cssm');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var Category = function (_a) {
+    var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement("div", { className: styles__default['default'].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__default['default'].categoryName }, categoryName),
+        categoryPercent !== undefined && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default['default'].categoryPercent, dataTestId: getDataTestId.getDataTestId(dataTestId, 'category-percent') },
+            categoryPercent,
+            "%"))));
+};
+
+exports.Category = Category;

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

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

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

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

package/dist/cssm/components/category/index.module.css

@@ -0,0 +1,35 @@
+: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;
+}
+.component {
+    display: flex;
+    overflow: hidden;
+    padding: var(--gap-3xs) 0;
+}
+.categoryName {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.categoryPercent {
+    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/cssm/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/cssm/components/comment/component.js

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

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

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

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

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

package/dist/cssm/components/comment/index.module.css

@@ -0,0 +1,33 @@
+: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;
+}
+.component {
+    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);
+}
+.text {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-22ece846.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-12a31ec3.js');
+require('../addon/index.module.css');
+require('../addon/component.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('../amount/index.module.css');
+require('../amount/component.js');
+require('../amount-title/index.module.css');
+require('../amount-title/component.js');
+require('../category/index.module.css');
+require('../category/component.js');
+require('../comment/index.module.css');
+require('../comment/component.js');
+require('./index.module.css');
+var components_content_component = require('../../component-a5914e3d.js');
+require('../footer/index.module.css');
+require('../footer/component.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('../footer-button/index.module.css');
+require('../footer-text/component.js');
+require('../graphics/index.module.css');
+require('../graphics/component.js');
+require('../main/index.module.css');
+require('../text/index.module.css');
+require('../../index.module.css');
+
+
+
+exports.Content = components_content_component.Content;

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

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

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../component-22ece846.js');
+require('react');
+require('react-merge-refs');
+require('classnames');
+require('@alfalab/hooks');
+require('../../getDataTestId-12a31ec3.js');
+require('../addon/index.module.css');
+require('../addon/component.js');
+require('@alfalab/core-components-typography/dist/cssm');
+require('@alfalab/core-components-amount/dist/cssm');
+require('../amount/index.module.css');
+require('../amount/component.js');
+require('../amount-title/index.module.css');
+require('../amount-title/component.js');
+require('../category/index.module.css');
+require('../category/component.js');
+require('../comment/index.module.css');
+require('../comment/component.js');
+require('./index.module.css');
+var components_content_component = require('../../component-a5914e3d.js');
+require('../footer/index.module.css');
+require('../footer/component.js');
+require('@alfalab/core-components-button/dist/cssm');
+require('../footer-button/index.module.css');
+require('../footer-text/component.js');
+require('../graphics/index.module.css');
+require('../graphics/component.js');
+require('../main/index.module.css');
+require('../text/index.module.css');
+require('../../index.module.css');
+
+
+
+exports.Content = components_content_component.Content;

package/dist/cssm/components/content/index.module.css

@@ -0,0 +1,16 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+.component {
+    flex-basis: 100%;
+    display: grid
+}
+.component.horizontal {
+        /* for button */
+        align-self: stretch;
+    }

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var getDataTestId = require('../../getDataTestId-12a31ec3.js');
+var styles = require('./index.module.css');
+
+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__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+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__default['default'].component, styles__default['default'][footerPadding]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'footer') }, children));
+};
+
+exports.Footer = Footer;

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

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

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

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

package/dist/cssm/components/footer/index.module.css

@@ -0,0 +1,22 @@
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+.component {
+    grid-column: 1/3;
+    display: grid;
+    grid-row-gap: var(--gap-xs)
+}
+.component.none {
+        margin-top: 0;
+    }
+.component.default {
+        margin-top: var(--gap-xs);
+    }