@alfalab/core-components-pure-cell 2.0.5 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (166) hide show
  1. package/{esm/component-2a2f6f06.d.ts → component-85709855.d.ts} +5 -9
  2. package/{component-d93a7f6c.js → component-85709855.js} +19 -22
  3. package/{component-06198138.d.ts → component-ce2aad6d.d.ts} +0 -0
  4. package/{component-06198138.js → component-ce2aad6d.js} +2 -2
  5. package/{modern/component-7c76812e.d.ts → component-cf0927a9.d.ts} +2 -3
  6. package/component.js +3 -3
  7. package/components/addon/component.js +2 -2
  8. package/components/addon/index.css +10 -8
  9. package/components/addon/index.js +1 -1
  10. package/components/amount/component.js +2 -2
  11. package/components/amount/index.css +2 -2
  12. package/components/amount/index.js +1 -1
  13. package/components/amount-title/component.js +2 -2
  14. package/components/amount-title/index.css +3 -3
  15. package/components/amount-title/index.js +1 -1
  16. package/components/category/component.js +2 -2
  17. package/components/category/index.css +4 -4
  18. package/components/category/index.js +1 -1
  19. package/components/comment/component.js +2 -2
  20. package/components/comment/index.css +3 -3
  21. package/components/comment/index.js +1 -1
  22. package/components/content/component.js +3 -3
  23. package/components/content/index.css +3 -3
  24. package/components/content/index.d.ts +1 -1
  25. package/components/content/index.js +3 -3
  26. package/components/footer/component.js +2 -2
  27. package/components/footer/index.css +4 -4
  28. package/components/footer/index.js +1 -1
  29. package/components/footer-button/component.js +2 -2
  30. package/components/footer-button/index.css +2 -2
  31. package/components/footer-button/index.d.ts +1 -1
  32. package/components/footer-button/index.js +2 -2
  33. package/components/footer-text/component.js +1 -1
  34. package/components/footer-text/index.js +1 -1
  35. package/components/graphics/component.js +2 -2
  36. package/components/graphics/index.css +2 -2
  37. package/components/graphics/index.js +1 -1
  38. package/components/main/component.js +3 -3
  39. package/components/main/index.css +4 -4
  40. package/components/main/index.d.ts +1 -1
  41. package/components/main/index.js +3 -3
  42. package/components/text/component.js +3 -3
  43. package/components/text/index.css +7 -13
  44. package/components/text/index.d.ts +1 -1
  45. package/components/text/index.js +3 -3
  46. package/{modern/component-048093d7.d.ts → cssm/component-01f7c308.d.ts} +5 -9
  47. package/cssm/{component-1338a186.js → component-01f7c308.js} +13 -16
  48. package/cssm/{component-7c76812e.d.ts → component-cf0927a9.d.ts} +2 -3
  49. package/cssm/component.js +1 -1
  50. package/cssm/components/addon/index.module.css +4 -2
  51. package/cssm/components/content/component.js +1 -1
  52. package/cssm/components/content/index.d.ts +1 -1
  53. package/cssm/components/content/index.js +1 -1
  54. package/cssm/components/main/component.js +1 -1
  55. package/cssm/components/main/index.d.ts +1 -1
  56. package/cssm/components/main/index.js +1 -1
  57. package/cssm/components/text/component.js +1 -1
  58. package/cssm/components/text/index.d.ts +1 -1
  59. package/cssm/components/text/index.js +1 -1
  60. package/cssm/components/text/index.module.css +0 -6
  61. package/cssm/index.d.ts +1 -1
  62. package/cssm/index.js +1 -1
  63. package/cssm/index.module.css +1 -1
  64. package/{cssm/component-1338a186.d.ts → esm/component-890a4b75.d.ts} +5 -9
  65. package/esm/{component-2a2f6f06.js → component-890a4b75.js} +19 -22
  66. package/esm/{component-274bb79c.d.ts → component-c5bd19f6.d.ts} +0 -0
  67. package/esm/{component-274bb79c.js → component-c5bd19f6.js} +2 -2
  68. package/esm/{component-7c76812e.d.ts → component-cf0927a9.d.ts} +2 -3
  69. package/esm/component.js +3 -3
  70. package/esm/components/addon/component.js +2 -2
  71. package/esm/components/addon/index.css +10 -8
  72. package/esm/components/addon/index.js +1 -1
  73. package/esm/components/amount/component.js +2 -2
  74. package/esm/components/amount/index.css +2 -2
  75. package/esm/components/amount/index.js +1 -1
  76. package/esm/components/amount-title/component.js +2 -2
  77. package/esm/components/amount-title/index.css +3 -3
  78. package/esm/components/amount-title/index.js +1 -1
  79. package/esm/components/category/component.js +2 -2
  80. package/esm/components/category/index.css +4 -4
  81. package/esm/components/category/index.js +1 -1
  82. package/esm/components/comment/component.js +2 -2
  83. package/esm/components/comment/index.css +3 -3
  84. package/esm/components/comment/index.js +1 -1
  85. package/esm/components/content/component.js +3 -3
  86. package/esm/components/content/index.css +3 -3
  87. package/esm/components/content/index.d.ts +1 -1
  88. package/esm/components/content/index.js +3 -3
  89. package/esm/components/footer/component.js +2 -2
  90. package/esm/components/footer/index.css +4 -4
  91. package/esm/components/footer/index.js +1 -1
  92. package/esm/components/footer-button/component.js +2 -2
  93. package/esm/components/footer-button/index.css +2 -2
  94. package/esm/components/footer-button/index.d.ts +1 -1
  95. package/esm/components/footer-button/index.js +2 -2
  96. package/esm/components/footer-text/component.js +1 -1
  97. package/esm/components/footer-text/index.js +1 -1
  98. package/esm/components/graphics/component.js +2 -2
  99. package/esm/components/graphics/index.css +2 -2
  100. package/esm/components/graphics/index.js +1 -1
  101. package/esm/components/main/component.js +3 -3
  102. package/esm/components/main/index.css +4 -4
  103. package/esm/components/main/index.d.ts +1 -1
  104. package/esm/components/main/index.js +3 -3
  105. package/esm/components/text/component.js +3 -3
  106. package/esm/components/text/index.css +7 -13
  107. package/esm/components/text/index.d.ts +1 -1
  108. package/esm/components/text/index.js +3 -3
  109. package/esm/{getDataTestId-b29f8e58.d.ts → getDataTestId-24658df5.d.ts} +0 -0
  110. package/esm/{getDataTestId-b29f8e58.js → getDataTestId-24658df5.js} +0 -0
  111. package/esm/index.css +19 -19
  112. package/esm/index.d.ts +1 -1
  113. package/esm/index.js +3 -3
  114. package/{getDataTestId-d09c6093.d.ts → getDataTestId-c75f2fa7.d.ts} +0 -0
  115. package/{getDataTestId-d09c6093.js → getDataTestId-c75f2fa7.js} +0 -0
  116. package/index.css +19 -19
  117. package/index.d.ts +1 -1
  118. package/index.js +3 -3
  119. package/{component-d93a7f6c.d.ts → modern/component-8701daca.d.ts} +5 -9
  120. package/modern/{component-048093d7.js → component-8701daca.js} +16 -19
  121. package/{component-7c76812e.d.ts → modern/component-cf0927a9.d.ts} +8 -9
  122. package/modern/component.js +2 -2
  123. package/modern/components/addon/component.js +2 -2
  124. package/modern/components/addon/index.css +10 -8
  125. package/modern/components/addon/index.js +1 -1
  126. package/modern/components/amount/component.js +2 -2
  127. package/modern/components/amount/index.css +2 -2
  128. package/modern/components/amount/index.js +1 -1
  129. package/modern/components/amount-title/component.js +2 -2
  130. package/modern/components/amount-title/index.css +3 -3
  131. package/modern/components/amount-title/index.js +1 -1
  132. package/modern/components/category/component.js +2 -2
  133. package/modern/components/category/index.css +4 -4
  134. package/modern/components/category/index.js +1 -1
  135. package/modern/components/comment/component.js +2 -2
  136. package/modern/components/comment/index.css +3 -3
  137. package/modern/components/comment/index.js +1 -1
  138. package/modern/components/content/component.js +2 -2
  139. package/modern/components/content/index.css +3 -3
  140. package/modern/components/content/index.d.ts +1 -1
  141. package/modern/components/content/index.js +2 -2
  142. package/modern/components/footer/component.js +2 -2
  143. package/modern/components/footer/index.css +4 -4
  144. package/modern/components/footer/index.js +1 -1
  145. package/modern/components/footer-button/component.js +2 -2
  146. package/modern/components/footer-button/index.css +2 -2
  147. package/modern/components/footer-button/index.js +1 -1
  148. package/modern/components/footer-text/component.js +1 -1
  149. package/modern/components/footer-text/index.js +1 -1
  150. package/modern/components/graphics/component.js +2 -2
  151. package/modern/components/graphics/index.css +2 -2
  152. package/modern/components/graphics/index.js +1 -1
  153. package/modern/components/main/component.js +2 -2
  154. package/modern/components/main/index.css +4 -4
  155. package/modern/components/main/index.d.ts +1 -1
  156. package/modern/components/main/index.js +2 -2
  157. package/modern/components/text/component.js +2 -2
  158. package/modern/components/text/index.css +7 -13
  159. package/modern/components/text/index.d.ts +1 -1
  160. package/modern/components/text/index.js +2 -2
  161. package/modern/{getDataTestId-e4e2ae09.d.ts → getDataTestId-a96c8b1d.d.ts} +0 -0
  162. package/modern/{getDataTestId-e4e2ae09.js → getDataTestId-a96c8b1d.js} +0 -0
  163. package/modern/index.css +19 -19
  164. package/modern/index.d.ts +1 -1
  165. package/modern/index.js +2 -2
  166. package/package.json +2 -2
@@ -1,9 +1,9 @@
1
- import { _ as __rest, a as __assign, F as FooterButton } from './component-274bb79c.js';
1
+ import { _ as __rest, a as __assign, F as FooterButton } from './component-c5bd19f6.js';
2
2
  import React, { useContext, forwardRef, useRef } from 'react';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import cn from 'classnames';
5
5
  import { useFocus } from '@alfalab/hooks';
6
- import { g as getDataTestId } from './getDataTestId-b29f8e58.js';
6
+ import { g as getDataTestId } from './getDataTestId-24658df5.js';
7
7
  import { Addon } from './components/addon/component.js';
8
8
  import { Typography } from '@alfalab/core-components-typography/esm';
9
9
  import { Amount } from './components/amount/component.js';
@@ -14,7 +14,7 @@ import { Footer } from './components/footer/component.js';
14
14
  import { FooterText } from './components/footer-text/component.js';
15
15
  import { Graphics } from './components/graphics/component.js';
16
16
 
17
- var styles = {"component":"pure-cell__component_hyir5","horizontal":"pure-cell__horizontal_hyir5"};
17
+ var styles = {"component":"pure-cell__component_16p6j","horizontal":"pure-cell__horizontal_16p6j"};
18
18
  require('./components/content/index.css')
19
19
 
