@alfalab/core-components-pure-cell 4.1.3 → 4.1.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 (172) hide show
  1. package/{component-9d5aabde.d.ts → component-633eda3f.d.ts} +0 -0
  2. package/component-633eda3f.js +119 -0
  3. package/component.js +6 -8
  4. package/components/addon/component.js +6 -8
  5. package/components/addon/index.css +9 -9
  6. package/components/addon/index.js +2 -4
  7. package/components/amount/component.js +8 -10
  8. package/components/amount/index.css +2 -2
  9. package/components/amount/index.js +3 -5
  10. package/components/amount-title/component.js +8 -10
  11. package/components/amount-title/index.css +3 -3
  12. package/components/amount-title/index.js +3 -5
  13. package/components/category/component.js +8 -10
  14. package/components/category/index.css +5 -5
  15. package/components/category/index.js +2 -4
  16. package/components/content/component.js +6 -8
  17. package/components/content/index.css +3 -3
  18. package/components/content/index.d.ts +1 -1
  19. package/components/content/index.js +5 -7
  20. package/components/footer/component.js +6 -8
  21. package/components/footer/index.css +4 -4
  22. package/components/footer/index.js +2 -4
  23. package/components/footer-button/component.js +6 -8
  24. package/components/footer-button/index.css +2 -2
  25. package/components/footer-button/index.js +3 -5
  26. package/components/footer-text/component.js +4 -6
  27. package/components/footer-text/index.js +2 -4
  28. package/components/graphics/component.js +6 -8
  29. package/components/graphics/index.css +5 -5
  30. package/components/graphics/index.js +2 -4
  31. package/components/main/component.js +6 -8
  32. package/components/main/index.css +4 -4
  33. package/components/main/index.d.ts +1 -1
  34. package/components/main/index.js +5 -7
  35. package/components/text/component.js +7 -9
  36. package/components/text/index.css +7 -7
  37. package/components/text/index.d.ts +1 -1
  38. package/components/text/index.js +5 -7
  39. package/cssm/{component-5cffadbf.d.ts → component-094dfd9a.d.ts} +0 -0
  40. package/cssm/{component-5cffadbf.js → component-094dfd9a.js} +33 -33
  41. package/cssm/component.js +14 -16
  42. package/cssm/components/addon/component.js +6 -8
  43. package/cssm/components/addon/index.js +2 -4
  44. package/cssm/components/amount/component.js +8 -10
  45. package/cssm/components/amount/index.js +3 -5
  46. package/cssm/components/amount-title/component.js +8 -10
  47. package/cssm/components/amount-title/index.js +3 -5
  48. package/cssm/components/category/component.js +8 -10
  49. package/cssm/components/category/index.js +2 -4
  50. package/cssm/components/content/component.js +12 -14
  51. package/cssm/components/content/index.d.ts +1 -1
  52. package/cssm/components/content/index.js +11 -13
  53. package/cssm/components/footer/component.js +6 -8
  54. package/cssm/components/footer/index.js +2 -4
  55. package/cssm/components/footer-button/component.js +6 -8
  56. package/cssm/components/footer-button/index.js +3 -5
  57. package/cssm/components/footer-text/component.js +4 -6
  58. package/cssm/components/footer-text/index.js +2 -4
  59. package/cssm/components/graphics/component.js +6 -8
  60. package/cssm/components/graphics/index.js +2 -4
  61. package/cssm/components/main/component.js +13 -15
  62. package/cssm/components/main/index.d.ts +1 -1
  63. package/cssm/components/main/index.js +11 -13
  64. package/cssm/components/text/component.js +14 -16
  65. package/cssm/components/text/index.d.ts +1 -1
  66. package/cssm/components/text/index.js +11 -13
  67. package/cssm/getDataTestId-5c876d98.d.ts +2 -0
  68. package/cssm/getDataTestId-5c876d98.js +8 -0
  69. package/cssm/index.js +11 -13
  70. package/cssm/{tslib.es6-9682e485.d.ts → tslib.es6-bbd6cd2a.d.ts} +0 -0
  71. package/cssm/{tslib.es6-9682e485.js → tslib.es6-bbd6cd2a.js} +0 -0
  72. package/esm/{component-65ac8158.d.ts → component-6805b622.d.ts} +0 -0
  73. package/esm/{component-65ac8158.js → component-6805b622.js} +23 -23
  74. package/esm/component.js +6 -6
  75. package/esm/components/addon/component.js +2 -2
  76. package/esm/components/addon/index.css +9 -9
  77. package/esm/components/addon/index.js +2 -2
  78. package/esm/components/amount/component.js +3 -3
  79. package/esm/components/amount/index.css +2 -2
  80. package/esm/components/amount/index.js +3 -3
  81. package/esm/components/amount-title/component.js +3 -3
  82. package/esm/components/amount-title/index.css +3 -3
  83. package/esm/components/amount-title/index.js +3 -3
  84. package/esm/components/category/component.js +2 -2
  85. package/esm/components/category/index.css +5 -5
  86. package/esm/components/category/index.js +2 -2
  87. package/esm/components/content/component.js +6 -6
  88. package/esm/components/content/index.css +3 -3
  89. package/esm/components/content/index.d.ts +1 -1
  90. package/esm/components/content/index.js +5 -5
  91. package/esm/components/footer/component.js +2 -2
  92. package/esm/components/footer/index.css +4 -4
  93. package/esm/components/footer/index.js +2 -2
  94. package/esm/components/footer-button/component.js +3 -3
  95. package/esm/components/footer-button/index.css +2 -2
  96. package/esm/components/footer-button/index.js +3 -3
  97. package/esm/components/footer-text/component.js +1 -1
  98. package/esm/components/footer-text/index.js +2 -2
  99. package/esm/components/graphics/component.js +2 -2
  100. package/esm/components/graphics/index.css +5 -5
  101. package/esm/components/graphics/index.js +2 -2
  102. package/esm/components/main/component.js +6 -6
  103. package/esm/components/main/index.css +4 -4
  104. package/esm/components/main/index.d.ts +1 -1
  105. package/esm/components/main/index.js +5 -5
  106. package/esm/components/text/component.js +7 -7
  107. package/esm/components/text/index.css +7 -7
  108. package/esm/components/text/index.d.ts +1 -1
  109. package/esm/components/text/index.js +5 -5
  110. package/esm/getDataTestId-90258d60.d.ts +2 -0
  111. package/esm/getDataTestId-90258d60.js +6 -0
  112. package/esm/index.css +19 -19
  113. package/esm/index.js +5 -5
  114. package/esm/{tslib.es6-0b81605a.d.ts → tslib.es6-1cf86cfe.d.ts} +0 -0
  115. package/esm/{tslib.es6-0b81605a.js → tslib.es6-1cf86cfe.js} +0 -0
  116. package/getDataTestId-f5871123.d.ts +2 -0
  117. package/getDataTestId-f5871123.js +8 -0
  118. package/index.css +19 -19
  119. package/index.js +5 -7
  120. package/modern/{component-24de356a.d.ts → component-457b2244.d.ts} +0 -0
  121. package/modern/{component-24de356a.js → component-457b2244.js} +22 -22
  122. package/modern/component.js +5 -5
  123. package/modern/components/addon/component.js +2 -2
  124. package/modern/components/addon/index.css +9 -9
  125. package/modern/components/addon/index.js +2 -2
  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 +2 -2
  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 +2 -2
  132. package/modern/components/category/component.js +2 -2
  133. package/modern/components/category/index.css +5 -5
  134. package/modern/components/category/index.js +2 -2
  135. package/modern/components/content/component.js +5 -5
  136. package/modern/components/content/index.css +3 -3
  137. package/modern/components/content/index.d.ts +1 -1
  138. package/modern/components/content/index.js +4 -4
  139. package/modern/components/footer/component.js +2 -2
  140. package/modern/components/footer/index.css +4 -4
  141. package/modern/components/footer/index.js +2 -2
  142. package/modern/components/footer-button/component.js +2 -2
  143. package/modern/components/footer-button/index.css +2 -2
  144. package/modern/components/footer-button/index.js +2 -2
  145. package/modern/components/footer-text/component.js +1 -1
  146. package/modern/components/footer-text/index.js +2 -2
  147. package/modern/components/graphics/component.js +2 -2
  148. package/modern/components/graphics/index.css +5 -5
  149. package/modern/components/graphics/index.js +2 -2
  150. package/modern/components/main/component.js +5 -5
  151. package/modern/components/main/index.css +4 -4
  152. package/modern/components/main/index.d.ts +1 -1
  153. package/modern/components/main/index.js +4 -4
  154. package/modern/components/text/component.js +6 -6
  155. package/modern/components/text/index.css +7 -7
  156. package/modern/components/text/index.d.ts +1 -1
  157. package/modern/components/text/index.js +4 -4
  158. package/modern/getDataTestId-c412bc6d.d.ts +2 -0
  159. package/modern/{getDataTestId-d2f80834.js → getDataTestId-c412bc6d.js} +0 -0
  160. package/modern/index.css +19 -19
  161. package/modern/index.js +4 -4
  162. package/package.json +5 -5
  163. package/{tslib.es6-8010907c.d.ts → tslib.es6-d8b64d3f.d.ts} +0 -0
  164. package/{tslib.es6-8010907c.js → tslib.es6-d8b64d3f.js} +0 -0
  165. package/component-9d5aabde.js +0 -119
  166. package/cssm/getDataTestId-12a31ec3.d.ts +0 -2
  167. package/cssm/getDataTestId-12a31ec3.js +0 -8
  168. package/esm/getDataTestId-d9920c56.d.ts +0 -2
  169. package/esm/getDataTestId-d9920c56.js +0 -6
  170. package/getDataTestId-10edb210.d.ts +0 -2
  171. package/getDataTestId-10edb210.js +0 -8
  172. package/modern/getDataTestId-d2f80834.d.ts +0 -2
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { g as getDataTestId } from '../../getDataTestId-d9920c56.js';
3
2
  import { Typography } from '@alfalab/core-components-typography/esm';
