@alfalab/core-components-pure-cell 2.0.1 → 2.0.4

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/{component-068d7a6e.d.ts → component-2f900913.d.ts} +0 -0
  2. package/{component-068d7a6e.js → component-2f900913.js} +7 -7
  3. package/{component-7b7f28f3.d.ts → component-3b03b872.d.ts} +0 -0
  4. package/{component-319856eb.d.ts → component-a4c412a4.d.ts} +0 -0
  5. package/{component-319856eb.js → component-a4c412a4.js} +2 -2
  6. package/component.js +3 -3
  7. package/components/addon/component.js +2 -2
  8. package/components/addon/index.css +8 -7
  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 +7 -6
  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 +8 -8
  44. package/components/text/index.d.ts +1 -1
  45. package/components/text/index.js +3 -3
  46. package/cssm/{component-a5914e3d.d.ts → component-1338a186.d.ts} +0 -0
  47. package/cssm/{component-a5914e3d.js → component-1338a186.js} +1 -1
  48. package/cssm/{component-7b7f28f3.d.ts → component-3b03b872.d.ts} +0 -0
  49. package/cssm/component.js +1 -1
  50. package/cssm/components/addon/index.module.css +2 -1
  51. package/cssm/components/category/index.module.css +3 -2
  52. package/cssm/components/content/component.js +1 -1
  53. package/cssm/components/content/index.d.ts +1 -1
  54. package/cssm/components/content/index.js +1 -1
  55. package/cssm/components/main/component.js +1 -1
  56. package/cssm/components/main/index.d.ts +1 -1
  57. package/cssm/components/main/index.js +1 -1
  58. package/cssm/components/text/component.js +1 -1
  59. package/cssm/components/text/index.d.ts +1 -1
  60. package/cssm/components/text/index.js +1 -1
  61. package/cssm/index.d.ts +1 -1
  62. package/cssm/index.js +1 -1
  63. package/cssm/index.module.css +20 -17
  64. package/esm/{component-33719fe0.d.ts → component-38a0d103.d.ts} +0 -0
  65. package/esm/{component-33719fe0.js → component-38a0d103.js} +7 -7
  66. package/esm/{component-7b7f28f3.d.ts → component-3b03b872.d.ts} +0 -0
  67. package/esm/{component-bb0da28a.d.ts → component-fdda6802.d.ts} +0 -0
  68. package/esm/{component-bb0da28a.js → component-fdda6802.js} +2 -2
  69. package/esm/component.js +3 -3
  70. package/esm/components/addon/component.js +2 -2
  71. package/esm/components/addon/index.css +8 -7
  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 +7 -6
  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 +8 -8
  107. package/esm/components/text/index.d.ts +1 -1
  108. package/esm/components/text/index.js +3 -3
  109. package/esm/{getDataTestId-3cfa8cfe.d.ts → getDataTestId-470a1f4f.d.ts} +0 -0
  110. package/esm/{getDataTestId-3cfa8cfe.js → getDataTestId-470a1f4f.js} +0 -0
  111. package/esm/index.css +39 -36
  112. package/esm/index.d.ts +1 -1
  113. package/esm/index.js +3 -3
  114. package/{getDataTestId-8e9a36e7.d.ts → getDataTestId-4a9f841a.d.ts} +0 -0
  115. package/{getDataTestId-8e9a36e7.js → getDataTestId-4a9f841a.js} +0 -0
  116. package/index.css +39 -36
  117. package/index.d.ts +1 -1
  118. package/index.js +3 -3
  119. package/modern/{component-7b7f28f3.d.ts → component-3b03b872.d.ts} +0 -0
  120. package/modern/{component-45d1eedf.d.ts → component-4d5c4bfc.d.ts} +0 -0
  121. package/modern/{component-45d1eedf.js → component-4d5c4bfc.js} +6 -6
  122. package/modern/component.js +2 -2
  123. package/modern/components/addon/component.js +2 -2
  124. package/modern/components/addon/index.css +8 -7
  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 +7 -6
  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 +8 -8
  159. package/modern/components/text/index.d.ts +1 -1
  160. package/modern/components/text/index.js +2 -2
  161. package/modern/{getDataTestId-b5dc728a.d.ts → getDataTestId-0bcaf4a4.d.ts} +0 -0
  162. package/modern/{getDataTestId-b5dc728a.js → getDataTestId-0bcaf4a4.js} +0 -0
  163. package/modern/index.css +39 -36
  164. package/modern/index.d.ts +1 -1
  165. package/modern/index.js +2 -2
  166. package/package.json +4 -4
