@alfalab/core-components-pure-cell 4.2.14 → 4.3.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 (144) hide show
  1. package/{component-5f077f8c.d.ts → component-090698d6.d.ts} +4 -0
  2. package/{component-5f077f8c.js → component-090698d6.js} +7 -7
  3. package/component-c49f24a8.d.ts +1 -0
  4. package/component.js +2 -2
  5. package/components/addon/component.js +2 -2
  6. package/components/addon/index.css +10 -10
  7. package/components/addon/index.js +1 -1
  8. package/components/amount/component.js +2 -2
  9. package/components/amount/index.css +2 -2
  10. package/components/amount/index.js +1 -1
  11. package/components/amount-title/component.js +2 -2
  12. package/components/amount-title/index.css +3 -3
  13. package/components/amount-title/index.js +1 -1
  14. package/components/category/component.js +2 -2
  15. package/components/category/index.css +5 -5
  16. package/components/category/index.js +1 -1
  17. package/components/content/component.js +2 -2
  18. package/components/content/index.css +3 -3
  19. package/components/content/index.d.ts +1 -1
  20. package/components/content/index.js +2 -2
  21. package/components/footer/component.js +2 -2
  22. package/components/footer/index.css +4 -4
  23. package/components/footer/index.js +1 -1
  24. package/components/footer-button/component.js +2 -2
  25. package/components/footer-button/index.css +2 -2
  26. package/components/footer-button/index.js +1 -1
  27. package/components/footer-text/component.js +1 -1
  28. package/components/footer-text/index.js +1 -1
  29. package/components/graphics/component.js +2 -2
  30. package/components/graphics/index.css +5 -5
  31. package/components/graphics/index.js +1 -1
  32. package/components/main/component.js +2 -2
  33. package/components/main/index.css +4 -4
  34. package/components/main/index.d.ts +1 -1
  35. package/components/main/index.js +2 -2
  36. package/components/text/component.js +2 -2
  37. package/components/text/index.css +7 -7
  38. package/components/text/index.d.ts +1 -1
  39. package/components/text/index.js +2 -2
  40. package/{esm/component-1b455eed.d.ts → cssm/component-4aff9f21.d.ts} +4 -0
  41. package/cssm/{component-ecc61e99.js → component-4aff9f21.js} +2 -2
  42. package/cssm/component-c49f24a8.d.ts +1 -0
  43. package/cssm/component.js +1 -1
  44. package/cssm/components/content/component.js +1 -1
  45. package/cssm/components/content/index.d.ts +1 -1
  46. package/cssm/components/content/index.js +1 -1
  47. package/cssm/components/main/component.js +1 -1
  48. package/cssm/components/main/index.d.ts +1 -1
  49. package/cssm/components/main/index.js +1 -1
  50. package/cssm/components/text/component.js +1 -1
  51. package/cssm/components/text/index.d.ts +1 -1
  52. package/cssm/components/text/index.js +1 -1
  53. package/cssm/index.js +1 -1
  54. package/{cssm/component-ecc61e99.d.ts → esm/component-10634a90.d.ts} +4 -0
  55. package/esm/{component-1b455eed.js → component-10634a90.js} +7 -7
  56. package/esm/component-c49f24a8.d.ts +1 -0
  57. package/esm/component.js +2 -2
  58. package/esm/components/addon/component.js +2 -2
  59. package/esm/components/addon/index.css +10 -10
  60. package/esm/components/addon/index.js +1 -1
  61. package/esm/components/amount/component.js +2 -2
  62. package/esm/components/amount/index.css +2 -2
  63. package/esm/components/amount/index.js +1 -1
  64. package/esm/components/amount-title/component.js +2 -2
  65. package/esm/components/amount-title/index.css +3 -3
  66. package/esm/components/amount-title/index.js +1 -1
  67. package/esm/components/category/component.js +2 -2
  68. package/esm/components/category/index.css +5 -5
  69. package/esm/components/category/index.js +1 -1
  70. package/esm/components/content/component.js +2 -2
  71. package/esm/components/content/index.css +3 -3
  72. package/esm/components/content/index.d.ts +1 -1
  73. package/esm/components/content/index.js +2 -2
  74. package/esm/components/footer/component.js +2 -2
  75. package/esm/components/footer/index.css +4 -4
  76. package/esm/components/footer/index.js +1 -1
  77. package/esm/components/footer-button/component.js +2 -2
  78. package/esm/components/footer-button/index.css +2 -2
  79. package/esm/components/footer-button/index.js +1 -1
  80. package/esm/components/footer-text/component.js +1 -1
  81. package/esm/components/footer-text/index.js +1 -1
  82. package/esm/components/graphics/component.js +2 -2
  83. package/esm/components/graphics/index.css +5 -5
  84. package/esm/components/graphics/index.js +1 -1
  85. package/esm/components/main/component.js +2 -2
  86. package/esm/components/main/index.css +4 -4
  87. package/esm/components/main/index.d.ts +1 -1
  88. package/esm/components/main/index.js +2 -2
  89. package/esm/components/text/component.js +2 -2
  90. package/esm/components/text/index.css +7 -7
  91. package/esm/components/text/index.d.ts +1 -1
  92. package/esm/components/text/index.js +2 -2
  93. package/esm/index.css +21 -21
  94. package/esm/index.js +2 -2
  95. package/index.css +21 -21
  96. package/index.js +2 -2
  97. package/modern/{component-7381e811.d.ts → component-3a445140.d.ts} +4 -0
  98. package/modern/{component-7381e811.js → component-3a445140.js} +7 -7
  99. package/modern/component-c49f24a8.d.ts +1 -0
  100. package/modern/component.js +2 -2
  101. package/modern/components/addon/component.js +2 -2
  102. package/modern/components/addon/index.css +10 -10
  103. package/modern/components/addon/index.js +1 -1
  104. package/modern/components/amount/component.js +2 -2
  105. package/modern/components/amount/index.css +2 -2
  106. package/modern/components/amount/index.js +1 -1
  107. package/modern/components/amount-title/component.js +2 -2
  108. package/modern/components/amount-title/index.css +3 -3
  109. package/modern/components/amount-title/index.js +1 -1
  110. package/modern/components/category/component.js +2 -2
  111. package/modern/components/category/index.css +5 -5
  112. package/modern/components/category/index.js +1 -1
  113. package/modern/components/content/component.js +2 -2
  114. package/modern/components/content/index.css +3 -3
  115. package/modern/components/content/index.d.ts +1 -1
  116. package/modern/components/content/index.js +2 -2
  117. package/modern/components/footer/component.js +2 -2
  118. package/modern/components/footer/index.css +4 -4
  119. package/modern/components/footer/index.js +1 -1
  120. package/modern/components/footer-button/component.js +2 -2
  121. package/modern/components/footer-button/index.css +2 -2
  122. package/modern/components/footer-button/index.js +1 -1
  123. package/modern/components/footer-text/component.js +1 -1
  124. package/modern/components/footer-text/index.js +1 -1
  125. package/modern/components/graphics/component.js +2 -2
  126. package/modern/components/graphics/index.css +5 -5
  127. package/modern/components/graphics/index.js +1 -1
  128. package/modern/components/main/component.js +2 -2
  129. package/modern/components/main/index.css +4 -4
  130. package/modern/components/main/index.d.ts +1 -1
  131. package/modern/components/main/index.js +2 -2
  132. package/modern/components/text/component.js +2 -2
  133. package/modern/components/text/index.css +7 -7
  134. package/modern/components/text/index.d.ts +1 -1
  135. package/modern/components/text/index.js +2 -2
  136. package/modern/index.css +21 -21
  137. package/modern/index.js +2 -2
  138. package/package.json +1 -1
  139. /package/esm/{getDataTestId-a1452607.d.ts → getDataTestId-3543dce7.d.ts} +0 -0
  140. /package/esm/{getDataTestId-a1452607.js → getDataTestId-3543dce7.js} +0 -0
  141. /package/{getDataTestId-8d8bca32.d.ts → getDataTestId-24e8bfa3.d.ts} +0 -0
  142. /package/{getDataTestId-8d8bca32.js → getDataTestId-24e8bfa3.js} +0 -0
  143. /package/modern/{getDataTestId-51003a33.d.ts → getDataTestId-4cd99e34.d.ts} +0 -0
  144. /package/modern/{getDataTestId-51003a33.js → getDataTestId-4cd99e34.js} +0 -0
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-5f077f8c.js');
5
+ var components_content_component = require('../../component-090698d6.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -10,7 +10,7 @@ require('classnames');
10
10
  require('@alfalab/core-components-comment');
11
11
  require('@alfalab/hooks');
12
12
  require('../addon/component.js');
13
- require('../../getDataTestId-8d8bca32.js');
13
+ require('../../getDataTestId-24e8bfa3.js');
14
14
  require('../amount/component.js');
15
15
  require('@alfalab/core-components-amount');
16
16
  require('@alfalab/core-components-typography');
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('@alfalab/core-components-typography');
8
- require('../../getDataTestId-8d8bca32.js');
9
- var components_content_component = require('../../component-5f077f8c.js');
8
+ require('../../getDataTestId-24e8bfa3.js');
9
+ var components_content_component = require('../../component-090698d6.js');
10
10
  require('tslib');
11
11
  require('react-merge-refs');
12
12
  require('@alfalab/core-components-comment');
@@ -1,4 +1,4 @@
1
- /* hash: cugqi */
1
+ /* hash: ki42w */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,29 +16,29 @@
16
16
  --gap-m: 16px;
17
17
  } :root {
18
18
  } :root {
19
- } .pure-cell__horizontal_ptkz1 {
19
+ } .pure-cell__horizontal_1ez4i {
20
20
  padding: var(--gap-3xs) 0;
21
- } .pure-cell__rowLimit1_ptkz1 {
21
+ } .pure-cell__rowLimit1_1ez4i {
22
22
  -webkit-line-clamp: 1;
23
23
  display: -webkit-box;
24
24
  -webkit-box-orient: vertical;
25
25
  overflow: hidden;
26
26
  word-break: break-all;
27
- } .pure-cell__rowLimit2_ptkz1 {
27
+ } .pure-cell__rowLimit2_1ez4i {
28
28
  -webkit-line-clamp: 2;
29
29
  display: -webkit-box;
30
30
  -webkit-box-orient: vertical;
31
31
  overflow: hidden;
32
- } .pure-cell__component_ptkz1 {
32
+ } .pure-cell__component_1ez4i {
33
33
  display: flex;
34
34
  flex-direction: row;
35
35
  flex-wrap: nowrap;
36
36
  justify-content: space-between;
37
37
  margin: var(--gap-3xs) 0;
38
38
  word-break: break-word;
39
- } .pure-cell__component_ptkz1 .pure-cell__vertical_ptkz1 {
39
+ } .pure-cell__component_1ez4i .pure-cell__vertical_1ez4i {
40
40
  justify-content: center;
41
- } .pure-cell__title_ptkz1 + .pure-cell__value_ptkz1 {
41
+ } .pure-cell__title_1ez4i + .pure-cell__value_1ez4i {
42
42
  margin-left: var(--gap-m);
43
43
  flex-shrink: 0;
44
44
  }