3
+ import { g as getDataTestId } from '../../getDataTestId-90258d60.js';
4
4
 
5
5
  var FooterText = function (_a) {
6
6
  var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
@@ -1,4 +1,4 @@
1
+ export { FooterText } from './component.js';
1
2
  import 'react';
2
- import '../../getDataTestId-d9920c56.js';
3
3
  import '@alfalab/core-components-typography/esm';
4
- export { FooterText } from './component.js';
4
+ import '../../getDataTestId-90258d60.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
- import { g as getDataTestId } from '../../getDataTestId-d9920c56.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-90258d60.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_1qvws","top":"pure-cell__top_1qvws","center":"pure-cell__center_1qvws","bottom":"pure-cell__bottom_1qvws"};
5
+ var styles = {"component":"pure-cell__component_vtv8e","top":"pure-cell__top_vtv8e","center":"pure-cell__center_vtv8e","bottom":"pure-cell__bottom_vtv8e"};
6
6
  require('./index.css')
7
7
 
8
8
  var Graphics = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 1ur52 */
1
+ /* hash: wqapa */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -7,15 +7,15 @@
7
7
 
8
8
  /* Hard up */
9
9
  }
10
- .pure-cell__component_1qvws {
10
+ .pure-cell__component_vtv8e {
11
11
  flex-basis: auto;
12
12
  }
13
- .pure-cell__top_1qvws {
13
+ .pure-cell__top_vtv8e {
14
14
  align-self: flex-start;
15
15
  }
16
- .pure-cell__center_1qvws {
16
+ .pure-cell__center_vtv8e {
17
17
  align-self: center;
18
18
  }
19
- .pure-cell__bottom_1qvws {
19
+ .pure-cell__bottom_vtv8e {
20
20
  align-self: flex-end;
21
21
  }
@@ -1,4 +1,4 @@
1
+ export { Graphics } from './component.js';
1
2
  import 'react';
2
3
  import 'classnames';
3
- import '../../getDataTestId-d9920c56.js';
4
- export { Graphics } from './component.js';
4
+ import '../../getDataTestId-90258d60.js';
@@ -1,19 +1,19 @@
1
- import '../../tslib.es6-0b81605a.js';
2
1
  import 'react';
3
- import 'react-merge-refs';
4
2
  import 'classnames';
3
+ import '../../getDataTestId-90258d60.js';
4
+ export { M as Main } from '../../component-6805b622.js';
5
+ import '../../tslib.es6-1cf86cfe.js';
6
+ import 'react-merge-refs';
5
7
  import '@alfalab/core-components-comment/esm';
6
8
  import '@alfalab/hooks';
7
- import '../../getDataTestId-d9920c56.js';
8
9
  import '../addon/component.js';
10
+ import '../amount/component.js';
9
11
  import '@alfalab/core-components-amount/esm';
10
12
  import '@alfalab/core-components-typography/esm';
11
- import '../amount/component.js';
12
13
  import '../amount-title/component.js';
13
14
  import '../category/component.js';
14
- export { M as Main } from '../../component-65ac8158.js';
15
15
  import '../footer/component.js';
16
- import '@alfalab/core-components-button/esm';
17
16
  import '../footer-button/component.js';
17
+ import '@alfalab/core-components-button/esm';
18
18
  import '../footer-text/component.js';
19
19
  import '../graphics/component.js';
@@ -1,4 +1,4 @@
1
- /* hash: 122l9 */
1
+ /* hash: 8m7qy */
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_36djl {
13
+ .pure-cell__component_dkh7n {
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_36djl.pure-cell__vertical_36djl {
21
+ .pure-cell__component_dkh7n.pure-cell__vertical_dkh7n {
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_36djl.pure-cell__reverse_36djl {
29
+ .pure-cell__component_dkh7n.pure-cell__reverse_dkh7n {
30
30
  flex-direction: column-reverse;
31
31
  }
@@ -1 +1 @@
1
- export * from "../../component-65ac8158";
1
+ export * from "../../component-6805b622";
@@ -1,19 +1,19 @@
1
- import '../../tslib.es6-0b81605a.js';
1
+ export { M as Main } from '../../component-6805b622.js';
2
+ import '../../tslib.es6-1cf86cfe.js';
2
3
  import 'react';
3
4
  import 'react-merge-refs';
4
5
  import 'classnames';
5
6
  import '@alfalab/core-components-comment/esm';
6
7
  import '@alfalab/hooks';
7
- import '../../getDataTestId-d9920c56.js';
8
8
  import '../addon/component.js';
9
+ import '../../getDataTestId-90258d60.js';
10
+ import '../amount/component.js';
9
11
  import '@alfalab/core-components-amount/esm';
10
12
  import '@alfalab/core-components-typography/esm';
11
- import '../amount/component.js';
12
13
  import '../amount-title/component.js';
13
14
  import '../category/component.js';
14
- export { M as Main } from '../../component-65ac8158.js';
15
15
  import '../footer/component.js';
16
- import '@alfalab/core-components-button/esm';
17
16
  import '../footer-button/component.js';
17
+ import '@alfalab/core-components-button/esm';
18
18
  import '../footer-text/component.js';
19
19
  import '../graphics/component.js';
@@ -1,19 +1,19 @@
1
- import '../../tslib.es6-0b81605a.js';
2
1
  import 'react';
3
- import 'react-merge-refs';
4
2
  import 'classnames';
3
+ import '@alfalab/core-components-typography/esm';
4
+ import '../../getDataTestId-90258d60.js';
5
+ export { T as Text } from '../../component-6805b622.js';
6
+ import '../../tslib.es6-1cf86cfe.js';
7
+ import 'react-merge-refs';
5
8
  import '@alfalab/core-components-comment/esm';
6
9
  import '@alfalab/hooks';
7
- import '../../getDataTestId-d9920c56.js';
8
10
  import '../addon/component.js';
9
- import '@alfalab/core-components-amount/esm';
10
- import '@alfalab/core-components-typography/esm';
11
11
  import '../amount/component.js';
12
+ import '@alfalab/core-components-amount/esm';
12
13
  import '../amount-title/component.js';
13
14
  import '../category/component.js';
14
- export { T as Text } from '../../component-65ac8158.js';
15
15
  import '../footer/component.js';
16
- import '@alfalab/core-components-button/esm';
17
16
  import '../footer-button/component.js';
17
+ import '@alfalab/core-components-button/esm';
18
18
  import '../footer-text/component.js';
19
19
  import '../graphics/component.js';
@@ -1,4 +1,4 @@
1
- /* hash: dsewg */
1
+ /* hash: 1g8sv */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,34 +11,34 @@
11
11
  --gap-3xs: 2px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .pure-cell__horizontal_1pv4w {
14
+ .pure-cell__horizontal_pjue2 {
15
15
  padding: var(--gap-3xs) 0;
16
16
  }
17
- .pure-cell__rowLimit1_1pv4w {
17
+ .pure-cell__rowLimit1_pjue2 {
18
18
  -webkit-line-clamp: 1;
19
19
  display: -webkit-box;
20
20
  -webkit-box-orient: vertical;
21
21
  overflow: hidden;
22
22
  word-break: break-all;
23
23
  }
24
- .pure-cell__rowLimit2_1pv4w {
24
+ .pure-cell__rowLimit2_pjue2 {
25
25
  -webkit-line-clamp: 2;
26
26
  display: -webkit-box;
27
27
  -webkit-box-orient: vertical;
28
28
  overflow: hidden;
29
29
  word-break: break-all;
30
30
  }
31
- .pure-cell__component_1pv4w {
31
+ .pure-cell__component_pjue2 {
32
32
  display: flex;
33
33
  flex-direction: row;
34
34
  flex-wrap: nowrap;
35
35
  justify-content: space-between;
36
36
  margin: var(--gap-3xs) 0;
37
37
  }
38
- .pure-cell__component_1pv4w .pure-cell__vertical_1pv4w {
38
+ .pure-cell__component_pjue2 .pure-cell__vertical_pjue2 {
39
39
  justify-content: center;
40
40
  }
41
- .pure-cell__title_1pv4w + .pure-cell__value_1pv4w {
41
+ .pure-cell__title_pjue2 + .pure-cell__value_pjue2 {
42
42
  margin-left: var(--gap-m);
43
43
  flex-shrink: 0;
44
44
  }
@@ -1 +1 @@
1
- export * from "../../component-65ac8158";
1
+ export * from "../../component-6805b622";
@@ -1,19 +1,19 @@
1
- import '../../tslib.es6-0b81605a.js';
1
+ export { T as Text } from '../../component-6805b622.js';
2
+ import '../../tslib.es6-1cf86cfe.js';
2
3
  import 'react';
3
4
  import 'react-merge-refs';
4
5
  import 'classnames';
5
6
  import '@alfalab/core-components-comment/esm';
6
7
  import '@alfalab/hooks';
7
- import '../../getDataTestId-d9920c56.js';
8
8
  import '../addon/component.js';
9
+ import '../../getDataTestId-90258d60.js';
10
+ import '../amount/component.js';
9
11
  import '@alfalab/core-components-amount/esm';
10
12
  import '@alfalab/core-components-typography/esm';
11
- import '../amount/component.js';
12
13
  import '../amount-title/component.js';
13
14
  import '../category/component.js';
14
- export { T as Text } from '../../component-65ac8158.js';
15
15
  import '../footer/component.js';
16
- import '@alfalab/core-components-button/esm';
17
16
  import '../footer-button/component.js';
17
+ import '@alfalab/core-components-button/esm';
18
18
  import '../footer-text/component.js';
19
19
  import '../graphics/component.js';
@@ -0,0 +1,2 @@
1
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
2
+ export { getDataTestId };
@@ -0,0 +1,6 @@
1
+ var getDataTestId = function (dataTestId, element) {
2
+ var elementPart = element ? "-".concat(element.toLowerCase()) : '';
3
+ return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
4
+ };
5
+
6
+ export { getDataTestId as g };
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: m5rsn */
1
+ /* hash: 1exd6 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  }
@@ -19,25 +19,25 @@
19
19
  :root {
20
20
  --focus-color: var(--color-light-border-link);
21
21
  }
22
- .pure-cell__component_159d8 {
22
+ .pure-cell__component_a7bok {
23
23
  text-align: unset;
24
24
 
25
25
  /** line-height наследуется. Если его не обнулить, то все иконки внутри будут иметь неверный размер */
26
26
  line-height: 0;
27
27
  box-sizing: border-box;
28
28
  }
29
- .pure-cell__horizontal_159d8 {
29
+ .pure-cell__horizontal_a7bok {
30
30
  display: flex;
31
31
  width: 100%;
32
32
  grid-column-gap: var(--gap-m);
33
33
  }
34
- .pure-cell__vertical_159d8 {
34
+ .pure-cell__vertical_a7bok {
35
35
  display: flex;
36
36
  align-items: center;
37
37
  flex-direction: column;
38
38
  grid-row-gap: var(--gap-s);
39
39
  }
40
- .pure-cell__button_159d8 {
40
+ .pure-cell__button_a7bok {
41
41
  font-family: inherit;
42
42
  background: none;
43
43
  border: 0;
@@ -46,50 +46,50 @@
46
46
  transition: opacity 0.15s ease-in-out;
47
47
  padding: 0
48
48
  }
49
- .pure-cell__button_159d8:hover {
49
+ .pure-cell__button_a7bok:hover {
50
50
  opacity: 0.8;
51
51
  }
52
- .pure-cell__button_159d8:active {
52
+ .pure-cell__button_a7bok:active {
53
53
  opacity: 0.6;
54
54
  }
55
- .pure-cell__link_159d8 {
55
+ .pure-cell__link_a7bok {
56
56
  text-decoration: none;
57
57
  color: inherit;
58
58
  cursor: pointer;
59
59
  transition: opacity 0.15s ease-in-out
60
60
  }
61
- .pure-cell__link_159d8:hover {
61
+ .pure-cell__link_a7bok:hover {
62
62
  opacity: 0.8;
63
63
  }
64
- .pure-cell__link_159d8:active {
64
+ .pure-cell__link_a7bok:active {
65
65
  opacity: 0.6;
66
66
  }
67
- .pure-cell__none_159d8 {
67
+ .pure-cell__none_a7bok {
68
68
  padding: 0;
69
69
  }
70
- .pure-cell__airy_159d8 {
70
+ .pure-cell__airy_a7bok {
71
71
  padding: var(--gap-m) 0;
72
72
  }
73
- .pure-cell__defaultPadding_159d8 {
73
+ .pure-cell__defaultPadding_a7bok {
74
74
  padding: var(--gap-s) 0;
75
75
  }
76
- .pure-cell__compact_159d8 {
76
+ .pure-cell__compact_a7bok {
77
77
  padding: var(--gap-xs) 0;
78
78
  }
79
- .pure-cell__tiny_159d8 {
79
+ .pure-cell__tiny_a7bok {
80
80
  padding: var(--gap-2xs) 0;
81
81
  }
82
- .pure-cell__left_159d8 {
82
+ .pure-cell__left_a7bok {
83
83
  padding-left: var(--gap-m);
84
84
  }
85
- .pure-cell__right_159d8 {
85
+ .pure-cell__right_a7bok {
86
86
  padding-right: var(--gap-m);
87
87
  }
88
- .pure-cell__both_159d8 {
88
+ .pure-cell__both_a7bok {
89
89
  padding-right: var(--gap-m);
90
90
  padding-left: var(--gap-m);
91
91
  }
92
- .pure-cell__focused_159d8 {
92
+ .pure-cell__focused_a7bok {
93
93
  outline: 2px solid var(--focus-color);
94
94
  outline-offset: 2px;
95
95
  }
package/esm/index.js CHANGED
@@ -1,19 +1,19 @@
1
- import './tslib.es6-0b81605a.js';
1
+ export { P as PureCell } from './component-6805b622.js';
2
+ import './tslib.es6-1cf86cfe.js';
2
3
  import 'react';
3
4
  import 'react-merge-refs';
4
5
  import 'classnames';
5
6
  import '@alfalab/core-components-comment/esm';
6
7
  import '@alfalab/hooks';
7
- import './getDataTestId-d9920c56.js';
8
8
  import './components/addon/component.js';
9
+ import './getDataTestId-90258d60.js';
10
+ import './components/amount/component.js';
9
11
  import '@alfalab/core-components-amount/esm';
10
12
  import '@alfalab/core-components-typography/esm';
11
- import './components/amount/component.js';
12
13
  import './components/amount-title/component.js';
13
14
  import './components/category/component.js';
14
- export { P as PureCell } from './component-65ac8158.js';
15
15
  import './components/footer/component.js';
16
- import '@alfalab/core-components-button/esm';
17
16
  import './components/footer-button/component.js';
17
+ import '@alfalab/core-components-button/esm';
18
18
  import './components/footer-text/component.js';
19
19
  import './components/graphics/component.js';
@@ -0,0 +1,2 @@
1
+ declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
2
+ export { getDataTestId };
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ var getDataTestId = function (dataTestId, element) {
4
+ var elementPart = element ? "-".concat(element.toLowerCase()) : '';
5
+ return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
6
+ };
7
+
8
+ exports.getDataTestId = getDataTestId;
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: m5rsn */
1
+ /* hash: 1exd6 */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  }
@@ -19,25 +19,25 @@
19
19
  :root {
20
20
  --focus-color: var(--color-light-border-link);
21
21
  }
22
- .pure-cell__component_159d8 {
22
+ .pure-cell__component_a7bok {
23
23
  text-align: unset;
24
24
 
25
25
  /** line-height наследуется. Если его не обнулить, то все иконки внутри будут иметь неверный размер */
26
26
  line-height: 0;
27
27
  box-sizing: border-box;
28
28
  }
29
- .pure-cell__horizontal_159d8 {
29
+ .pure-cell__horizontal_a7bok {
30
30
  display: flex;
31
31
  width: 100%;
32
32
  grid-column-gap: var(--gap-m);
33
33
  }
34
- .pure-cell__vertical_159d8 {
34
+ .pure-cell__vertical_a7bok {
35
35
  display: flex;
36
36
  align-items: center;
37
37
  flex-direction: column;
38
38
  grid-row-gap: var(--gap-s);
39
39
  }
40
- .pure-cell__button_159d8 {
40
+ .pure-cell__button_a7bok {
41
41
  font-family: inherit;
42
42
  background: none;
43
43
  border: 0;
@@ -46,50 +46,50 @@
46
46
  transition: opacity 0.15s ease-in-out;
47
47
  padding: 0
48
48
  }
49
- .pure-cell__button_159d8:hover {
49
+ .pure-cell__button_a7bok:hover {
50
50
  opacity: 0.8;
51
51
  }
52
- .pure-cell__button_159d8:active {
52
+ .pure-cell__button_a7bok:active {
53
53
  opacity: 0.6;
54
54
  }
55
- .pure-cell__link_159d8 {
55
+ .pure-cell__link_a7bok {
56
56
  text-decoration: none;
57
57
  color: inherit;
58
58
  cursor: pointer;
59
59
  transition: opacity 0.15s ease-in-out
60
60
  }
61
- .pure-cell__link_159d8:hover {
61
+ .pure-cell__link_a7bok:hover {
62
62
  opacity: 0.8;
63
63
  }
64
- .pure-cell__link_159d8:active {
64
+ .pure-cell__link_a7bok:active {
65
65
  opacity: 0.6;
66
66
  }
67
- .pure-cell__none_159d8 {
67
+ .pure-cell__none_a7bok {
68
68
  padding: 0;
69
69
  }
70
- .pure-cell__airy_159d8 {
70
+ .pure-cell__airy_a7bok {
71
71
  padding: var(--gap-m) 0;
72
72
  }
73
- .pure-cell__defaultPadding_159d8 {
73
+ .pure-cell__defaultPadding_a7bok {
74
74
  padding: var(--gap-s) 0;
75
75
  }
76
- .pure-cell__compact_159d8 {
76
+ .pure-cell__compact_a7bok {
77
77
  padding: var(--gap-xs) 0;
78
78
  }
79
- .pure-cell__tiny_159d8 {
79
+ .pure-cell__tiny_a7bok {
80
80
  padding: var(--gap-2xs) 0;
81
81
  }
82
- .pure-cell__left_159d8 {
82
+ .pure-cell__left_a7bok {
83
83
  padding-left: var(--gap-m);
84
84
  }
85
- .pure-cell__right_159d8 {
85
+ .pure-cell__right_a7bok {
86
86
  padding-right: var(--gap-m);
87
87
  }
88
- .pure-cell__both_159d8 {
88
+ .pure-cell__both_a7bok {
89
89
  padding-right: var(--gap-m);
90
90
  padding-left: var(--gap-m);
91
91
  }
92
- .pure-cell__focused_159d8 {
92
+ .pure-cell__focused_a7bok {
93
93
  outline: 2px solid var(--focus-color);
94
94
  outline-offset: 2px;
95
95
  }
package/index.js CHANGED
@@ -1,24 +1,22 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- require('./tslib.es6-8010907c.js');
3
+ var components_content_component = require('./component-633eda3f.js');
4
+ require('./tslib.es6-d8b64d3f.js');
6
5
  require('react');
7
6
  require('react-merge-refs');
8
7
  require('classnames');
9
8
  require('@alfalab/core-components-comment');
10
9
  require('@alfalab/hooks');
11
- require('./getDataTestId-10edb210.js');
12
10
  require('./components/addon/component.js');
11
+ require('./getDataTestId-f5871123.js');
12
+ require('./components/amount/component.js');
13
13
  require('@alfalab/core-components-amount');
14
14
  require('@alfalab/core-components-typography');
15
- require('./components/amount/component.js');
16
15
  require('./components/amount-title/component.js');
17
16
  require('./components/category/component.js');
18
- var components_content_component = require('./component-9d5aabde.js');
19
17
  require('./components/footer/component.js');
20
- require('@alfalab/core-components-button');
21
18
  require('./components/footer-button/component.js');
19
+ require('@alfalab/core-components-button');
22
20
  require('./components/footer-text/component.js');
23
21
  require('./components/graphics/component.js');
24
22
 
@@ -3,49 +3,49 @@ import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
4
  import { Comment } from '@alfalab/core-components-comment/modern';
5
5
  import { useFocus } from '@alfalab/hooks';
6
- import { g as getDataTestId } from './getDataTestId-d2f80834.js';
7
6
  import { Addon } from './components/addon/component.js';
8
- import { Typography } from '@alfalab/core-components-typography/modern';
9
7
  import { Amount } from './components/amount/component.js';
10
8
  import { AmountTitle } from './components/amount-title/component.js';
11
9
  import { Category } from './components/category/component.js';
10
+ import { g as getDataTestId } from './getDataTestId-c412bc6d.js';
12
11
  import { Footer } from './components/footer/component.js';
13
12
  import { FooterButton } from './components/footer-button/component.js';
14
13
  import { FooterText } from './components/footer-text/component.js';
15
14
  import { Graphics } from './components/graphics/component.js';
15
+ import { Typography } from '@alfalab/core-components-typography/modern';
16
16
 
17
- var styles = {"component":"pure-cell__component_ecump","horizontal":"pure-cell__horizontal_ecump"};
17
+ const styles$3 = {"component":"pure-cell__component_1n3nf","horizontal":"pure-cell__horizontal_1n3nf"};
18
18
  require('./components/content/index.css')
19
19
 
20
20
  const Content = ({ children, dataTestId }) => {
21
21
  const { direction } = useContext(PureCellContext);
22
- return (React.createElement("section", { className: cn(styles.component, { [styles.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
22
+ return (React.createElement("section", { className: cn(styles$3.component, { [styles$3.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
23
23
  };
24
24
 
25
- var styles$1 = {"component":"pure-cell__component_36djl","vertical":"pure-cell__vertical_36djl","reverse":"pure-cell__reverse_36djl"};
25
+ const styles$2 = {"component":"pure-cell__component_dkh7n","vertical":"pure-cell__vertical_dkh7n","reverse":"pure-cell__reverse_dkh7n"};
26
26
  require('./components/main/index.css')
27
27
 
28
28
  const Main = ({ children, isReverse, dataTestId }) => {
29
29
  const { direction = 'horizontal' } = useContext(PureCellContext);
30
- return (React.createElement("div", { className: cn(styles$1.component, styles$1[direction], {
31
- [styles$1.reverse]: isReverse,
30
+ return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], {
31
+ [styles$2.reverse]: isReverse,
32
32
  }), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
33
33
  };
34
34
 
35
- var styles$2 = {"horizontal":"pure-cell__horizontal_1pv4w","rowLimit1":"pure-cell__rowLimit1_1pv4w","rowLimit2":"pure-cell__rowLimit2_1pv4w","component":"pure-cell__component_1pv4w","vertical":"pure-cell__vertical_1pv4w","title":"pure-cell__title_1pv4w","value":"pure-cell__value_1pv4w"};
35
+ const styles$1 = {"horizontal":"pure-cell__horizontal_pjue2","rowLimit1":"pure-cell__rowLimit1_pjue2","rowLimit2":"pure-cell__rowLimit2_pjue2","component":"pure-cell__component_pjue2","vertical":"pure-cell__vertical_pjue2","title":"pure-cell__title_pjue2","value":"pure-cell__value_pjue2"};
36
36
  require('./components/text/index.css')
37
37
 
38
38
  const Text = ({ children, value, rowLimit, view = 'component', titleColor, valueColor, dataTestId, }) => {
39
39
  const { direction = 'horizontal' } = useContext(PureCellContext);
40
- const className = rowLimit && styles$2[`rowLimit${rowLimit}`];
41
- return (React.createElement("div", { className: cn(styles$2.component, {
42
- [styles$2.vertical]: direction !== 'horizontal',
40
+ const className = rowLimit && styles$1[`rowLimit${rowLimit}`];
41
+ return (React.createElement("div", { className: cn(styles$1.component, {
42
+ [styles$1.vertical]: direction !== 'horizontal',
43
43
  }) },
44
- 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)),
45
- value !== undefined && (React.createElement("span", { className: styles$2.value }, typeof value === 'string' ? (React.createElement(Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, value)) : (value)))));
44
+ React.createElement("span", { className: styles$1.title }, typeof children === 'string' ? (React.createElement(Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, children)) : (children)),
45
+ value !== undefined && (React.createElement("span", { className: styles$1.value }, typeof value === 'string' ? (React.createElement(Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text') }, value)) : (value)))));
46
46
  };
47
47
 
48
- var styles$3 = {"component":"pure-cell__component_159d8","horizontal":"pure-cell__horizontal_159d8","vertical":"pure-cell__vertical_159d8","button":"pure-cell__button_159d8","link":"pure-cell__link_159d8","none":"pure-cell__none_159d8","airy":"pure-cell__airy_159d8","defaultPadding":"pure-cell__defaultPadding_159d8","compact":"pure-cell__compact_159d8","tiny":"pure-cell__tiny_159d8","left":"pure-cell__left_159d8","right":"pure-cell__right_159d8","both":"pure-cell__both_159d8","focused":"pure-cell__focused_159d8"};
48
+ const styles = {"component":"pure-cell__component_a7bok","horizontal":"pure-cell__horizontal_a7bok","vertical":"pure-cell__vertical_a7bok","button":"pure-cell__button_a7bok","link":"pure-cell__link_a7bok","none":"pure-cell__none_a7bok","airy":"pure-cell__airy_a7bok","defaultPadding":"pure-cell__defaultPadding_a7bok","compact":"pure-cell__compact_a7bok","tiny":"pure-cell__tiny_a7bok","left":"pure-cell__left_a7bok","right":"pure-cell__right_a7bok","both":"pure-cell__both_a7bok","focused":"pure-cell__focused_a7bok"};
49
49
  require('./index.css')
50
50
 
51
51
  /* eslint-disable react/jsx-no-constructed-context-values */
@@ -55,22 +55,22 @@ const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, ta
55
55
  const cellRef = useRef(null);
56
56
  const [focused] = useFocus(cellRef, 'keyboard');
57
57
  const addClasses = {
58
- [styles$3.component]: true,
59
- [styles$3.focused]: focused,
60
- [styles$3[direction]]: true,
61
- [styles$3.defaultPadding]: verticalPadding === 'default',
62
- [styles$3[verticalPadding]]: verticalPadding !== 'default',
63
- [styles$3[horizontalPadding]]: true,
58
+ [styles.component]: true,
59
+ [styles.focused]: focused,
60
+ [styles[direction]]: true,
61
+ [styles.defaultPadding]: verticalPadding === 'default',
62
+ [styles[verticalPadding]]: verticalPadding !== 'default',
63
+ [styles[horizontalPadding]]: true,
64
64
  };
65
65
  if (href) {
66
66
  const { target } = restProps;
67
67
  // Для совместимости с react-router-dom, меняем href на to
68
68
  const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
69
- return (React.createElement(Component, { 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 },
69
+ return (React.createElement(Component, { rel: target === '_blank' ? 'noreferrer noopener' : undefined, ...restProps, ...hrefProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
70
70
  React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
71
71
  }
72
72
  if (onClick) {
73
- return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles$3.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
73
+ return (React.createElement(Component, { ...restProps, ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
74
74
  React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
75
75
  }
76
76
  return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },