@alfalab/core-components 36.3.1 → 36.4.0

package/portal/cssm/Component.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var react = require('react');
 var reactDom = require('react-dom');
 var utils = require('./utils.js');

package/portal/cssm/index.js

@@ -1,9 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('react-dom');
 require('./utils.js');
-var Component = require('./Component.js');
 
 
 

package/portal/cssm/utils.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PORTAL_CONTAINER_ATTRIBUTE = 'alfa-portal-container';
 function createPortalContainer() {
     var portalContainer = document.createElement('div');
@@ -8,7 +6,7 @@ function createPortalContainer() {
     return portalContainer;
 }
 var getDefaultPortalContainer = function () {
-    return document.querySelector("[" + PORTAL_CONTAINER_ATTRIBUTE + "]") || createPortalContainer();
+    return document.querySelector("[".concat(PORTAL_CONTAINER_ATTRIBUTE, "]")) || createPortalContainer();
 };
 function setRef(ref, value) {
     if (typeof ref === 'function') {

package/portal/esm/index.js

@@ -1,4 +1,4 @@
+export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
 import './utils.js';
-export { Portal } from './Component.js';

package/portal/esm/utils.js

@@ -6,7 +6,7 @@ function createPortalContainer() {
     return portalContainer;
 }
 var getDefaultPortalContainer = function () {
-    return document.querySelector("[" + PORTAL_CONTAINER_ATTRIBUTE + "]") || createPortalContainer();
+    return document.querySelector("[".concat(PORTAL_CONTAINER_ATTRIBUTE, "]")) || createPortalContainer();
 };
 function setRef(ref, value) {
     if (typeof ref === 'function') {

package/portal/index.js

@@ -1,9 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('react-dom');
 require('./utils.js');
-var Component = require('./Component.js');
 
 
 

package/portal/modern/Component.js

@@ -1,6 +1,6 @@
 import { forwardRef, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { getDefaultPortalContainer, setRef } from './utils.js';
+import { setRef, getDefaultPortalContainer } from './utils.js';
 
 const Portal = forwardRef(({ getPortalContainer = getDefaultPortalContainer, immediateMount = false, children }, ref) => {
     const [mountNode, setMountNode] = useState(() => typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null);

package/portal/modern/index.js

@@ -1,4 +1,4 @@
+export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
 import './utils.js';
-export { Portal } from './Component.js';

package/portal/utils.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PORTAL_CONTAINER_ATTRIBUTE = 'alfa-portal-container';
 function createPortalContainer() {
     var portalContainer = document.createElement('div');
@@ -8,7 +6,7 @@ function createPortalContainer() {
     return portalContainer;
 }
 var getDefaultPortalContainer = function () {
-    return document.querySelector("[" + PORTAL_CONTAINER_ATTRIBUTE + "]") || createPortalContainer();
+    return document.querySelector("[".concat(PORTAL_CONTAINER_ATTRIBUTE, "]")) || createPortalContainer();
 };
 function setRef(ref, value) {
     if (typeof ref === 'function') {

package/progress-bar/Component.js

@@ -1,21 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 
-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 = {"container":"progress-bar__container_1go3v","s":"progress-bar__s_1go3v","m":"progress-bar__m_1go3v","filled":"progress-bar__filled_1go3v","positive":"progress-bar__positive_1go3v","negative":"progress-bar__negative_1go3v","attention":"progress-bar__attention_1go3v","link":"progress-bar__link_1go3v","tertiary":"progress-bar__tertiary_1go3v","secondary":"progress-bar__secondary_1go3v","primary":"progress-bar__primary_1go3v","accent":"progress-bar__accent_1go3v"};
+var styles = {"container":"progress-bar__container_1yo46","s":"progress-bar__s_1yo46","m":"progress-bar__m_1yo46","filled":"progress-bar__filled_1yo46","positive":"progress-bar__positive_1yo46","negative":"progress-bar__negative_1yo46","attention":"progress-bar__attention_1yo46","link":"progress-bar__link_1yo46","tertiary":"progress-bar__tertiary_1yo46","secondary":"progress-bar__secondary_1yo46","primary":"progress-bar__primary_1yo46","accent":"progress-bar__accent_1yo46"};
 require('./index.css');
 
-var ProgressBar = React__default['default'].forwardRef(function (_a, ref) {
+var ProgressBar = React.forwardRef(function (_a, ref) {
     var className = _a.className, value = _a.value, _b = _a.view, view = _b === void 0 ? 'positive' : _b, _c = _a.size, size = _c === void 0 ? 'm' : _c, dataTestId = _a.dataTestId;
     var translateX = Math.max(-100, Math.min(0, value - 100));
-    return (React__default['default'].createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn__default['default'](styles.container, styles[size], className), "data-test-id": dataTestId, ref: ref },
-        React__default['default'].createElement("div", { className: cn__default['default'](styles.filled, styles[view]), style: { transform: "translateX(" + translateX + "%)" } })));
+    return (React.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn(styles.container, styles[size], className), "data-test-id": dataTestId, ref: ref },
+        React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: "translateX(".concat(translateX, "%)") } })));
 });
 
 exports.ProgressBar = ProgressBar;

package/progress-bar/cssm/Component.js

@@ -1,20 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 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 ProgressBar = React__default['default'].forwardRef(function (_a, ref) {
+var ProgressBar = React.forwardRef(function (_a, ref) {
     var className = _a.className, value = _a.value, _b = _a.view, view = _b === void 0 ? 'positive' : _b, _c = _a.size, size = _c === void 0 ? 'm' : _c, dataTestId = _a.dataTestId;
     var translateX = Math.max(-100, Math.min(0, value - 100));
-    return (React__default['default'].createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn__default['default'](styles__default['default'].container, styles__default['default'][size], className), "data-test-id": dataTestId, ref: ref },
-        React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].filled, styles__default['default'][view]), style: { transform: "translateX(" + translateX + "%)" } })));
+    return (React.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn(styles.container, styles[size], className), "data-test-id": dataTestId, ref: ref },
+        React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: "translateX(".concat(translateX, "%)") } })));
 });
 
 exports.ProgressBar = ProgressBar;

package/progress-bar/cssm/index.js

@@ -1,9 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('./index.module.css');
-var Component = require('./Component.js');
 
 
 

package/progress-bar/esm/Component.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"container":"progress-bar__container_1go3v","s":"progress-bar__s_1go3v","m":"progress-bar__m_1go3v","filled":"progress-bar__filled_1go3v","positive":"progress-bar__positive_1go3v","negative":"progress-bar__negative_1go3v","attention":"progress-bar__attention_1go3v","link":"progress-bar__link_1go3v","tertiary":"progress-bar__tertiary_1go3v","secondary":"progress-bar__secondary_1go3v","primary":"progress-bar__primary_1go3v","accent":"progress-bar__accent_1go3v"};
+var styles = {"container":"progress-bar__container_1yo46","s":"progress-bar__s_1yo46","m":"progress-bar__m_1yo46","filled":"progress-bar__filled_1yo46","positive":"progress-bar__positive_1yo46","negative":"progress-bar__negative_1yo46","attention":"progress-bar__attention_1yo46","link":"progress-bar__link_1yo46","tertiary":"progress-bar__tertiary_1yo46","secondary":"progress-bar__secondary_1yo46","primary":"progress-bar__primary_1yo46","accent":"progress-bar__accent_1yo46"};
 require('./index.css');
 
 var ProgressBar = React.forwardRef(function (_a, ref) {
     var className = _a.className, value = _a.value, _b = _a.view, view = _b === void 0 ? 'positive' : _b, _c = _a.size, size = _c === void 0 ? 'm' : _c, dataTestId = _a.dataTestId;
     var translateX = Math.max(-100, Math.min(0, value - 100));
     return (React.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn(styles.container, styles[size], className), "data-test-id": dataTestId, ref: ref },
-        React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: "translateX(" + translateX + "%)" } })));
+        React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: "translateX(".concat(translateX, "%)") } })));
 });
 
 export { ProgressBar };

package/progress-bar/esm/index.css

@@ -50,46 +50,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_1go3v {
+.progress-bar__container_1yo46 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_1go3v.progress-bar__s_1go3v {
+.progress-bar__container_1yo46.progress-bar__s_1yo46 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_1go3v.progress-bar__m_1go3v {
+.progress-bar__container_1yo46.progress-bar__m_1yo46 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_1go3v {
+.progress-bar__filled_1yo46 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_1go3v.progress-bar__positive_1go3v {
+.progress-bar__filled_1yo46.progress-bar__positive_1yo46 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_1go3v.progress-bar__negative_1go3v {
+.progress-bar__filled_1yo46.progress-bar__negative_1yo46 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_1go3v.progress-bar__attention_1go3v {
+.progress-bar__filled_1yo46.progress-bar__attention_1yo46 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_1go3v.progress-bar__link_1go3v {
+.progress-bar__filled_1yo46.progress-bar__link_1yo46 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_1go3v.progress-bar__tertiary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__tertiary_1yo46 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__secondary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__secondary_1yo46 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__primary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__primary_1yo46 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__accent_1go3v {
+.progress-bar__filled_1yo46.progress-bar__accent_1yo46 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/esm/index.js

@@ -1,3 +1,3 @@
+export { ProgressBar } from './Component.js';
 import 'react';
 import 'classnames';
-export { ProgressBar } from './Component.js';

package/progress-bar/index.css

@@ -50,46 +50,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_1go3v {
+.progress-bar__container_1yo46 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_1go3v.progress-bar__s_1go3v {
+.progress-bar__container_1yo46.progress-bar__s_1yo46 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_1go3v.progress-bar__m_1go3v {
+.progress-bar__container_1yo46.progress-bar__m_1yo46 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_1go3v {
+.progress-bar__filled_1yo46 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_1go3v.progress-bar__positive_1go3v {
+.progress-bar__filled_1yo46.progress-bar__positive_1yo46 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_1go3v.progress-bar__negative_1go3v {
+.progress-bar__filled_1yo46.progress-bar__negative_1yo46 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_1go3v.progress-bar__attention_1go3v {
+.progress-bar__filled_1yo46.progress-bar__attention_1yo46 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_1go3v.progress-bar__link_1go3v {
+.progress-bar__filled_1yo46.progress-bar__link_1yo46 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_1go3v.progress-bar__tertiary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__tertiary_1yo46 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__secondary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__secondary_1yo46 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__primary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__primary_1yo46 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__accent_1go3v {
+.progress-bar__filled_1yo46.progress-bar__accent_1yo46 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/index.js

@@ -1,8 +1,6 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('classnames');
-var Component = require('./Component.js');
 
 
 

package/progress-bar/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"container":"progress-bar__container_1go3v","s":"progress-bar__s_1go3v","m":"progress-bar__m_1go3v","filled":"progress-bar__filled_1go3v","positive":"progress-bar__positive_1go3v","negative":"progress-bar__negative_1go3v","attention":"progress-bar__attention_1go3v","link":"progress-bar__link_1go3v","tertiary":"progress-bar__tertiary_1go3v","secondary":"progress-bar__secondary_1go3v","primary":"progress-bar__primary_1go3v","accent":"progress-bar__accent_1go3v"};
+const styles = {"container":"progress-bar__container_1yo46","s":"progress-bar__s_1yo46","m":"progress-bar__m_1yo46","filled":"progress-bar__filled_1yo46","positive":"progress-bar__positive_1yo46","negative":"progress-bar__negative_1yo46","attention":"progress-bar__attention_1yo46","link":"progress-bar__link_1yo46","tertiary":"progress-bar__tertiary_1yo46","secondary":"progress-bar__secondary_1yo46","primary":"progress-bar__primary_1yo46","accent":"progress-bar__accent_1yo46"};
 require('./index.css');
 
 const ProgressBar = React.forwardRef(({ className, value, view = 'positive', size = 'm', dataTestId }, ref) => {

package/progress-bar/modern/index.css

@@ -50,46 +50,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_1go3v {
+.progress-bar__container_1yo46 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_1go3v.progress-bar__s_1go3v {
+.progress-bar__container_1yo46.progress-bar__s_1yo46 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_1go3v.progress-bar__m_1go3v {
+.progress-bar__container_1yo46.progress-bar__m_1yo46 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_1go3v {
+.progress-bar__filled_1yo46 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_1go3v.progress-bar__positive_1go3v {
+.progress-bar__filled_1yo46.progress-bar__positive_1yo46 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_1go3v.progress-bar__negative_1go3v {
+.progress-bar__filled_1yo46.progress-bar__negative_1yo46 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_1go3v.progress-bar__attention_1go3v {
+.progress-bar__filled_1yo46.progress-bar__attention_1yo46 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_1go3v.progress-bar__link_1go3v {
+.progress-bar__filled_1yo46.progress-bar__link_1yo46 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_1go3v.progress-bar__tertiary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__tertiary_1yo46 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__secondary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__secondary_1yo46 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__primary_1go3v {
+.progress-bar__filled_1yo46.progress-bar__primary_1yo46 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_1go3v.progress-bar__accent_1go3v {
+.progress-bar__filled_1yo46.progress-bar__accent_1yo46 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/modern/index.js

@@ -1,3 +1,3 @@
+export { ProgressBar } from './Component.js';
 import 'react';
 import 'classnames';
-export { ProgressBar } from './Component.js';

package/pure-cell/component-8b35cc19.js

@@ -0,0 +1,111 @@
+var tslib_es6 = require('./tslib.es6-e62a1289.js');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsComment = require('../comment');
+var hooks = require('@alfalab/hooks');
+var components_addon_component = require('./components/addon/component.js');
+var components_amount_component = require('./components/amount/component.js');
+var components_amountTitle_component = require('./components/amount-title/component.js');
+var components_category_component = require('./components/category/component.js');
+var getDataTestId = require('./getDataTestId-1d20378b.js');
+var components_footer_component = require('./components/footer/component.js');
+var components_footerButton_component = require('./components/footer-button/component.js');
+var components_footerText_component = require('./components/footer-text/component.js');
+var components_graphics_component = require('./components/graphics/component.js');
+var coreComponentsTypography = require('../typography');
+
+var styles$3 = {"component":"pure-cell__component_1b8vr","horizontal":"pure-cell__horizontal_1b8vr"};
+require('./components/content/index.css');
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId;
+    var direction = React.useContext(PureCellContext).direction;
+    return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'content') }, children));
+};
+
+var styles$2 = {"component":"pure-cell__component_102en","vertical":"pure-cell__vertical_102en","reverse":"pure-cell__reverse_102en"};
+require('./components/main/index.css');
+
+var Main = function (_a) {
+    var _b;
+    var children = _a.children, isReverse = _a.isReverse, dataTestId = _a.dataTestId;
+    var _c = React.useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
+    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
+            _b[styles$2.reverse] = isReverse,
+            _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
+};
+
+var styles$1 = {"horizontal":"pure-cell__horizontal_nq1z2","rowLimit1":"pure-cell__rowLimit1_nq1z2","rowLimit2":"pure-cell__rowLimit2_nq1z2","component":"pure-cell__component_nq1z2","vertical":"pure-cell__vertical_nq1z2","title":"pure-cell__title_nq1z2","value":"pure-cell__value_nq1z2"};
+require('./components/text/index.css');
+
+var Text = function (_a) {
+    var _b;
+    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
+    var _d = React.useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
+    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
+    return (React.createElement("div", { className: cn(styles$1.component, (_b = {},
+            _b[styles$1.vertical] = direction !== 'horizontal',
+            _b)) },
+        React.createElement("span", { className: styles$1.title }, typeof children === 'string' ? (React.createElement(coreComponentsTypography.Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, children)) : (children)),
+        value !== undefined && (React.createElement("span", { className: styles$1.value }, typeof value === 'string' ? (React.createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value)))));
+};
+
+var styles = {"component":"pure-cell__component_t1zbt","horizontal":"pure-cell__horizontal_t1zbt","vertical":"pure-cell__vertical_t1zbt","button":"pure-cell__button_t1zbt","link":"pure-cell__link_t1zbt","none":"pure-cell__none_t1zbt","airy":"pure-cell__airy_t1zbt","defaultPadding":"pure-cell__defaultPadding_t1zbt","compact":"pure-cell__compact_t1zbt","tiny":"pure-cell__tiny_t1zbt","left":"pure-cell__left_t1zbt","right":"pure-cell__right_t1zbt","both":"pure-cell__both_t1zbt","focused":"pure-cell__focused_t1zbt"};
+require('./index.css');
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+var PureCellContext = React.createContext({});
+var PureCellComponent = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib_es6.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var cellRef = React.useRef(null);
+    var focused = hooks.useFocus(cellRef, 'keyboard')[0];
+    var addClasses = (_b = {},
+        _b[styles.component] = true,
+        _b[styles.focused] = focused,
+        _b[styles[direction]] = true,
+        _b[styles.defaultPadding] = verticalPadding === 'default',
+        _b[styles[verticalPadding]] = verticalPadding !== 'default',
+        _b[styles[horizontalPadding]] = true,
+        _b);
+    if (href) {
+        var target = restProps.target;
+        // Для совместимости с react-router-dom, меняем href на to
+        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
+        return (React.createElement(Component, tslib_es6.__assign({ 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: direction } }, children)));
+    }
+    if (onClick) {
+        return (React.createElement(Component, tslib_es6.__assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+    }
+    return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
+        React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+});
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+var PureCell = Object.assign(PureCellComponent, {
+    Main: Main,
+    Graphics: components_graphics_component.Graphics,
+    Content: Content,
+    Text: Text,
+    Amount: components_amount_component.Amount,
+    AmountTitle: components_amountTitle_component.AmountTitle,
+    Addon: components_addon_component.Addon,
+    Footer: components_footer_component.Footer,
+    ExtraSubtitle: components_footerText_component.FooterText,
+    FooterButton: components_footerButton_component.FooterButton,
+    Comment: coreComponentsComment.Comment,
+    Category: components_category_component.Category,
+});
+
+exports.Content = Content;
+exports.Main = Main;
+exports.PureCell = PureCell;
+exports.PureCellContext = PureCellContext;
+exports.Text = Text;

package/pure-cell/component-c49f24a8.d.ts

@@ -65,30 +65,30 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
     Text: React.FC<{
         children?: React.ReactNode;
         rowLimit?: 1 | 2 | undefined;
-        view: "component" | "primary-small";
-        titleColor: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative";
+        view: "primary-small" | "component";
+        titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative";
         value?: React.ReactNode;
-        valueColor?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
+        valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
         dataTestId?: string | undefined;
     }>;
     Amount: React.FC<{
         weight?: "bold" | "normal" | undefined;
-        textView?: "component" | "primary-small" | undefined;
-        color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
+        textView?: "primary-small" | "component" | undefined;
+        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
         dataTestId?: string | undefined;
     } & import("./components/typesProps").AmountProps>;
     AmountTitle: React.FC<{
-        color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
+        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
     } & import("./components/typesProps").AmountProps>;
     Addon: React.FC<{
         verticalAlign?: "top" | "center" | "bottom" | undefined;
-        addonPadding?: "default" | "none" | undefined;
+        addonPadding?: "none" | "default" | undefined;
         children: import("./components/types").AddonElement;
         dataTestId?: string | undefined;
     }>;
     Footer: React.FC<{
         children: import("./components/types").FooterElement;
-        footerPadding?: "default" | "none" | undefined;
+        footerPadding?: "none" | "default" | undefined;
         dataTestId?: string | undefined;
     }>;
     ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;

package/pure-cell/component.js

@@ -1,24 +1,22 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-1e9836b9.js');
+require('./tslib.es6-e62a1289.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('../comment');
 require('@alfalab/hooks');
-require('./getDataTestId-6ba44771.js');
 require('./components/addon/component.js');
-require('../amount');
-require('../typography');
 require('./components/amount/component.js');
 require('./components/amount-title/component.js');
 require('./components/category/component.js');
-var components_content_component = require('./component-4fec421a.js');
+var components_content_component = require('./component-8b35cc19.js');
 require('./components/footer/component.js');
-require('../button');
 require('./components/footer-button/component.js');
 require('./components/footer-text/component.js');
 require('./components/graphics/component.js');
+require('./getDataTestId-1d20378b.js');
+require('../amount');
+require('../typography');
+require('../button');
 
 
 

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

@@ -1,20 +1,13 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-6ba44771.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 getDataTestId = require('../../getDataTestId-1d20378b.js');
 
-var styles = {"component":"pure-cell__component_pq4kg","none":"pure-cell__none_pq4kg","default":"pure-cell__default_pq4kg","addonPadding":"pure-cell__addonPadding_pq4kg","top":"pure-cell__top_pq4kg","center":"pure-cell__center_pq4kg","bottom":"pure-cell__bottom_pq4kg"};
+var styles = {"component":"pure-cell__component_1pkk0","none":"pure-cell__none_1pkk0","default":"pure-cell__default_1pkk0","addonPadding":"pure-cell__addonPadding_1pkk0","top":"pure-cell__top_1pkk0","center":"pure-cell__center_1pkk0","bottom":"pure-cell__bottom_1pkk0"};
 require('./index.css');
 
 var Addon = function (_a) {
     var children = _a.children, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("section", { className: cn__default['default'](styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
+    return (React.createElement("section", { className: cn(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
 };
 
 exports.Addon = Addon;