20
20
  var Content = function (_a) {
@@ -24,7 +24,7 @@ var Content = function (_a) {
24
24
  return (React.createElement("section", { className: cn(styles.component, (_b = {}, _b[styles.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
25
25
  };
26
26
 
27
- var styles$1 = {"component":"pure-cell__component_1nfpy","vertical":"pure-cell__vertical_1nfpy","reverse":"pure-cell__reverse_1nfpy"};
27
+ var styles$1 = {"component":"pure-cell__component_zcu4m","vertical":"pure-cell__vertical_zcu4m","reverse":"pure-cell__reverse_zcu4m"};
28
28
  require('./components/main/index.css')
29
29
 
30
30
  var Main = function (_a) {
@@ -36,53 +36,50 @@ var Main = function (_a) {
36
36
  _b)), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
37
37
  };
38
38
 
39
- var styles$2 = {"horizontal":"pure-cell__horizontal_13qu2","rowLimit1":"pure-cell__rowLimit1_13qu2","rowLimit2":"pure-cell__rowLimit2_13qu2","component":"pure-cell__component_13qu2","multiline":"pure-cell__multiline_13qu2","vertical":"pure-cell__vertical_13qu2","title":"pure-cell__title_13qu2"};
39
+ var styles$2 = {"horizontal":"pure-cell__horizontal_bt8er","rowLimit1":"pure-cell__rowLimit1_bt8er","rowLimit2":"pure-cell__rowLimit2_bt8er","component":"pure-cell__component_bt8er","vertical":"pure-cell__vertical_bt8er","title":"pure-cell__title_bt8er"};
40
40
  require('./components/text/index.css')
41
41
 
42
42
  var Text = function (_a) {
43
- var _b, _c, _d;
44
- var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, isMultiline = _a.isMultiline, _e = _a.view, view = _e === void 0 ? 'component' : _e, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
45
- var _f = useContext(PureCellContext).direction, direction = _f === void 0 ? 'horizontal' : _f;
43
+ var _b;
44
+ 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;
45
+ var _d = useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
46
+ var className = rowLimit && styles$2["rowLimit" + rowLimit];
46
47
  return (React.createElement("div", { className: cn(styles$2.component, (_b = {},
47
48
  _b[styles$2.vertical] = direction !== 'horizontal',
48
49
  _b)) },
49
- React.createElement("span", { className: cn(styles$2.title) },
50
- React.createElement(Typography.Text, { view: view, color: titleColor, className: cn(rowLimit && styles$2["rowLimit" + rowLimit], (_c = {},
51
- _c[styles$2.rowLimit1] = !isMultiline,
52
- _c)), "data-test-id": getDataTestId(dataTestId, 'text') }, children)),
53
- React.createElement("span", null,
54
- React.createElement(Typography.Text, { view: view, color: valueColor, className: cn((_d = {},
55
- _d[styles$2["rowLimit" + rowLimit]] = rowLimit,
56
- _d[styles$2.multiline] = isMultiline,
57
- _d)), "data-test-id": getDataTestId(dataTestId, 'text') }, value))));
50
+ React.createElement("span", { className: styles$2.title }, typeof children === 'string' ? (React.createElement(Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, children)) : (children)),
51
+ React.createElement("span", null, typeof value === 'string' ? (React.createElement(Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, value)) : (value))));
58
52
  };
59
53
 
60
- var styles$3 = {"component":"pure-cell__component_jje0b","horizontal":"pure-cell__horizontal_jje0b","vertical":"pure-cell__vertical_jje0b","button":"pure-cell__button_jje0b","link":"pure-cell__link_jje0b","none":"pure-cell__none_jje0b","airy":"pure-cell__airy_jje0b","default":"pure-cell__default_jje0b","compact":"pure-cell__compact_jje0b","tiny":"pure-cell__tiny_jje0b","left":"pure-cell__left_jje0b","right":"pure-cell__right_jje0b","both":"pure-cell__both_jje0b","focused":"pure-cell__focused_jje0b"};
54
+ var styles$3 = {"component":"pure-cell__component_rra5g","horizontal":"pure-cell__horizontal_rra5g","vertical":"pure-cell__vertical_rra5g","button":"pure-cell__button_rra5g","link":"pure-cell__link_rra5g","none":"pure-cell__none_rra5g","airy":"pure-cell__airy_rra5g","defaultPadding":"pure-cell__defaultPadding_rra5g","compact":"pure-cell__compact_rra5g","tiny":"pure-cell__tiny_rra5g","left":"pure-cell__left_rra5g","right":"pure-cell__right_rra5g","both":"pure-cell__both_rra5g","focused":"pure-cell__focused_rra5g"};
61
55
  require('./index.css')
62
56
 
63
57
  var PureCellContext = React.createContext({});
64
58
  var PureCellComponent = forwardRef(function (_a, ref) {
65
59
  var _b, _c;
66
- 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 ? 'default' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = __rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
60
+ 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 = __rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
67
61
  var cellRef = useRef(null);
68
62
  var focused = useFocus(cellRef, 'keyboard')[0];
69
63
  var addClasses = (_b = {},
70
64
  _b[styles$3.component] = true,
71
65
  _b[styles$3.focused] = focused,
72
66
  _b[styles$3[direction]] = true,
67
+ _b[styles$3.defaultPadding] = verticalPadding === 'default',
68
+ _b[styles$3[verticalPadding]] = verticalPadding !== 'default',
69
+ _b[styles$3[horizontalPadding]] = true,
73
70
  _b);
74
71
  if (href) {
75
72
  var target = restProps.target;
76
73
  // Для совместимости с react-router-dom, меняем href на to
77
74
  var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
78
- return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.link, addClasses, className, styles$3[horizontalPadding], styles$3[verticalPadding]), "data-test-id": dataTestId, onClick: onClick }),
75
+ return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
79
76
  React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
80
77
  }
81
78
  if (onClick) {
82
- return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.button, addClasses, styles$3[horizontalPadding], styles$3[verticalPadding], className), "data-test-id": dataTestId, onClick: onClick }),
79
+ return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
83
80
  React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
84
81
  }