@@ -1,4 +1,4 @@
1
- /* hash: i3h7l */
1
+ /* hash: 12xa1 */
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_12p85 {
13
+ .pure-cell__component_lan0i {
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  align-self: center;
@@ -18,7 +18,7 @@
18
18
  /* can use /r/n */
19
19
  white-space: pre-line
20
20
  }
21
- .pure-cell__component_12p85.pure-cell__vertical_12p85 {
21
+ .pure-cell__component_lan0i.pure-cell__vertical_lan0i {
22
22
  grid-row-gap: var(--gap-3xs);
23
23
  justify-content: center;
24
24
  align-items: center;
@@ -26,6 +26,6 @@
26
26
  /* for button */
27
27
  text-align: center;
28
28
  }
29
- .pure-cell__component_12p85.pure-cell__reverse_12p85 {
29
+ .pure-cell__component_lan0i.pure-cell__reverse_lan0i {
30
30
  flex-direction: column-reverse;
31
31
  }
@@ -1 +1 @@
1
- export * from "../../component-068d7a6e";
1
+ export * from "../../component-2f900913";
@@ -2,12 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-319856eb.js');
5
+ require('../../component-a4c412a4.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
9
  require('@alfalab/hooks');
10
- require('../../getDataTestId-8e9a36e7.js');
10
+ require('../../getDataTestId-4a9f841a.js');
11
11
  require('../addon/component.js');
12
12
  require('@alfalab/core-components-typography');
13
13
  require('@alfalab/core-components-amount');
@@ -15,7 +15,7 @@ require('../amount/component.js');
15
15
  require('../amount-title/component.js');
16
16
  require('../category/component.js');
17
17
  require('../comment/component.js');
18
- var components_content_component = require('../../component-068d7a6e.js');
18
+ var components_content_component = require('../../component-2f900913.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
21
  require('../footer-text/component.js');
@@ -2,12 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-319856eb.js');
5
+ require('../../component-a4c412a4.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
9
  require('@alfalab/hooks');
10
- require('../../getDataTestId-8e9a36e7.js');
10
+ require('../../getDataTestId-4a9f841a.js');
11
11
  require('../addon/component.js');
12
12
  require('@alfalab/core-components-typography');
13
13
  require('@alfalab/core-components-amount');
@@ -15,7 +15,7 @@ require('../amount/component.js');
15
15
  require('../amount-title/component.js');
16
16
  require('../category/component.js');
17
17
  require('../comment/component.js');
18
- var components_content_component = require('../../component-068d7a6e.js');
18
+ var components_content_component = require('../../component-2f900913.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
21
  require('../footer-text/component.js');
@@ -1,4 +1,4 @@
1
- /* hash: 1hx2b */
1
+ /* hash: ah3dv */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,37 +11,37 @@
11
11
  --gap-3xs: 2px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .pure-cell__horizontal_qcab0 {
14
+ .pure-cell__horizontal_1lr4n {
15
15
  padding: var(--gap-3xs) 0;
16
16
  }
17
- .pure-cell__rowLimit1_qcab0 {
17
+ .pure-cell__rowLimit1_1lr4n {
18
18
  display: -webkit-box;
19
19
  -webkit-line-clamp: 1;
20
20
  -webkit-box-orient: vertical;
21
21
  overflow: hidden;
22
22
  }
23
- .pure-cell__rowLimit2_qcab0 {
23
+ .pure-cell__rowLimit2_1lr4n {
24
24
  display: -webkit-box;
25
25
  -webkit-line-clamp: 2;
26
26
  -webkit-box-orient: vertical;
27
27
  overflow: hidden;
28
28
  }
29
- .pure-cell__component_qcab0 {
29
+ .pure-cell__component_1lr4n {
30
30
  display: flex;
31
31
  flex-direction: row;
32
32
  flex-wrap: nowrap;
33
33
  justify-content: space-between;
34
34
  margin: var(--gap-3xs) 0;
35
35
  }
36
- .pure-cell__component_qcab0 .pure-cell__multiline_qcab0 {
36
+ .pure-cell__component_1lr4n .pure-cell__multiline_1lr4n {
37
37
  display: -webkit-box;
38
38
  -webkit-line-clamp: 5;
39
39
  -webkit-box-orient: vertical;
40
40
  overflow: hidden;
41
41
  }
42
- .pure-cell__component_qcab0 .pure-cell__vertical_qcab0 {
42
+ .pure-cell__component_1lr4n .pure-cell__vertical_1lr4n {
43
43
  justify-content: center;
44
44
  }
45
- .pure-cell__title_qcab0 {
45
+ .pure-cell__title_1lr4n {
46
46
  margin-right: var(--gap-m);
47
47
  }
@@ -1 +1 @@
1
- export * from "../../component-068d7a6e";
1
+ export * from "../../component-2f900913";
@@ -2,12 +2,12 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('../../component-319856eb.js');
5
+ require('../../component-a4c412a4.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
9
  require('@alfalab/hooks');
10
- require('../../getDataTestId-8e9a36e7.js');
10
+ require('../../getDataTestId-4a9f841a.js');
11
11
  require('../addon/component.js');
12
12
  require('@alfalab/core-components-typography');
13
13
  require('@alfalab/core-components-amount');
@@ -15,7 +15,7 @@ require('../amount/component.js');
15
15
  require('../amount-title/component.js');
16
16
  require('../category/component.js');
17
17
  require('../comment/component.js');
18
- var components_content_component = require('../../component-068d7a6e.js');
18
+ var components_content_component = require('../../component-2f900913.js');
19
19
  require('../footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
21
  require('../footer-text/component.js');
@@ -79,7 +79,7 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
79
79
  var target = restProps.target;
80
80
  // Для совместимости с react-router-dom, меняем href на to
81
81
  var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
82
- return (React__default['default'].createElement(Component, components_footerButton_component.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].link, addClasses, className, styles__default$3['default'][horizontalPadding], styles__default$3['default'][verticalPadding]), "data-test-id": dataTestId }),
82
+ return (React__default['default'].createElement(Component, components_footerButton_component.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles__default$3['default'].link, addClasses, className, styles__default$3['default'][horizontalPadding], styles__default$3['default'][verticalPadding]), "data-test-id": dataTestId, onClick: onClick }),
83
83
  React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
84
84
  }
85
85
  if (onClick) {
package/cssm/component.js CHANGED
@@ -21,7 +21,7 @@ require('./components/category/component.js');
21
21
  require('./components/comment/index.module.css');
22
22
  require('./components/comment/component.js');
23
23
  require('./components/content/index.module.css');
24
- var components_content_component = require('./component-a5914e3d.js');
24
+ var components_content_component = require('./component-1338a186.js');
25
25
  require('./components/footer/index.module.css');
26
26
  require('./components/footer/component.js');
27
27
  require('@alfalab/core-components-button/cssm');
@@ -10,7 +10,8 @@
10
10
  --gap-m: 16px;
11
11
  }
12
12
  .component {
13
- grid-column: 2/3;
13
+ display: flex;
14
+ flex-direction: column;
14
15
  padding-left: var(--gap-m)
15
16
  }
16
17
  .component > * {
@@ -23,8 +23,9 @@
23
23
  padding: var(--gap-3xs) 0;
24
24
  }
25
25
  .categoryName {
26
- text-overflow: ellipsis;
27
- white-space: nowrap;
26
+ display: -webkit-box;
27
+ -webkit-line-clamp: 1;
28
+ -webkit-box-orient: vertical;
28
29
  overflow: hidden;
29
30
  }
30
31
  .categoryPercent {
@@ -21,7 +21,7 @@ require('../category/component.js');
21
21
  require('../comment/index.module.css');
22
22
  require('../comment/component.js');
23
23
  require('./index.module.css');
24
- var components_content_component = require('../../component-a5914e3d.js');
24
+ var components_content_component = require('../../component-1338a186.js');
25
25
  require('../footer/index.module.css');
26
26
  require('../footer/component.js');
27
27
  require('@alfalab/core-components-button/cssm');
@@ -1 +1 @@
1
- export * from "../../component-a5914e3d";
1
+ export * from "../../component-1338a186";
@@ -21,7 +21,7 @@ require('../category/component.js');
21
21
  require('../comment/index.module.css');
22
22
  require('../comment/component.js');
23
23
  require('./index.module.css');
24
- var components_content_component = require('../../component-a5914e3d.js');
24
+ var components_content_component = require('../../component-1338a186.js');
25
25
  require('../footer/index.module.css');
26
26
  require('../footer/component.js');
27
27
  require('@alfalab/core-components-button/cssm');
@@ -21,7 +21,7 @@ require('../category/component.js');
21
21
  require('../comment/index.module.css');
22
22
  require('../comment/component.js');
23
23
  require('../content/index.module.css');
24
- var components_content_component = require('../../component-a5914e3d.js');
24
+ var components_content_component = require('../../component-1338a186.js');
25
25
  require('../footer/index.module.css');
26
26
  require('../footer/component.js');
27
27
  require('@alfalab/core-components-button/cssm');
@@ -1 +1 @@
1
- export * from "../../component-a5914e3d";
1
+ export * from "../../component-1338a186";
@@ -21,7 +21,7 @@ require('../category/component.js');
21
21
  require('../comment/index.module.css');
22
22
  require('../comment/component.js');
23
23
  require('../content/index.module.css');
24
- var components_content_component = require('../../component-a5914e3d.js');
24
+ var components_content_component = require('../../component-1338a186.js');
25
25
  require('../footer/index.module.css');
26
26
  require('../footer/component.js');
27
27
  require('@alfalab/core-components-button/cssm');
@@ -21,7 +21,7 @@ require('../category/component.js');
21
21
  require('../comment/index.module.css');
22
22
  require('../comment/component.js');
23
23
  require('../content/index.module.css');
24
- var components_content_component = require('../../component-a5914e3d.js');
24
+ var components_content_component = require('../../component-1338a186.js');
25
25
  require('../footer/index.module.css');
26
26
  require('../footer/component.js');
27
27
  require('@alfalab/core-components-button/cssm');
@@ -1 +1 @@
1
- export * from "../../component-a5914e3d";
1
+ export * from "../../component-1338a186";
@@ -21,7 +21,7 @@ require('../category/component.js');
21
21
  require('../comment/index.module.css');
22
22
  require('../comment/component.js');
23
23
  require('../content/index.module.css');
24
- var components_content_component = require('../../component-a5914e3d.js');
24
+ var components_content_component = require('../../component-1338a186.js');
25
25
  require('../footer/index.module.css');
26
26
  require('../footer/component.js');
27
27
  require('@alfalab/core-components-button/cssm');
package/cssm/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { PureCell } from "./component-7b7f28f3";
1
+ export { PureCell } from "./component-3b03b872";
package/cssm/index.js CHANGED
@@ -21,7 +21,7 @@ require('./components/category/component.js');
21
21
  require('./components/comment/index.module.css');
22
22
  require('./components/comment/component.js');
23
23
  require('./components/content/index.module.css');
24
- var components_content_component = require('./component-a5914e3d.js');
24
+ var components_content_component = require('./component-1338a186.js');
25
25
  require('./components/footer/index.module.css');
26
26
  require('./components/footer/component.js');
27
27
  require('@alfalab/core-components-button/cssm');
@@ -1,20 +1,37 @@
1
+ :root {
2
+ --color-light-border-link: #007aff;
3
+ }
4
+ :root {
5
+
6
+ /* Hard */
7
+
8
+ /* Up */
9
+
10
+ /* Hard up */
11
+ }
12
+ :root {
13
+ --gap-2xs: 4px;
14
+ --gap-xs: 8px;
15
+ --gap-s: 12px;
16
+ --gap-m: 16px;
17
+ }
18
+ :root {
19
+ --focus-color: var(--color-light-border-link);
20
+ }
1
21
  .component {
2
22
  text-align: unset;
3
23
  }
4
-
5
24
  .horizontal {
6
25
  display: flex;
7
26
  width: 100%;
8
27
  grid-column-gap: var(--gap-m);
9
28
  }
10
-
11
29
  .vertical {
12
30
  display: flex;
13
31
  align-items: center;
14
32
  flex-direction: column;
15
33
  grid-row-gap: var(--gap-s);
16
34
  }
17
-
18
35
  .button {
19
36
  font-family: inherit;
20
37
  background: none;
@@ -24,63 +41,49 @@
24
41
  transition: opacity 0.15s ease-in-out;
25
42
  padding: 0
26
43
  }
27
-
28
44
  .button:hover {
29
45
  opacity: 0.8;
30
46
  }
31
-
32
47
  .button:active {
33
48
  opacity: 0.6;
34
49
  }
35
-
36
50
  .link {
37
51
  text-decoration: none;
38
52
  color: inherit;
39
53
  cursor: pointer;
40
54
  transition: opacity 0.15s ease-in-out
41
55
  }
42
-
43
56
  .link:hover {
44
57
  opacity: 0.8;
45
58
  }
46
-
47
59
  .link:active {
48
60
  opacity: 0.6;
49
61
  }
50
-
51
62
  .none {
52
63
  padding: 0;
53
64
  }
54
-
55
65
  .airy {
56
66
  padding: var(--gap-m) 0;
57
67
  }
58
-
59
68
  .default {
60
69
  padding: var(--gap-s) 0;
61
70
  }
62
-
63
71
  .compact {
64
72
  padding: var(--gap-xs) 0;
65
73
  }
66
-
67
74
  .tiny {
68
75
  padding: var(--gap-2xs) 0;
69
76
  }
70
-
71
77
  .left {
72
78
  padding-left: var(--gap-m);
73
79
  }
74
-
75
80
  .right {
76
81
  padding-right: var(--gap-m);
77
82
  }
78
-
79
83
  .both {
80
84
  padding-right: var(--gap-m);
81
85
  padding-left: var(--gap-m);
82
86
  }
83
-
84
87
  .focused {
85
88
  outline: 2px solid var(--focus-color);
86
89
  outline-offset: 2px;
@@ -1,9 +1,9 @@
1
- import { _ as __rest, a as __assign, F as FooterButton } from './component-bb0da28a.js';
1
+ import { _ as __rest, a as __assign, F as FooterButton } from './component-fdda6802.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-3cfa8cfe.js';
6
+ import { g as getDataTestId } from './getDataTestId-470a1f4f.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_1w950","horizontal":"pure-cell__horizontal_1w950"};
17
+ var styles = {"component":"pure-cell__component_1eujv","horizontal":"pure-cell__horizontal_1eujv"};
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_12p85","vertical":"pure-cell__vertical_12p85","reverse":"pure-cell__reverse_12p85"};
27
+ var styles$1 = {"component":"pure-cell__component_lan0i","vertical":"pure-cell__vertical_lan0i","reverse":"pure-cell__reverse_lan0i"};
28
28
  require('./components/main/index.css')
29
29
 
30
30
  var Main = function (_a) {
@@ -36,7 +36,7 @@ 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_qcab0","rowLimit1":"pure-cell__rowLimit1_qcab0","rowLimit2":"pure-cell__rowLimit2_qcab0","component":"pure-cell__component_qcab0","multiline":"pure-cell__multiline_qcab0","vertical":"pure-cell__vertical_qcab0","title":"pure-cell__title_qcab0"};
39
+ var styles$2 = {"horizontal":"pure-cell__horizontal_1lr4n","rowLimit1":"pure-cell__rowLimit1_1lr4n","rowLimit2":"pure-cell__rowLimit2_1lr4n","component":"pure-cell__component_1lr4n","multiline":"pure-cell__multiline_1lr4n","vertical":"pure-cell__vertical_1lr4n","title":"pure-cell__title_1lr4n"};
40
40
  require('./components/text/index.css')
41
41
 
42
42
  var Text = function (_a) {
@@ -57,7 +57,7 @@ var Text = function (_a) {
57
57
  _d)), "data-test-id": getDataTestId(dataTestId, 'text') }, value))));
58
58
  };
59
59
 
60
- var styles$3 = {"component":"pure-cell__component_5qimj","horizontal":"pure-cell__horizontal_5qimj","vertical":"pure-cell__vertical_5qimj","button":"pure-cell__button_5qimj","link":"pure-cell__link_5qimj","none":"pure-cell__none_5qimj","airy":"pure-cell__airy_5qimj","default":"pure-cell__default_5qimj","compact":"pure-cell__compact_5qimj","tiny":"pure-cell__tiny_5qimj","left":"pure-cell__left_5qimj","right":"pure-cell__right_5qimj","both":"pure-cell__both_5qimj","focused":"pure-cell__focused_5qimj"};
60
+ var styles$3 = {"component":"pure-cell__component_7c03z","horizontal":"pure-cell__horizontal_7c03z","vertical":"pure-cell__vertical_7c03z","button":"pure-cell__button_7c03z","link":"pure-cell__link_7c03z","none":"pure-cell__none_7c03z","airy":"pure-cell__airy_7c03z","default":"pure-cell__default_7c03z","compact":"pure-cell__compact_7c03z","tiny":"pure-cell__tiny_7c03z","left":"pure-cell__left_7c03z","right":"pure-cell__right_7c03z","both":"pure-cell__both_7c03z","focused":"pure-cell__focused_7c03z"};
61
61
  require('./index.css')
62
62
 
63
63
  var PureCellContext = React.createContext({});
@@ -75,7 +75,7 @@ var PureCellComponent = forwardRef(function (_a, ref) {
75
75
  var target = restProps.target;
76
76
  // Для совместимости с react-router-dom, меняем href на to
77
77
  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 }),
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 }),
79
79
  React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
80
80
  }
81
81
  if (onClick) {
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from './getDataTestId-3cfa8cfe.js';
2
+ import { g as getDataTestId } from './getDataTestId-470a1f4f.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_1tq9t"};
44
+ var styles = {"component":"pure-cell__component_12uaw"};
45
45
  require('./components/footer-button/index.css')
46
46
 
47
47
  var FooterButton = function (_a) {
package/esm/component.js CHANGED
@@ -1,9 +1,9 @@
1
- import './component-bb0da28a.js';
1
+ import './component-fdda6802.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
5
  import '@alfalab/hooks';
6
- import './getDataTestId-3cfa8cfe.js';
6
+ import './getDataTestId-470a1f4f.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-33719fe0.js';
14
+ export { P as PureCell, a as PureCellContext } from './component-38a0d103.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-3cfa8cfe.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-470a1f4f.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_1kn48","none":"pure-cell__none_1kn48","default":"pure-cell__default_1kn48","center":"pure-cell__center_1kn48"};
5
+ var styles = {"component":"pure-cell__component_5kcay","none":"pure-cell__none_5kcay","default":"pure-cell__default_5kcay","center":"pure-cell__center_5kcay"};
6
6
  require('./index.css')
7
7
 
8
8
  var Addon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: p749h */
1
+ /* hash: gffqf */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -10,19 +10,20 @@
10
10
  :root {
11
11
  --gap-m: 16px;
12
12
  }
13
- .pure-cell__component_1kn48 {
14
- grid-column: 2/3;
13
+ .pure-cell__component_5kcay {
14
+ display: flex;
15
+ flex-direction: column;
15
16
  padding-left: var(--gap-m)
16
17
  }
17
- .pure-cell__component_1kn48 > * {
18
+ .pure-cell__component_5kcay > * {
18
19
  justify-content: flex-end;
19
20
  }
20
- .pure-cell__component_1kn48.pure-cell__none_1kn48 {
21
+ .pure-cell__component_5kcay.pure-cell__none_5kcay {
21
22
  padding-left: 0;
22
23
  }
23
- .pure-cell__component_1kn48.pure-cell__default_1kn48 {
24
+ .pure-cell__component_5kcay.pure-cell__default_5kcay {
24
25
  padding-left: var(--gap-m);
25
26
  }
26
- .pure-cell__component_1kn48.pure-cell__center_1kn48 {
27
+ .pure-cell__component_5kcay.pure-cell__center_5kcay {
27
28
  align-self: center;
28
29
  }
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
- import '../../getDataTestId-3cfa8cfe.js';
3
+ import '../../getDataTestId-470a1f4f.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-3cfa8cfe.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-470a1f4f.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_14dbk"};
7
+ var styles = {"component":"pure-cell__component_1lrwp"};
8
8
  require('./index.css')
9
9
 
10
10
  var Amount = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 12ihe */
1
+ /* hash: hookz */
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_14dbk {
13
+ .pure-cell__component_1lrwp {
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-3cfa8cfe.js';
3
+ import '../../getDataTestId-470a1f4f.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-3cfa8cfe.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-470a1f4f.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_3eubz","weight":"pure-cell__weight_3eubz"};
7
+ var styles = {"component":"pure-cell__component_1w29u","weight":"pure-cell__weight_1w29u"};
8
8
  require('./index.css')
9
9
 
10
10
  var AmountTitle = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 11z8b */
1
+ /* hash: 1tkdf */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,9 +7,9 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_3eubz {
10
+ .pure-cell__component_1w29u {
11
11
  display: flex;
12
12
  }
13
- .pure-cell__weight_3eubz {
13
+ .pure-cell__weight_1w29u {
14
14
  font-weight: inherit;
15
15
  }