@@ -1 +1 @@
1
- export * from "../../component-5f077f8c";
1
+ export * from "../../component-090698d6";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-5f077f8c.js');
5
+ var components_content_component = require('../../component-090698d6.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -10,7 +10,7 @@ require('classnames');
10
10
  require('@alfalab/core-components-comment');
11
11
  require('@alfalab/hooks');
12
12
  require('../addon/component.js');
13
- require('../../getDataTestId-8d8bca32.js');
13
+ require('../../getDataTestId-24e8bfa3.js');
14
14
  require('../amount/component.js');
15
15
  require('@alfalab/core-components-amount');
16
16
  require('@alfalab/core-components-typography');
@@ -12,6 +12,10 @@ type Props = {
12
12
  * Позволяет изменить расположение блоков внутри main
13
13
  */
14
14
  isReverse?: boolean;
15
+ /**
16
+ * Дополнительный класс
17
+ */
18
+ className?: string;
15
19
  /**
16
20
  * Идентификатор для систем автоматизированного тестирования
17
21
  */
@@ -40,11 +40,11 @@ var Content = function (_a) {
40
40
 
41
41
  var Main = function (_a) {
42
42
  var _b;
43
- var children = _a.children, isReverse = _a.isReverse, dataTestId = _a.dataTestId;
43
+ var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
44
44
  var _c = React.useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
45
45
  return (React__default.default.createElement("div", { className: cn__default.default(styles__default$1.default.component, styles__default$1.default[direction], (_b = {},
46
46
  _b[styles__default$1.default.reverse] = isReverse,
47
- _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
47
+ _b), className), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
48
48
  };
49
49
 
50
50
  var Text = function (_a) {
@@ -55,6 +55,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
55
55
  Main: React.FC<{
56
56
  children: import("./components/types").MainElement;
57
57
  isReverse?: boolean | undefined;
58
+ className?: string | undefined;
58
59
  dataTestId?: string | undefined;
59
60
  }>;
60
61
  Graphics: React.FC<import("./components/graphics/index").Props>;
package/cssm/component.js CHANGED
@@ -12,7 +12,7 @@ require('./components/addon/component.js');
12
12
  require('./components/amount/component.js');
13
13
  require('./components/amount-title/component.js');
14
14
  require('./components/category/component.js');
15
- var components_content_component = require('./component-ecc61e99.js');
15
+ var components_content_component = require('./component-4aff9f21.js');
16
16
  require('./components/footer/component.js');
17
17
  require('./components/footer-button/component.js');
18
18
  require('./components/footer-text/component.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('../../getDataTestId-5c876d98.js');
8
- var components_content_component = require('../../component-ecc61e99.js');
8
+ var components_content_component = require('../../component-4aff9f21.js');
9
9
  require('./index.module.css');
10
10
  require('tslib');
11
11
  require('react-merge-refs');
@@ -1 +1 @@
1
- export * from "../../component-ecc61e99";
1
+ export * from "../../component-4aff9f21";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-ecc61e99.js');
5
+ var components_content_component = require('../../component-4aff9f21.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('../../getDataTestId-5c876d98.js');
8
- var components_content_component = require('../../component-ecc61e99.js');
8
+ var components_content_component = require('../../component-4aff9f21.js');
9
9
  require('./index.module.css');
10
10
  require('tslib');
11
11
  require('react-merge-refs');
@@ -1 +1 @@
1
- export * from "../../component-ecc61e99";
1
+ export * from "../../component-4aff9f21";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-ecc61e99.js');
5
+ var components_content_component = require('../../component-4aff9f21.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -6,7 +6,7 @@ require('react');
6
6
  require('classnames');
7
7
  require('@alfalab/core-components-typography/cssm');
8
8
  require('../../getDataTestId-5c876d98.js');
9
- var components_content_component = require('../../component-ecc61e99.js');
9
+ var components_content_component = require('../../component-4aff9f21.js');
10
10
  require('./index.module.css');
11
11
  require('tslib');
12
12
  require('react-merge-refs');
@@ -1 +1 @@
1
- export * from "../../component-ecc61e99";
1
+ export * from "../../component-4aff9f21";
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('../../component-ecc61e99.js');
5
+ var components_content_component = require('../../component-4aff9f21.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
package/cssm/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_content_component = require('./component-ecc61e99.js');
5
+ var components_content_component = require('./component-4aff9f21.js');
6
6
  require('tslib');
7
7
  require('react');
8
8
  require('react-merge-refs');
@@ -12,6 +12,10 @@ type Props = {
12
12
  * Позволяет изменить расположение блоков внутри main
13
13
  */
14
14
  isReverse?: boolean;
15
+ /**
16
+ * Дополнительный класс
17
+ */
18
+ className?: string;
15
19
  /**
16
20
  * Идентификатор для систем автоматизированного тестирования
17
21
  */
@@ -8,14 +8,14 @@ import { Addon } from './components/addon/component.js';
8
8
  import { Amount } from './components/amount/component.js';
9
9
  import { AmountTitle } from './components/amount-title/component.js';
10
10
  import { Category } from './components/category/component.js';
11
- import { g as getDataTestId } from './getDataTestId-a1452607.js';
11
+ import { g as getDataTestId } from './getDataTestId-3543dce7.js';
12
12
  import { Footer } from './components/footer/component.js';
13
13
  import { FooterButton } from './components/footer-button/component.js';
14
14
  import { FooterText } from './components/footer-text/component.js';
15
15
  import { Graphics } from './components/graphics/component.js';
16
16
  import { Typography } from '@alfalab/core-components-typography/esm';
17
17
 
18
- var styles$3 = {"component":"pure-cell__component_13m2b","horizontal":"pure-cell__horizontal_13m2b"};
18
+ var styles$3 = {"component":"pure-cell__component_16fv6","horizontal":"pure-cell__horizontal_16fv6"};
19
19
  require('./components/content/index.css')
20
20
 
21
21
  var Content = function (_a) {
@@ -25,19 +25,19 @@ var Content = function (_a) {
25
25
  return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
26
26
  };
27
27
 
28
- var styles$2 = {"component":"pure-cell__component_z1x91","vertical":"pure-cell__vertical_z1x91","reverse":"pure-cell__reverse_z1x91"};
28
+ var styles$2 = {"component":"pure-cell__component_1iy7t","vertical":"pure-cell__vertical_1iy7t","reverse":"pure-cell__reverse_1iy7t"};
29
29
  require('./components/main/index.css')
30
30
 
31
31
  var Main = function (_a) {
32
32
  var _b;
33
- var children = _a.children, isReverse = _a.isReverse, dataTestId = _a.dataTestId;
33
+ var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
34
34
  var _c = useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
35
35
  return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
36
36
  _b[styles$2.reverse] = isReverse,
37
- _b)), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
37
+ _b), className), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
38
38
  };
39
39
 
40
- var styles$1 = {"horizontal":"pure-cell__horizontal_ptkz1","rowLimit1":"pure-cell__rowLimit1_ptkz1","rowLimit2":"pure-cell__rowLimit2_ptkz1","component":"pure-cell__component_ptkz1","vertical":"pure-cell__vertical_ptkz1","title":"pure-cell__title_ptkz1","value":"pure-cell__value_ptkz1"};
40
+ var styles$1 = {"horizontal":"pure-cell__horizontal_1ez4i","rowLimit1":"pure-cell__rowLimit1_1ez4i","rowLimit2":"pure-cell__rowLimit2_1ez4i","component":"pure-cell__component_1ez4i","vertical":"pure-cell__vertical_1ez4i","title":"pure-cell__title_1ez4i","value":"pure-cell__value_1ez4i"};
41
41
  require('./components/text/index.css')
42
42
 
43
43
  var Text = function (_a) {
@@ -54,7 +54,7 @@ var Text = function (_a) {
54
54
  React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
55
55
  };
56
56
 
57
- var styles = {"component":"pure-cell__component_1wuk2","horizontal":"pure-cell__horizontal_1wuk2","vertical":"pure-cell__vertical_1wuk2","button":"pure-cell__button_1wuk2","link":"pure-cell__link_1wuk2","none":"pure-cell__none_1wuk2","airy":"pure-cell__airy_1wuk2","defaultPadding":"pure-cell__defaultPadding_1wuk2","compact":"pure-cell__compact_1wuk2","tiny":"pure-cell__tiny_1wuk2","left":"pure-cell__left_1wuk2","right":"pure-cell__right_1wuk2","both":"pure-cell__both_1wuk2","focused":"pure-cell__focused_1wuk2"};
57
+ var styles = {"component":"pure-cell__component_1pisf","horizontal":"pure-cell__horizontal_1pisf","vertical":"pure-cell__vertical_1pisf","button":"pure-cell__button_1pisf","link":"pure-cell__link_1pisf","none":"pure-cell__none_1pisf","airy":"pure-cell__airy_1pisf","defaultPadding":"pure-cell__defaultPadding_1pisf","compact":"pure-cell__compact_1pisf","tiny":"pure-cell__tiny_1pisf","left":"pure-cell__left_1pisf","right":"pure-cell__right_1pisf","both":"pure-cell__both_1pisf","focused":"pure-cell__focused_1pisf"};
58
58
  require('./index.css')
59
59
 
60
60
  // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -55,6 +55,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
55
55
  Main: React.FC<{
56
56
  children: import("./components/types").MainElement;
57
57
  isReverse?: boolean | undefined;
58
+ className?: string | undefined;
58
59
  dataTestId?: string | undefined;
59
60
  }>;
60
61
  Graphics: React.FC<import("./components/graphics/index").Props>;
package/esm/component.js CHANGED
@@ -8,12 +8,12 @@ import './components/addon/component.js';
8
8
  import './components/amount/component.js';
9
9
  import './components/amount-title/component.js';
10
10
  import './components/category/component.js';
11
- export { P as PureCell, a as PureCellContext } from './component-1b455eed.js';
11
+ export { P as PureCell, a as PureCellContext } from './component-10634a90.js';
12
12
  import './components/footer/component.js';
13
13
  import './components/footer-button/component.js';
14
14
  import './components/footer-text/component.js';
15
15
  import './components/graphics/component.js';
16
- import './getDataTestId-a1452607.js';
16
+ import './getDataTestId-3543dce7.js';
17
17
  import '@alfalab/core-components-amount/esm';
18
18
  import '@alfalab/core-components-typography/esm';
19
19
  import '@alfalab/core-components-button/esm';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-a1452607.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-3543dce7.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_1siib","none":"pure-cell__none_1siib","default":"pure-cell__default_1siib","addonPadding":"pure-cell__addonPadding_1siib","auto":"pure-cell__auto_1siib","top":"pure-cell__top_1siib","center":"pure-cell__center_1siib","bottom":"pure-cell__bottom_1siib"};
5
+ var styles = {"component":"pure-cell__component_1l6qo","none":"pure-cell__none_1l6qo","default":"pure-cell__default_1l6qo","addonPadding":"pure-cell__addonPadding_1l6qo","auto":"pure-cell__auto_1l6qo","top":"pure-cell__top_1l6qo","center":"pure-cell__center_1l6qo","bottom":"pure-cell__bottom_1l6qo"};
6
6
  require('./index.css')
7
7
 
8
8
  var Addon = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1lyn8 */
1
+ /* hash: e37at */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,24 +15,24 @@
15
15
  --gap-m: 16px;
16
16
  } :root {
17
17
  } :root {
18
- } .pure-cell__component_1siib {
18
+ } .pure-cell__component_1l6qo {
19
19
  display: flex;
20
20
  flex-direction: column;
21
21
  align-items: flex-end
22
- } .pure-cell__component_1siib > * {
22
+ } .pure-cell__component_1l6qo > * {
23
23
  justify-content: flex-end;
24
- } .pure-cell__component_1siib.pure-cell__none_1siib {
24
+ } .pure-cell__component_1l6qo.pure-cell__none_1l6qo {
25
25
  padding-left: 0;
26
- } .pure-cell__component_1siib.pure-cell__default_1siib {
26
+ } .pure-cell__component_1l6qo.pure-cell__default_1l6qo {
27
27
  padding-left: var(--gap-m);
28
- } .pure-cell__component_1siib.pure-cell__addonPadding_1siib {
28
+ } .pure-cell__component_1l6qo.pure-cell__addonPadding_1l6qo {
29
29
  padding-left: var(--gap-m);
30
- } .pure-cell__component_1siib.pure-cell__auto_1siib {
30
+ } .pure-cell__component_1l6qo.pure-cell__auto_1l6qo {
31
31
  align-self: auto;
32
- } .pure-cell__component_1siib.pure-cell__top_1siib {
32
+ } .pure-cell__component_1l6qo.pure-cell__top_1l6qo {
33
33
  align-self: flex-start;
34
- } .pure-cell__component_1siib.pure-cell__center_1siib {
34
+ } .pure-cell__component_1l6qo.pure-cell__center_1l6qo {
35
35
  align-self: center;
36
- } .pure-cell__component_1siib.pure-cell__bottom_1siib {
36
+ } .pure-cell__component_1l6qo.pure-cell__bottom_1l6qo {
37
37
  align-self: flex-end;
38
38
  }
@@ -1,4 +1,4 @@
1
1
  export { Addon } from './component.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
- import '../../getDataTestId-a1452607.js';
4
+ import '../../getDataTestId-3543dce7.js';
@@ -3,9 +3,9 @@ import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
5
5
  import { Typography } from '@alfalab/core-components-typography/esm';
6
- import { g as getDataTestId } from '../../getDataTestId-a1452607.js';
6
+ import { g as getDataTestId } from '../../getDataTestId-3543dce7.js';
7
7
 
8
- var styles = {"component":"pure-cell__component_jwkp2"};
8
+ var styles = {"component":"pure-cell__component_h2rt8"};
9
9
  require('./index.css')
10
10
 
11
11
  var Amount = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1uxva */
1
+ /* hash: bshb3 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  --gap-3xs: 2px;
16
16
  } :root {
17
17
  } :root {
18
- } .pure-cell__component_jwkp2 {
18
+ } .pure-cell__component_h2rt8 {
19
19
  padding: var(--gap-3xs) 0;
20
20
  display: flex;
21
21
  }
@@ -4,4 +4,4 @@ import 'react';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-amount/esm';
6
6
  import '@alfalab/core-components-typography/esm';
7
- import '../../getDataTestId-a1452607.js';
7
+ import '../../getDataTestId-3543dce7.js';
@@ -3,9 +3,9 @@ import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { Amount } from '@alfalab/core-components-amount/esm';
5
5
  import { Typography } from '@alfalab/core-components-typography/esm';
6
- import { g as getDataTestId } from '../../getDataTestId-a1452607.js';
6
+ import { g as getDataTestId } from '../../getDataTestId-3543dce7.js';
7
7
 
8
- var styles = {"component":"pure-cell__component_1z10k","weight":"pure-cell__weight_1z10k"};
8
+ var styles = {"component":"pure-cell__component_p5g1s","weight":"pure-cell__weight_p5g1s"};
9
9
  require('./index.css')
10
10
 
11
11
  var AmountTitle = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1d14d */
1
+ /* hash: 1awd5 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,8 +14,8 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .pure-cell__component_1z10k {
17
+ } .pure-cell__component_p5g1s {
18
18
  display: flex;
19
- } .pure-cell__weight_1z10k {
19
+ } .pure-cell__weight_p5g1s {
20
20
  font-weight: inherit;
21
21
  }
@@ -4,4 +4,4 @@ import 'react';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-amount/esm';
6
6
  import '@alfalab/core-components-typography/esm';
7
- import '../../getDataTestId-a1452607.js';
7
+ import '../../getDataTestId-3543dce7.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { Typography } from '@alfalab/core-components-typography/esm';
3
- import { g as getDataTestId } from '../../getDataTestId-a1452607.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-3543dce7.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_1ujlb","categoryName":"pure-cell__categoryName_1ujlb","categoryPercent":"pure-cell__categoryPercent_1ujlb","rightAddon":"pure-cell__rightAddon_1ujlb"};
5
+ var styles = {"component":"pure-cell__component_1rpsf","categoryName":"pure-cell__categoryName_1rpsf","categoryPercent":"pure-cell__categoryPercent_1rpsf","rightAddon":"pure-cell__rightAddon_1rpsf"};
6
6
  require('./index.css')
7
7
 
8
8
  var Category = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 9yjr3 */
1
+ /* hash: g1v9f */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-secondary: #f3f4f5; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -19,21 +19,21 @@
19
19
  --gap-xs: 8px;
20
20
  } :root {
21
21
  } :root {
22
- } .pure-cell__component_1ujlb {
22
+ } .pure-cell__component_1rpsf {
23
23
  display: flex;
24
24
  overflow: hidden;
25
25
  padding: var(--gap-3xs) 0;
26
- } .pure-cell__categoryName_1ujlb {
26
+ } .pure-cell__categoryName_1rpsf {
27
27
  display: -webkit-box;
28
28
  -webkit-line-clamp: 1;
29
29
  -webkit-box-orient: vertical;
30
30
  overflow: hidden;
31
31
  word-break: break-all;
32
- } .pure-cell__categoryPercent_1ujlb {
32
+ } .pure-cell__categoryPercent_1rpsf {
33
33
  padding: 0 var(--gap-xs);
34
34
  background-color: var(--color-light-bg-secondary);
35
35
  border-radius: var(--border-radius-xl);
36
36
  margin-left: var(--gap-2xs);
37
- } .pure-cell__rightAddon_1ujlb {
37
+ } .pure-cell__rightAddon_1rpsf {
38
38
  margin-left: var(--gap-2xs);
39
39
  }
@@ -1,4 +1,4 @@
1
1
  export { Category } from './component.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-typography/esm';
4
- import '../../getDataTestId-a1452607.js';
4
+ import '../../getDataTestId-3543dce7.js';
@@ -1,7 +1,7 @@
1
1
  import 'react';
2
2
  import 'classnames';
3
- import '../../getDataTestId-a1452607.js';
4
- export { C as Content } from '../../component-1b455eed.js';
3
+ import '../../getDataTestId-3543dce7.js';
4
+ export { C as Content } from '../../component-10634a90.js';
5
5
  import 'tslib';
6
6
  import 'react-merge-refs';
7
7
  import '@alfalab/core-components-comment/esm';
@@ -1,4 +1,4 @@
1
- /* hash: 191xr */
1
+ /* hash: s0w9v */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,11 +14,11 @@
14
14
  } :root {
15
15
  } :root {
16
16
  } :root {
17
- } .pure-cell__component_13m2b {
17
+ } .pure-cell__component_16fv6 {
18
18
  flex-basis: 100%;
19
19
  display: grid;
20
20
  grid-template-columns: 1fr auto
21
- } .pure-cell__component_13m2b.pure-cell__horizontal_13m2b {
21
+ } .pure-cell__component_16fv6.pure-cell__horizontal_16fv6 {
22
22
  /* for button */
23
23
  align-self: stretch;
24
24
  }
@@ -1 +1 @@
1
- export * from "../../component-1b455eed";
1
+ export * from "../../component-10634a90";
@@ -1,4 +1,4 @@
1
- export { C as Content } from '../../component-1b455eed.js';
1
+ export { C as Content } from '../../component-10634a90.js';
2
2
  import 'tslib';
3
3
  import 'react';
4
4
  import 'react-merge-refs';
@@ -6,7 +6,7 @@ import 'classnames';
6
6
  import '@alfalab/core-components-comment/esm';
7
7
  import '@alfalab/hooks';
8
8
  import '../addon/component.js';
9
- import '../../getDataTestId-a1452607.js';
9
+ import '../../getDataTestId-3543dce7.js';
10
10
  import '../amount/component.js';
11
11
  import '@alfalab/core-components-amount/esm';
12
12
  import '@alfalab/core-components-typography/esm';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-a1452607.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-3543dce7.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_1cckt","none":"pure-cell__none_1cckt","default":"pure-cell__default_1cckt"};
5
+ var styles = {"component":"pure-cell__component_2h0ao","none":"pure-cell__none_2h0ao","default":"pure-cell__default_2h0ao"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1oh5n */
1
+ /* hash: 1w4t0 */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,12 +15,12 @@
15
15
  --gap-xs: 8px;
16
16
  } :root {
17
17
  } :root {
18
- } .pure-cell__component_1cckt {
18
+ } .pure-cell__component_2h0ao {
19
19
  grid-column: 1/3;
20
20
  display: grid;
21
21
  grid-row-gap: var(--gap-xs)
22
- } .pure-cell__component_1cckt.pure-cell__none_1cckt {
22
+ } .pure-cell__component_2h0ao.pure-cell__none_2h0ao {
23
23
  margin-top: 0;
24
- } .pure-cell__component_1cckt.pure-cell__default_1cckt {
24
+ } .pure-cell__component_2h0ao.pure-cell__default_2h0ao {
25
25
  margin-top: var(--gap-xs);
26
26
  }
@@ -1,4 +1,4 @@
1
1
  export { Footer } from './component.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
- import '../../getDataTestId-a1452607.js';
4
+ import '../../getDataTestId-3543dce7.js';