85
- return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, styles$3[horizontalPadding], styles$3[verticalPadding], className), "data-test-id": dataTestId },
82
+ return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
86
83
  React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
87
84
  });
88
85
  /**
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from './getDataTestId-b29f8e58.js';
2
+ import { g as getDataTestId } from './getDataTestId-24658df5.js';
3
3
  import { Button } from '@alfalab/core-components-button/esm';
4
4
 
5
5
  /*! *****************************************************************************
@@ -41,7 +41,7 @@ function __rest(s, e) {
41
41
  return t;
42
42
  }
43
43
 
44
- var styles = {"component":"pure-cell__component_xyvfb"};
44
+ var styles = {"component":"pure-cell__component_987ne"};
45
45
  require('./components/footer-button/index.css')
46
46
 
47
47
  var FooterButton = function (_a) {
@@ -61,14 +61,13 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
61
61
  dataTestId?: string | undefined;
62
62
  }>;
63
63
  Text: React.FC<{
64
+ children?: React.ReactNode;
64
65
  rowLimit?: 1 | 2 | undefined;
65
- isMultiline?: boolean | undefined;
66
66
  view: "primary-small" | "component";
67
67
  titleColor: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative";
68
- value?: string | undefined;
68
+ value?: React.ReactNode;
69
69
  valueColor?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
70
70
  dataTestId?: string | undefined;
71
- children?: React.ReactNode;
72
71
  }>;
73
72
  Amount: React.FC<{
74
73
  amount: import("./components/typesProps").AmountProps;
package/esm/component.js CHANGED
@@ -1,9 +1,9 @@
1
- import './component-274bb79c.js';
1
+ import './component-c5bd19f6.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
5
  import '@alfalab/hooks';
6
- import './getDataTestId-b29f8e58.js';
6
+ import './getDataTestId-24658df5.js';
7
7
  import './components/addon/component.js';
8
8
  import '@alfalab/core-components-typography/esm';
9
9
  import '@alfalab/core-components-amount/esm';
@@ -11,7 +11,7 @@ import './components/amount/component.js';
11
11
  import './components/amount-title/component.js';
12
12
  import './components/category/component.js';
13
13
  import './components/comment/component.js';
14
- export { P as PureCell, a as PureCellContext } from './component-2a2f6f06.js';
14
+ export { P as PureCell, a as PureCellContext } from './component-890a4b75.js';
15
15
  import './components/footer/component.js';
16
16
  import '@alfalab/core-components-button/esm';
17
17
  import './components/footer-text/component.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-b29f8e58.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-24658df5.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_hrq7b","none":"pure-cell__none_hrq7b","default":"pure-cell__default_hrq7b","center":"pure-cell__center_hrq7b"};
5
+ var styles = {"component":"pure-cell__component_7mrpt","none":"pure-cell__none_7mrpt","default":"pure-cell__default_7mrpt","addonPadding":"pure-cell__addonPadding_7mrpt","center":"pure-cell__center_7mrpt"};
6
6
  require('./index.css')
7
7
 
8
8
  var Addon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1t2p3 */
1
+ /* hash: 1wlbz */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,20 +10,22 @@
10
10
  :root {
11
11
  --gap-m: 16px;
12
12
  }
13
- .pure-cell__component_hrq7b {
13
+ .pure-cell__component_7mrpt {
14
14
  display: flex;
15
- flex-direction: column;
16
- padding-left: var(--gap-m)
15
+ flex-direction: column
17
16
  }
18
- .pure-cell__component_hrq7b > * {
17
+ .pure-cell__component_7mrpt > * {
19
18
  justify-content: flex-end;
20
19
  }
21
- .pure-cell__component_hrq7b.pure-cell__none_hrq7b {
20
+ .pure-cell__component_7mrpt.pure-cell__none_7mrpt {
22
21
  padding-left: 0;
23
22
  }
24
- .pure-cell__component_hrq7b.pure-cell__default_hrq7b {
23
+ .pure-cell__component_7mrpt.pure-cell__default_7mrpt {
25
24
  padding-left: var(--gap-m);
26
25
  }
27
- .pure-cell__component_hrq7b.pure-cell__center_hrq7b {
26
+ .pure-cell__component_7mrpt.pure-cell__addonPadding_7mrpt {
27
+ padding-left: var(--gap-m);
28
+ }
29
+ .pure-cell__component_7mrpt.pure-cell__center_7mrpt {
28
30
  align-self: center;
29
31
  }
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
- import '../../getDataTestId-b29f8e58.js';
3
+ import '../../getDataTestId-24658df5.js';
4
4
  export { Addon } from './component.js';
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-b29f8e58.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-24658df5.js';
4
4
  import { Typography } from '@alfalab/core-components-typography/esm';
5
5
  import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
6
6
 
7
- var styles = {"component":"pure-cell__component_jmts3"};
7
+ var styles = {"component":"pure-cell__component_17ppl"};
8
8
  require('./index.css')
9
9
 
10
10
  var Amount = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1xo0m */
1
+ /* hash: 1v52e */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,7 +10,7 @@
10
10
  :root {
11
11
  --gap-3xs: 2px;
12
12
  }
13
- .pure-cell__component_jmts3 {
13
+ .pure-cell__component_17ppl {
14
14
  padding: var(--gap-3xs) 0;
15
15
  display: flex;
16
16
  }
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
- import '../../getDataTestId-b29f8e58.js';
3
+ import '../../getDataTestId-24658df5.js';
4
4
  import '@alfalab/core-components-typography/esm';
5
5
  import '@alfalab/core-components-amount/esm';
6
6
  export { Amount } from './component.js';
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-b29f8e58.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-24658df5.js';
4
4
  import { Typography } from '@alfalab/core-components-typography/esm';
5
5
  import { Amount } from '@alfalab/core-components-amount/esm';
6
6
 
7
- var styles = {"component":"pure-cell__component_z68ps","weight":"pure-cell__weight_z68ps"};
7
+ var styles = {"component":"pure-cell__component_1nwwh","weight":"pure-cell__weight_1nwwh"};
8
8
  require('./index.css')
9
9
 
10
10
  var AmountTitle = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 6tp3j */
1
+ /* hash: 4aqvz */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,9 +7,9 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_z68ps {
10
+ .pure-cell__component_1nwwh {
11
11
  display: flex;
12
12
  }
13
- .pure-cell__weight_z68ps {
13
+ .pure-cell__weight_1nwwh {
14
14
  font-weight: inherit;
15
15
  }
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
- import '../../getDataTestId-b29f8e58.js';
3
+ import '../../getDataTestId-24658df5.js';
4
4
  import '@alfalab/core-components-typography/esm';
5
5
  import '@alfalab/core-components-amount/esm';
6
6
  export { AmountTitle } from './component.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from '../../getDataTestId-b29f8e58.js';
2
+ import { g as getDataTestId } from '../../getDataTestId-24658df5.js';
3
3
  import { Typography } from '@alfalab/core-components-typography/esm';
4
4
 
5
- var styles = {"component":"pure-cell__component_d7vg4","categoryName":"pure-cell__categoryName_d7vg4","categoryPercent":"pure-cell__categoryPercent_d7vg4"};
5
+ var styles = {"component":"pure-cell__component_ixwn0","categoryName":"pure-cell__categoryName_ixwn0","categoryPercent":"pure-cell__categoryPercent_ixwn0"};
6
6
  require('./index.css')
7
7
 
8
8
  var Category = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1j67l */
1
+ /* hash: 1gn9d */
2
2
  :root {
3
3
  --color-light-bg-secondary: #f3f4f5;
4
4
  }
@@ -18,18 +18,18 @@
18
18
  :root {
19
19
  --border-radius-xl: 16px;
20
20
  }
21
- .pure-cell__component_d7vg4 {
21
+ .pure-cell__component_ixwn0 {
22
22
  display: flex;
23
23
  overflow: hidden;
24
24
  padding: var(--gap-3xs) 0;
25
25
  }
26
- .pure-cell__categoryName_d7vg4 {
26
+ .pure-cell__categoryName_ixwn0 {
27
27
  display: -webkit-box;
28
28
  -webkit-line-clamp: 1;
29
29
  -webkit-box-orient: vertical;
30
30
  overflow: hidden;
31
31
  }
32
- .pure-cell__categoryPercent_d7vg4 {
32
+ .pure-cell__categoryPercent_ixwn0 {
33
33
  padding: 0 var(--gap-xs);
34
34
  background-color: var(--color-light-bg-secondary);
35
35
  border-radius: var(--border-radius-xl);
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
- import '../../getDataTestId-b29f8e58.js';
2
+ import '../../getDataTestId-24658df5.js';
3
3
  import '@alfalab/core-components-typography/esm';
4
4
  export { Category } from './component.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from '../../getDataTestId-b29f8e58.js';
2
+ import { g as getDataTestId } from '../../getDataTestId-24658df5.js';
3
3
  import { Typography } from '@alfalab/core-components-typography/esm';
4
4
 
5
- var styles = {"component":"pure-cell__component_f1r9u","text":"pure-cell__text_f1r9u"};
5
+ var styles = {"component":"pure-cell__component_6tv4p","text":"pure-cell__text_6tv4p"};
6
6
  require('./index.css')
7
7
 
8
8
  var Comment = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: j5u2v */
1
+ /* hash: fn76i */
2
2
  :root {
3
3
  --color-light-bg-secondary: #f3f4f5;
4
4
  }
@@ -18,7 +18,7 @@
18
18
  --border-radius-xs: 2px;
19
19
  --border-radius-xxl: 20px;
20
20
  }
21
- .pure-cell__component_f1r9u {
21
+ .pure-cell__component_6tv4p {
22
22
  width: -moz-fit-content;
23
23
  width: fit-content;
24
24
  padding: var(--gap-xs) var(--gap-m);
@@ -26,7 +26,7 @@
26
26
  border-radius: var(--border-radius-xs) var(--border-radius-xxl) var(--border-radius-xxl)
27
27
  var(--border-radius-xxl);
28
28
  }
29
- .pure-cell__text_f1r9u {
29
+ .pure-cell__text_6tv4p {
30
30
  display: -webkit-box;
31
31
  -webkit-line-clamp: 2;
32
32
  -webkit-box-orient: vertical;
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
- import '../../getDataTestId-b29f8e58.js';
2
+ import '../../getDataTestId-24658df5.js';
3
3
  import '@alfalab/core-components-typography/esm';
4
4
  export { Comment } from './component.js';
@@ -1,9 +1,9 @@
1
- import '../../component-274bb79c.js';
1
+ import '../../component-c5bd19f6.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
5
  import '@alfalab/hooks';
6
- import '../../getDataTestId-b29f8e58.js';
6
+ import '../../getDataTestId-24658df5.js';
7
7
  import '../addon/component.js';
8
8
  import '@alfalab/core-components-typography/esm';
9
9
  import '@alfalab/core-components-amount/esm';
@@ -11,7 +11,7 @@ import '../amount/component.js';
11
11
  import '../amount-title/component.js';
12
12
  import '../category/component.js';
13
13
  import '../comment/component.js';
14
- export { C as Content } from '../../component-2a2f6f06.js';
14
+ export { C as Content } from '../../component-890a4b75.js';
15
15
  import '../footer/component.js';
16
16
  import '@alfalab/core-components-button/esm';
17
17
  import '../footer-text/component.js';
@@ -1,4 +1,4 @@
1
- /* hash: 1zbb0 */
1
+ /* hash: giusa */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,12 +7,12 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_hyir5 {
10
+ .pure-cell__component_16p6j {
11
11
  flex-basis: 100%;
12
12
  display: grid;
13
13
  grid-template-columns: 1fr auto
14
14
  }
15
- .pure-cell__component_hyir5.pure-cell__horizontal_hyir5 {
15
+ .pure-cell__component_16p6j.pure-cell__horizontal_16p6j {
16
16
  /* for button */
17
17
  align-self: stretch;
18
18
  }
@@ -1 +1 @@
1
- export * from "../../component-2a2f6f06";
1
+ export * from "../../component-890a4b75";
@@ -1,9 +1,9 @@
1
- import '../../component-274bb79c.js';
1
+ import '../../component-c5bd19f6.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
5
  import '@alfalab/hooks';
6
- import '../../getDataTestId-b29f8e58.js';
6
+ import '../../getDataTestId-24658df5.js';
7
7
  import '../addon/component.js';
8
8
  import '@alfalab/core-components-typography/esm';
9
9
  import '@alfalab/core-components-amount/esm';
@@ -11,7 +11,7 @@ import '../amount/component.js';
11
11
  import '../amount-title/component.js';
12
12
  import '../category/component.js';
13
13
  import '../comment/component.js';
14
- export { C as Content } from '../../component-2a2f6f06.js';
14
+ export { C as Content } from '../../component-890a4b75.js';
15
15
  import '../footer/component.js';
16
16
  import '@alfalab/core-components-button/esm';
17
17
  import '../footer-text/component.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-b29f8e58.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-24658df5.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_t12f5","none":"pure-cell__none_t12f5","default":"pure-cell__default_t12f5"};
5
+ var styles = {"component":"pure-cell__component_13gro","none":"pure-cell__none_13gro","default":"pure-cell__default_13gro"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 2yi05 */
1
+ /* hash: fjsl2 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,14 +10,14 @@
10
10
  :root {
11
11
  --gap-xs: 8px;
12
12
  }
13
- .pure-cell__component_t12f5 {
13
+ .pure-cell__component_13gro {
14
14
  grid-column: 1/3;
15
15
  display: grid;
16
16
  grid-row-gap: var(--gap-xs)
17
17
  }
18
- .pure-cell__component_t12f5.pure-cell__none_t12f5 {
18
+ .pure-cell__component_13gro.pure-cell__none_13gro {
19
19
  margin-top: 0;
20
20
  }
21
- .pure-cell__component_t12f5.pure-cell__default_t12f5 {
21
+ .pure-cell__component_13gro.pure-cell__default_13gro {
22
22
  margin-top: var(--gap-xs);
23
23
  }
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
- import '../../getDataTestId-b29f8e58.js';
3
+ import '../../getDataTestId-24658df5.js';
4
4
  export { Footer } from './component.js';
@@ -1,4 +1,4 @@
1
- export { F as FooterButton } from '../../component-274bb79c.js';
1
+ export { F as FooterButton } from '../../component-c5bd19f6.js';
2
2
  import 'react';
3
- import '../../getDataTestId-b29f8e58.js';
3
+ import '../../getDataTestId-24658df5.js';
4
4
  import '@alfalab/core-components-button/esm';
@@ -1,4 +1,4 @@
1
- /* hash: 1sweo */
1
+ /* hash: 1ecv6 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,6 +7,6 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_xyvfb {
10
+ .pure-cell__component_987ne {
11
11
  justify-self: start;
12
12
  }
@@ -1 +1 @@
1
- export * from "../../component-274bb79c";
1
+ export * from "../../component-c5bd19f6";
@@ -1,4 +1,4 @@
1
- export { F as FooterButton } from '../../component-274bb79c.js';
1
+ export { F as FooterButton } from '../../component-c5bd19f6.js';
2
2
  import 'react';
3
- import '../../getDataTestId-b29f8e58.js';
3
+ import '../../getDataTestId-24658df5.js';
4
4
  import '@alfalab/core-components-button/esm';
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from '../../getDataTestId-b29f8e58.js';
2
+ import { g as getDataTestId } from '../../getDataTestId-24658df5.js';
3
3
  import { Typography } from '@alfalab/core-components-typography/esm';
4
4
 
5
5
  var FooterText = function (_a) {
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
- import '../../getDataTestId-b29f8e58.js';
2
+ import '../../getDataTestId-24658df5.js';
3
3
  import '@alfalab/core-components-typography/esm';
4
4
  export { FooterText } from './component.js';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from '../../getDataTestId-b29f8e58.js';
2
+ import { g as getDataTestId } from '../../getDataTestId-24658df5.js';
3
3
 
4
- var styles = {"component":"pure-cell__component_1punw"};
4
+ var styles = {"component":"pure-cell__component_1ds1x"};
5
5
  require('./index.css')
6
6
 
7
7
  var Graphics = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1s164 */
1
+ /* hash: 1i0fr */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,6 +7,6 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_1punw {
10
+ .pure-cell__component_1ds1x {
11
11
  flex-basis: auto;
12
12
  }
@@ -1,3 +1,3 @@
1
1
  import 'react';
2
- import '../../getDataTestId-b29f8e58.js';
2
+ import '../../getDataTestId-24658df5.js';
3
3
  export { Graphics } from './component.js';
@@ -1,9 +1,9 @@
1
- import '../../component-274bb79c.js';
1
+ import '../../component-c5bd19f6.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
5
  import '@alfalab/hooks';
6
- import '../../getDataTestId-b29f8e58.js';
6
+ import '../../getDataTestId-24658df5.js';
7
7
  import '../addon/component.js';
8
8
  import '@alfalab/core-components-typography/esm';
9
9
  import '@alfalab/core-components-amount/esm';
@@ -11,7 +11,7 @@ import '../amount/component.js';
11
11
  import '../amount-title/component.js';
12
12
  import '../category/component.js';
13
13
  import '../comment/component.js';
14
- export { M as Main } from '../../component-2a2f6f06.js';
14
+ export { M as Main } from '../../component-890a4b75.js';
15
15
  import '../footer/component.js';
16
16
  import '@alfalab/core-components-button/esm';
17
17
  import '../footer-text/component.js';