@alfalab/core-components-pure-cell 4.0.0 → 4.0.2

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 (164) hide show
  1. package/{component-e81848a4.d.ts → component-c04791cf.d.ts} +0 -0
  2. package/{component-e81848a4.js → component-c04791cf.js} +8 -7
  3. package/{component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +6 -4
  4. package/component.js +5 -5
  5. package/components/addon/component.js +2 -2
  6. package/components/addon/index.css +9 -9
  7. package/components/addon/index.js +1 -1
  8. package/components/amount/component.js +4 -4
  9. package/components/amount/index.css +2 -2
  10. package/components/amount/index.js +3 -3
  11. package/components/amount-title/component.js +4 -4
  12. package/components/amount-title/index.css +3 -3
  13. package/components/amount-title/index.js +3 -3
  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 +5 -5
  18. package/components/content/index.css +3 -3
  19. package/components/content/index.d.ts +1 -1
  20. package/components/content/index.js +5 -5
  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 +3 -3
  25. package/components/footer-button/index.css +2 -2
  26. package/components/footer-button/index.js +2 -2
  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 +2 -2
  31. package/components/graphics/index.js +1 -1
  32. package/components/main/component.js +5 -5
  33. package/components/main/index.css +4 -4
  34. package/components/main/index.d.ts +1 -1
  35. package/components/main/index.js +5 -5
  36. package/components/text/component.js +5 -5
  37. package/components/text/index.css +7 -7
  38. package/components/text/index.d.ts +1 -1
  39. package/components/text/index.js +5 -5
  40. package/components/typesProps.d.ts +1 -1
  41. package/{modern/component-3f45f3c4.d.ts → cssm/component-c49f24a8.d.ts} +6 -4
  42. package/cssm/{component-0839382a.d.ts → component-c4e268e7.d.ts} +0 -0
  43. package/cssm/{component-0839382a.js → component-c4e268e7.js} +3 -2
  44. package/cssm/component.js +4 -4
  45. package/cssm/components/amount/component.js +2 -2
  46. package/cssm/components/amount/index.js +2 -2
  47. package/cssm/components/amount-title/component.js +2 -2
  48. package/cssm/components/amount-title/index.js +2 -2
  49. package/cssm/components/content/component.js +4 -4
  50. package/cssm/components/content/index.d.ts +1 -1
  51. package/cssm/components/content/index.js +4 -4
  52. package/cssm/components/footer-button/component.js +1 -1
  53. package/cssm/components/footer-button/index.js +1 -1
  54. package/cssm/components/main/component.js +4 -4
  55. package/cssm/components/main/index.d.ts +1 -1
  56. package/cssm/components/main/index.js +4 -4
  57. package/cssm/components/text/component.js +4 -4
  58. package/cssm/components/text/index.d.ts +1 -1
  59. package/cssm/components/text/index.js +4 -4
  60. package/cssm/components/typesProps.d.ts +1 -1
  61. package/cssm/index.d.ts +1 -1
  62. package/cssm/index.js +4 -4
  63. package/cssm/{tslib.es6-ce870b46.d.ts → tslib.es6-9682e485.d.ts} +8 -4
  64. package/{tslib.es6-37028810.js → cssm/tslib.es6-9682e485.js} +1 -1
  65. package/esm/{component-92010732.d.ts → component-9010b0ab.d.ts} +0 -0
  66. package/esm/{component-92010732.js → component-9010b0ab.js} +8 -7
  67. package/esm/{component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +6 -4
  68. package/esm/component.js +5 -5
  69. package/esm/components/addon/component.js +2 -2
  70. package/esm/components/addon/index.css +9 -9
  71. package/esm/components/addon/index.js +1 -1
  72. package/esm/components/amount/component.js +4 -4
  73. package/esm/components/amount/index.css +2 -2
  74. package/esm/components/amount/index.js +3 -3
  75. package/esm/components/amount-title/component.js +4 -4
  76. package/esm/components/amount-title/index.css +3 -3
  77. package/esm/components/amount-title/index.js +3 -3
  78. package/esm/components/category/component.js +2 -2
  79. package/esm/components/category/index.css +5 -5
  80. package/esm/components/category/index.js +1 -1
  81. package/esm/components/content/component.js +5 -5
  82. package/esm/components/content/index.css +3 -3
  83. package/esm/components/content/index.d.ts +1 -1
  84. package/esm/components/content/index.js +5 -5
  85. package/esm/components/footer/component.js +2 -2
  86. package/esm/components/footer/index.css +4 -4
  87. package/esm/components/footer/index.js +1 -1
  88. package/esm/components/footer-button/component.js +3 -3
  89. package/esm/components/footer-button/index.css +2 -2
  90. package/esm/components/footer-button/index.js +2 -2
  91. package/esm/components/footer-text/component.js +1 -1
  92. package/esm/components/footer-text/index.js +1 -1
  93. package/esm/components/graphics/component.js +2 -2
  94. package/esm/components/graphics/index.css +2 -2
  95. package/esm/components/graphics/index.js +1 -1
  96. package/esm/components/main/component.js +5 -5
  97. package/esm/components/main/index.css +4 -4
  98. package/esm/components/main/index.d.ts +1 -1
  99. package/esm/components/main/index.js +5 -5
  100. package/esm/components/text/component.js +5 -5
  101. package/esm/components/text/index.css +7 -7
  102. package/esm/components/text/index.d.ts +1 -1
  103. package/esm/components/text/index.js +5 -5
  104. package/esm/components/typesProps.d.ts +1 -1
  105. package/esm/{getDataTestId-a5ad08de.d.ts → getDataTestId-a82f2b26.d.ts} +0 -0
  106. package/esm/{getDataTestId-a5ad08de.js → getDataTestId-a82f2b26.js} +0 -0
  107. package/esm/index.css +19 -19
  108. package/esm/index.d.ts +1 -1
  109. package/esm/index.js +5 -5
  110. package/esm/{tslib.es6-1c2475cc.d.ts → tslib.es6-26d6dd58.d.ts} +8 -4
  111. package/esm/{tslib.es6-1c2475cc.js → tslib.es6-26d6dd58.js} +1 -1
  112. package/{getDataTestId-874edbee.d.ts → getDataTestId-36b0b09b.d.ts} +0 -0
  113. package/{getDataTestId-874edbee.js → getDataTestId-36b0b09b.js} +0 -0
  114. package/index.css +19 -19
  115. package/index.d.ts +1 -1
  116. package/index.js +5 -5
  117. package/modern/{component-0aebd563.d.ts → component-699dc784.d.ts} +0 -0
  118. package/modern/{component-0aebd563.js → component-699dc784.js} +10 -8
  119. package/{cssm/component-3f45f3c4.d.ts → modern/component-c49f24a8.d.ts} +6 -4
  120. package/modern/component.js +4 -4
  121. package/modern/components/addon/component.js +2 -2
  122. package/modern/components/addon/index.css +9 -9
  123. package/modern/components/addon/index.js +1 -1
  124. package/modern/components/amount/component.js +5 -7
  125. package/modern/components/amount/index.css +2 -2
  126. package/modern/components/amount/index.js +2 -2
  127. package/modern/components/amount-title/component.js +5 -7
  128. package/modern/components/amount-title/index.css +3 -3
  129. package/modern/components/amount-title/index.js +2 -2
  130. package/modern/components/category/component.js +2 -2
  131. package/modern/components/category/index.css +5 -5
  132. package/modern/components/category/index.js +1 -1
  133. package/modern/components/content/component.js +4 -4
  134. package/modern/components/content/index.css +3 -3
  135. package/modern/components/content/index.d.ts +1 -1
  136. package/modern/components/content/index.js +4 -4
  137. package/modern/components/footer/component.js +2 -2
  138. package/modern/components/footer/index.css +4 -4
  139. package/modern/components/footer/index.js +1 -1
  140. package/modern/components/footer-button/component.js +3 -3
  141. package/modern/components/footer-button/index.css +2 -2
  142. package/modern/components/footer-button/index.js +1 -1
  143. package/modern/components/footer-text/component.js +1 -1
  144. package/modern/components/footer-text/index.js +1 -1
  145. package/modern/components/graphics/component.js +3 -5
  146. package/modern/components/graphics/index.css +2 -2
  147. package/modern/components/graphics/index.js +1 -1
  148. package/modern/components/main/component.js +4 -4
  149. package/modern/components/main/index.css +4 -4
  150. package/modern/components/main/index.d.ts +1 -1
  151. package/modern/components/main/index.js +4 -4
  152. package/modern/components/text/component.js +4 -4
  153. package/modern/components/text/index.css +7 -7
  154. package/modern/components/text/index.d.ts +1 -1
  155. package/modern/components/text/index.js +4 -4
  156. package/modern/components/typesProps.d.ts +1 -1
  157. package/modern/{getDataTestId-997a290e.d.ts → getDataTestId-a3e2fdbc.d.ts} +0 -0
  158. package/modern/{getDataTestId-997a290e.js → getDataTestId-a3e2fdbc.js} +0 -0
  159. package/modern/index.css +19 -19
  160. package/modern/index.d.ts +1 -1
  161. package/modern/index.js +4 -4
  162. package/package.json +5 -5
  163. package/{tslib.es6-37028810.d.ts → tslib.es6-d4614c2f.d.ts} +8 -4
  164. package/{cssm/tslib.es6-ce870b46.js → tslib.es6-d4614c2f.js} +1 -1
@@ -1,4 +1,4 @@
1
- /* hash: sxozn */
1
+ /* hash: 5xc2v */
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_ikr9m {
13
+ .pure-cell__component_hokcb {
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_ikr9m.pure-cell__vertical_ikr9m {
21
+ .pure-cell__component_hokcb.pure-cell__vertical_hokcb {
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_ikr9m.pure-cell__reverse_ikr9m {
29
+ .pure-cell__component_hokcb.pure-cell__reverse_hokcb {
30
30
  flex-direction: column-reverse;
31
31
  }
@@ -1 +1 @@
1
- export * from "../../component-92010732";
1
+ export * from "../../component-9010b0ab";
@@ -1,17 +1,17 @@
1
- import '../../tslib.es6-1c2475cc.js';
1
+ import '../../tslib.es6-26d6dd58.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
- import '@alfalab/hooks';
6
5
  import '@alfalab/core-components-comment/esm';
7
- import '../../getDataTestId-a5ad08de.js';
6
+ import '@alfalab/hooks';
7
+ import '../../getDataTestId-a82f2b26.js';
8
8
  import '../addon/component.js';
9
- import '@alfalab/core-components-typography/esm';
10
9
  import '@alfalab/core-components-amount/esm';
10
+ import '@alfalab/core-components-typography/esm';
11
11
  import '../amount/component.js';
12
12
  import '../amount-title/component.js';
13
13
  import '../category/component.js';
14
- export { M as Main } from '../../component-92010732.js';
14
+ export { M as Main } from '../../component-9010b0ab.js';
15
15
  import '../footer/component.js';
16
16
  import '@alfalab/core-components-button/esm';
17
17
  import '../footer-button/component.js';
@@ -1,17 +1,17 @@
1
- import '../../tslib.es6-1c2475cc.js';
1
+ import '../../tslib.es6-26d6dd58.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
- import '@alfalab/hooks';
6
5
  import '@alfalab/core-components-comment/esm';
7
- import '../../getDataTestId-a5ad08de.js';
6
+ import '@alfalab/hooks';
7
+ import '../../getDataTestId-a82f2b26.js';
8
8
  import '../addon/component.js';
9
- import '@alfalab/core-components-typography/esm';
10
9
  import '@alfalab/core-components-amount/esm';
10
+ import '@alfalab/core-components-typography/esm';
11
11
  import '../amount/component.js';
12
12
  import '../amount-title/component.js';
13
13
  import '../category/component.js';
14
- export { T as Text } from '../../component-92010732.js';
14
+ export { T as Text } from '../../component-9010b0ab.js';
15
15
  import '../footer/component.js';
16
16
  import '@alfalab/core-components-button/esm';
17
17
  import '../footer-button/component.js';
@@ -1,4 +1,4 @@
1
- /* hash: 5qrb6 */
1
+ /* hash: 17h1c */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -11,33 +11,33 @@
11
11
  --gap-3xs: 2px;
12
12
  --gap-m: 16px;
13
13
  }
14
- .pure-cell__horizontal_1vazz {
14
+ .pure-cell__horizontal_yqk08 {
15
15
  padding: var(--gap-3xs) 0;
16
16
  }
17
- .pure-cell__rowLimit1_1vazz {
17
+ .pure-cell__rowLimit1_yqk08 {
18
18
  display: -webkit-box;
19
19
  -webkit-line-clamp: 1;
20
20
  -webkit-box-orient: vertical;
21
21
  overflow: hidden;
22
22
  word-break: break-all;
23
23
  }
24
- .pure-cell__rowLimit2_1vazz {
24
+ .pure-cell__rowLimit2_yqk08 {
25
25
  display: -webkit-box;
26
26
  -webkit-line-clamp: 2;
27
27
  -webkit-box-orient: vertical;
28
28
  overflow: hidden;
29
29
  }
30
- .pure-cell__component_1vazz {
30
+ .pure-cell__component_yqk08 {
31
31
  display: flex;
32
32
  flex-direction: row;
33
33
  flex-wrap: nowrap;
34
34
  justify-content: space-between;
35
35
  margin: var(--gap-3xs) 0;
36
36
  }
37
- .pure-cell__component_1vazz .pure-cell__vertical_1vazz {
37
+ .pure-cell__component_yqk08 .pure-cell__vertical_yqk08 {
38
38
  justify-content: center;
39
39
  }
40
- .pure-cell__title_1vazz + .pure-cell__value_1vazz {
40
+ .pure-cell__title_yqk08 + .pure-cell__value_yqk08 {
41
41
  margin-left: var(--gap-m);
42
42
  flex-shrink: 0;
43
43
  }
@@ -1 +1 @@
1
- export * from "../../component-92010732";
1
+ export * from "../../component-9010b0ab";
@@ -1,17 +1,17 @@
1
- import '../../tslib.es6-1c2475cc.js';
1
+ import '../../tslib.es6-26d6dd58.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
- import '@alfalab/hooks';
6
5
  import '@alfalab/core-components-comment/esm';
7
- import '../../getDataTestId-a5ad08de.js';
6
+ import '@alfalab/hooks';
7
+ import '../../getDataTestId-a82f2b26.js';
8
8
  import '../addon/component.js';
9
- import '@alfalab/core-components-typography/esm';
10
9
  import '@alfalab/core-components-amount/esm';
10
+ import '@alfalab/core-components-typography/esm';
11
11
  import '../amount/component.js';
12
12
  import '../amount-title/component.js';
13
13
  import '../category/component.js';
14
- export { T as Text } from '../../component-92010732.js';
14
+ export { T as Text } from '../../component-9010b0ab.js';
15
15
  import '../footer/component.js';
16
16
  import '@alfalab/core-components-button/esm';
17
17
  import '../footer-button/component.js';
@@ -1,5 +1,5 @@
1
- import { CurrencyCodes } from '@alfalab/data';
2
1
  import { ReactNode } from 'react';
2
+ import { CurrencyCodes } from '@alfalab/data';
3
3
  type AmountProps = {
4
4
  /**
5
5
  * Денежное значение в минорных единицах
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1u4gi */
1
+ /* hash: 1mtou */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  }
@@ -19,21 +19,21 @@
19
19
  :root {
20
20
  --focus-color: var(--color-light-border-link);
21
21
  }
22
- .pure-cell__component_15qoi {
22
+ .pure-cell__component_oqwpp {
23
23
  text-align: unset;
24
24
  }
25
- .pure-cell__horizontal_15qoi {
25
+ .pure-cell__horizontal_oqwpp {
26
26
  display: flex;
27
27
  width: 100%;
28
28
  grid-column-gap: var(--gap-m);
29
29
  }
30
- .pure-cell__vertical_15qoi {
30
+ .pure-cell__vertical_oqwpp {
31
31
  display: flex;
32
32
  align-items: center;
33
33
  flex-direction: column;
34
34
  grid-row-gap: var(--gap-s);
35
35
  }
36
- .pure-cell__button_15qoi {
36
+ .pure-cell__button_oqwpp {
37
37
  font-family: inherit;
38
38
  background: none;
39
39
  border: 0;
@@ -42,50 +42,50 @@
42
42
  transition: opacity 0.15s ease-in-out;
43
43
  padding: 0
44
44
  }
45
- .pure-cell__button_15qoi:hover {
45
+ .pure-cell__button_oqwpp:hover {
46
46
  opacity: 0.8;
47
47
  }
48
- .pure-cell__button_15qoi:active {
48
+ .pure-cell__button_oqwpp:active {
49
49
  opacity: 0.6;
50
50
  }
51
- .pure-cell__link_15qoi {
51
+ .pure-cell__link_oqwpp {
52
52
  text-decoration: none;
53
53
  color: inherit;
54
54
  cursor: pointer;
55
55
  transition: opacity 0.15s ease-in-out
56
56
  }
57
- .pure-cell__link_15qoi:hover {
57
+ .pure-cell__link_oqwpp:hover {
58
58
  opacity: 0.8;
59
59
  }
60
- .pure-cell__link_15qoi:active {
60
+ .pure-cell__link_oqwpp:active {
61
61
  opacity: 0.6;
62
62
  }
63
- .pure-cell__none_15qoi {
63
+ .pure-cell__none_oqwpp {
64
64
  padding: 0;
65
65
  }
66
- .pure-cell__airy_15qoi {
66
+ .pure-cell__airy_oqwpp {
67
67
  padding: var(--gap-m) 0;
68
68
  }
69
- .pure-cell__defaultPadding_15qoi {
69
+ .pure-cell__defaultPadding_oqwpp {
70
70
  padding: var(--gap-s) 0;
71
71
  }
72
- .pure-cell__compact_15qoi {
72
+ .pure-cell__compact_oqwpp {
73
73
  padding: var(--gap-xs) 0;
74
74
  }
75
- .pure-cell__tiny_15qoi {
75
+ .pure-cell__tiny_oqwpp {
76
76
  padding: var(--gap-2xs) 0;
77
77
  }
78
- .pure-cell__left_15qoi {
78
+ .pure-cell__left_oqwpp {
79
79
  padding-left: var(--gap-m);
80
80
  }
81
- .pure-cell__right_15qoi {
81
+ .pure-cell__right_oqwpp {
82
82
  padding-right: var(--gap-m);
83
83
  }
84
- .pure-cell__both_15qoi {
84
+ .pure-cell__both_oqwpp {
85
85
  padding-right: var(--gap-m);
86
86
  padding-left: var(--gap-m);
87
87
  }
88
- .pure-cell__focused_15qoi {
88
+ .pure-cell__focused_oqwpp {
89
89
  outline: 2px solid var(--focus-color);
90
90
  outline-offset: 2px;
91
91
  }
package/esm/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { PureCell } from "./component-3f45f3c4";
1
+ export { PureCell } from "./component-c49f24a8";
package/esm/index.js CHANGED
@@ -1,17 +1,17 @@
1
- import './tslib.es6-1c2475cc.js';
1
+ import './tslib.es6-26d6dd58.js';
2
2
  import 'react';
3
3
  import 'react-merge-refs';
4
4
  import 'classnames';
5
- import '@alfalab/hooks';
6
5
  import '@alfalab/core-components-comment/esm';
7
- import './getDataTestId-a5ad08de.js';
6
+ import '@alfalab/hooks';
7
+ import './getDataTestId-a82f2b26.js';
8
8
  import './components/addon/component.js';
9
- import '@alfalab/core-components-typography/esm';
10
9
  import '@alfalab/core-components-amount/esm';
10
+ import '@alfalab/core-components-typography/esm';
11
11
  import './components/amount/component.js';
12
12
  import './components/amount-title/component.js';
13
13
  import './components/category/component.js';
14
- export { P as PureCell } from './component-92010732.js';
14
+ export { P as PureCell } from './component-9010b0ab.js';
15
15
  import './components/footer/component.js';
16
16
  import '@alfalab/core-components-button/esm';
17
17
  import './components/footer-button/component.js';
@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
12
12
  declare function __exportStar(m: any, o: any): void;
13
13
  declare function __values(o: any): any;
14
14
  declare function __read(o: any, n: any): any;
15
+ /** @deprecated */
15
16
  declare function __spread(...args: any[]): any[];
17
+ /** @deprecated */
16
18
  declare function __spreadArrays(...args: any[]): any[];
17
- declare function __await(v: any): any;
19
+ declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
20
+ declare function __await(v: any): __await;
18
21
  declare class __await {
19
22
  constructor(v: any);
20
23
  v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
25
28
  declare function __makeTemplateObject(cooked: any, raw: any): any;
26
29
  declare function __importStar(mod: any): any;
27
30
  declare function __importDefault(mod: any): any;
28
- declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
29
- declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
31
+ declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
32
+ declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
33
+ declare function __classPrivateFieldIn(state: any, receiver: any): any;
30
34
  declare function __assign(...args: any[]): any;
31
35
  declare function __createBinding(o: any, m: any, k: any, k2: any): void;
32
- export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
36
+ export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
@@ -1,4 +1,4 @@
1
- /*! *****************************************************************************
1
+ /******************************************************************************
2
2
  Copyright (c) Microsoft Corporation.
3
3
 
4
4
  Permission to use, copy, modify, and/or distribute this software for any
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1u4gi */
1
+ /* hash: 1mtou */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  }
@@ -19,21 +19,21 @@
19
19
  :root {
20
20
  --focus-color: var(--color-light-border-link);
21
21
  }
22
- .pure-cell__component_15qoi {
22
+ .pure-cell__component_oqwpp {
23
23
  text-align: unset;
24
24
  }
25
- .pure-cell__horizontal_15qoi {
25
+ .pure-cell__horizontal_oqwpp {
26
26
  display: flex;
27
27
  width: 100%;
28
28
  grid-column-gap: var(--gap-m);
29
29
  }
30
- .pure-cell__vertical_15qoi {
30
+ .pure-cell__vertical_oqwpp {
31
31
  display: flex;
32
32
  align-items: center;
33
33
  flex-direction: column;
34
34
  grid-row-gap: var(--gap-s);
35
35
  }
36
- .pure-cell__button_15qoi {
36
+ .pure-cell__button_oqwpp {
37
37
  font-family: inherit;
38
38
  background: none;
39
39
  border: 0;
@@ -42,50 +42,50 @@
42
42
  transition: opacity 0.15s ease-in-out;
43
43
  padding: 0
44
44
  }
45
- .pure-cell__button_15qoi:hover {
45
+ .pure-cell__button_oqwpp:hover {
46
46
  opacity: 0.8;
47
47
  }
48
- .pure-cell__button_15qoi:active {
48
+ .pure-cell__button_oqwpp:active {
49
49
  opacity: 0.6;
50
50
  }
51
- .pure-cell__link_15qoi {
51
+ .pure-cell__link_oqwpp {
52
52
  text-decoration: none;
53
53
  color: inherit;
54
54
  cursor: pointer;
55
55
  transition: opacity 0.15s ease-in-out
56
56
  }
57
- .pure-cell__link_15qoi:hover {
57
+ .pure-cell__link_oqwpp:hover {
58
58
  opacity: 0.8;
59
59
  }
60
- .pure-cell__link_15qoi:active {
60
+ .pure-cell__link_oqwpp:active {
61
61
  opacity: 0.6;
62
62
  }
63
- .pure-cell__none_15qoi {
63
+ .pure-cell__none_oqwpp {
64
64
  padding: 0;
65
65
  }
66
- .pure-cell__airy_15qoi {
66
+ .pure-cell__airy_oqwpp {
67
67
  padding: var(--gap-m) 0;
68
68
  }
69
- .pure-cell__defaultPadding_15qoi {
69
+ .pure-cell__defaultPadding_oqwpp {
70
70
  padding: var(--gap-s) 0;
71
71
  }
72
- .pure-cell__compact_15qoi {
72
+ .pure-cell__compact_oqwpp {
73
73
  padding: var(--gap-xs) 0;
74
74
  }
75
- .pure-cell__tiny_15qoi {
75
+ .pure-cell__tiny_oqwpp {
76
76
  padding: var(--gap-2xs) 0;
77
77
  }
78
- .pure-cell__left_15qoi {
78
+ .pure-cell__left_oqwpp {
79
79
  padding-left: var(--gap-m);
80
80
  }
81
- .pure-cell__right_15qoi {
81
+ .pure-cell__right_oqwpp {
82
82
  padding-right: var(--gap-m);
83
83
  }
84
- .pure-cell__both_15qoi {
84
+ .pure-cell__both_oqwpp {
85
85
  padding-right: var(--gap-m);
86
86
  padding-left: var(--gap-m);
87
87
  }
88
- .pure-cell__focused_15qoi {
88
+ .pure-cell__focused_oqwpp {
89
89
  outline: 2px solid var(--focus-color);
90
90
  outline-offset: 2px;
91
91
  }
package/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { PureCell } from "./component-3f45f3c4";
1
+ export { PureCell } from "./component-c49f24a8";
package/index.js CHANGED
@@ -2,20 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-37028810.js');
5
+ require('./tslib.es6-d4614c2f.js');
6
6
  require('react');
7
7
  require('react-merge-refs');
8
8
  require('classnames');
9
- require('@alfalab/hooks');
10
9
  require('@alfalab/core-components-comment');
11
- require('./getDataTestId-874edbee.js');
10
+ require('@alfalab/hooks');
11
+ require('./getDataTestId-36b0b09b.js');
12
12
  require('./components/addon/component.js');
13
- require('@alfalab/core-components-typography');
14
13
  require('@alfalab/core-components-amount');
14
+ require('@alfalab/core-components-typography');
15
15
  require('./components/amount/component.js');
16
16
  require('./components/amount-title/component.js');
17
17
  require('./components/category/component.js');
18
- var components_content_component = require('./component-e81848a4.js');
18
+ var components_content_component = require('./component-c04791cf.js');
19
19
  require('./components/footer/component.js');
20
20
  require('@alfalab/core-components-button');
21
21
  require('./components/footer-button/component.js');
@@ -1,9 +1,9 @@
1
1
  import React, { useContext, forwardRef, useRef } from 'react';
2
2
  import mergeRefs from 'react-merge-refs';
3
3
  import cn from 'classnames';
4
- import { useFocus } from '@alfalab/hooks';
5
4
  import { Comment } from '@alfalab/core-components-comment/modern';
6
- import { g as getDataTestId } from './getDataTestId-997a290e.js';
5
+ import { useFocus } from '@alfalab/hooks';
6
+ import { g as getDataTestId } from './getDataTestId-a3e2fdbc.js';
7
7
  import { Addon } from './components/addon/component.js';
8
8
  import { Typography } from '@alfalab/core-components-typography/modern';
9
9
  import { Amount } from './components/amount/component.js';
@@ -14,7 +14,7 @@ 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
 
17
- var styles = {"component":"pure-cell__component_1s3xh","horizontal":"pure-cell__horizontal_1s3xh"};
17
+ var styles = {"component":"pure-cell__component_1b8h7","horizontal":"pure-cell__horizontal_1b8h7"};
18
18
  require('./components/content/index.css')
19
19
 
20
20
  const Content = ({ children, dataTestId }) => {
@@ -22,7 +22,7 @@ const Content = ({ children, dataTestId }) => {
22
22
  return (React.createElement("section", { className: cn(styles.component, { [styles.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
23
23
  };
24
24
 
25
- var styles$1 = {"component":"pure-cell__component_ikr9m","vertical":"pure-cell__vertical_ikr9m","reverse":"pure-cell__reverse_ikr9m"};
25
+ var styles$1 = {"component":"pure-cell__component_hokcb","vertical":"pure-cell__vertical_hokcb","reverse":"pure-cell__reverse_hokcb"};
26
26
  require('./components/main/index.css')
27
27
 
28
28
  const Main = ({ children, isReverse, dataTestId }) => {
@@ -32,7 +32,7 @@ const Main = ({ children, isReverse, dataTestId }) => {
32
32
  }), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
33
33
  };
34
34
 
35
- var styles$2 = {"horizontal":"pure-cell__horizontal_1vazz","rowLimit1":"pure-cell__rowLimit1_1vazz","rowLimit2":"pure-cell__rowLimit2_1vazz","component":"pure-cell__component_1vazz","vertical":"pure-cell__vertical_1vazz","title":"pure-cell__title_1vazz","value":"pure-cell__value_1vazz"};
35
+ var styles$2 = {"horizontal":"pure-cell__horizontal_yqk08","rowLimit1":"pure-cell__rowLimit1_yqk08","rowLimit2":"pure-cell__rowLimit2_yqk08","component":"pure-cell__component_yqk08","vertical":"pure-cell__vertical_yqk08","title":"pure-cell__title_yqk08","value":"pure-cell__value_yqk08"};
36
36
  require('./components/text/index.css')
37
37
 
38
38
  const Text = ({ children, value, rowLimit, view = 'component', titleColor, valueColor, dataTestId, }) => {
@@ -45,9 +45,11 @@ const Text = ({ children, value, rowLimit, view = 'component', titleColor, value
45
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)))));
46
46
  };
47
47
 
48
- var styles$3 = {"component":"pure-cell__component_15qoi","horizontal":"pure-cell__horizontal_15qoi","vertical":"pure-cell__vertical_15qoi","button":"pure-cell__button_15qoi","link":"pure-cell__link_15qoi","none":"pure-cell__none_15qoi","airy":"pure-cell__airy_15qoi","defaultPadding":"pure-cell__defaultPadding_15qoi","compact":"pure-cell__compact_15qoi","tiny":"pure-cell__tiny_15qoi","left":"pure-cell__left_15qoi","right":"pure-cell__right_15qoi","both":"pure-cell__both_15qoi","focused":"pure-cell__focused_15qoi"};
48
+ var styles$3 = {"component":"pure-cell__component_oqwpp","horizontal":"pure-cell__horizontal_oqwpp","vertical":"pure-cell__vertical_oqwpp","button":"pure-cell__button_oqwpp","link":"pure-cell__link_oqwpp","none":"pure-cell__none_oqwpp","airy":"pure-cell__airy_oqwpp","defaultPadding":"pure-cell__defaultPadding_oqwpp","compact":"pure-cell__compact_oqwpp","tiny":"pure-cell__tiny_oqwpp","left":"pure-cell__left_oqwpp","right":"pure-cell__right_oqwpp","both":"pure-cell__both_oqwpp","focused":"pure-cell__focused_oqwpp"};
49
49
  require('./index.css')
50
50
 
51
+ /* eslint-disable react/jsx-no-constructed-context-values */
52
+ // eslint-disable-next-line @typescript-eslint/no-redeclare
51
53
  const PureCellContext = React.createContext({});
52
54
  const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, tag: Component = (href && 'a') || (onClick && 'button') || 'section', children, horizontalPadding = 'none', verticalPadding = 'none', direction = 'horizontal', ...restProps }, ref) => {
53
55
  const cellRef = useRef(null);
@@ -64,11 +66,11 @@ const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, ta
64
66
  const { target } = restProps;
65
67
  // Для совместимости с react-router-dom, меняем href на to
66
68
  const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };
67
- return (React.createElement(Component, Object.assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles$3.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
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 },
68
70
  React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
69
71
  }
70
72
  if (onClick) {
71
- return (React.createElement(Component, Object.assign({}, 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$3.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick },
72
74
  React.createElement(PureCellContext.Provider, { value: { direction } }, children)));
73
75
  }
74
76
  return (React.createElement(Component, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId },
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, HTMLAttributes } from "react";
4
+ import { ButtonProps } from "@alfalab/core-components-button";
4
5
  import { PureCellElement } from "./components/types";
5
6
  type PureCellContext = {
6
7
  /** Направление */
@@ -44,12 +45,13 @@ type PureCellProps = {
44
45
  type AnchorPureCellProps = PureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
45
46
  type ButtonPureCellProps = PureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
46
47
  type ElementPureCellProps = PureCellProps & HTMLAttributes<HTMLElement>;
48
+ type PureProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
47
49
  /**
48
50
  * Универсальный конструктор для сборки любой ячейки.
49
51
  *
50
52
  * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
51
53
  */
52
- declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellProps> & React.RefAttributes<HTMLElement>) | (Partial<ButtonPureCellProps> & React.RefAttributes<HTMLElement>) | (Partial<ElementPureCellProps> & React.RefAttributes<HTMLElement>)> & {
54
+ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAttributes<HTMLElement>> & {
53
55
  Main: React.FC<{
54
56
  children: import("./components/types").MainElement;
55
57
  isReverse?: boolean | undefined;
@@ -63,7 +65,7 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
63
65
  Text: React.FC<{
64
66
  children?: React.ReactNode;
65
67
  rowLimit?: 1 | 2 | undefined;
66
- view: "primary-small" | "component";
68
+ view: "component" | "primary-small";
67
69
  titleColor: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative";
68
70
  value?: React.ReactNode;
69
71
  valueColor?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
@@ -71,7 +73,7 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
71
73
  }>;
72
74
  Amount: React.FC<{
73
75
  weight?: "bold" | "normal" | undefined;
74
- textView?: "primary-small" | "component" | undefined;
76
+ textView?: "component" | "primary-small" | undefined;
75
77
  color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
76
78
  dataTestId?: string | undefined;
77
79
  } & import("./components/typesProps").AmountProps>;
@@ -90,7 +92,7 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
90
92
  dataTestId?: string | undefined;
91
93
  }>;
92
94
  ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
93
- FooterButton: React.FC<Partial<import("@alfalab/core-components-button").AnchorButtonProps> | Partial<import("@alfalab/core-components-button").NativeButtonProps>>;
95
+ FooterButton: React.FC<ButtonProps>;
94
96
  Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
95
97
  Category: React.FC<{
96
98
  categoryName: string;
@@ -1,16 +1,16 @@
1
1
  import 'react';
2
2
  import 'react-merge-refs';
3
3
  import 'classnames';
4
- import '@alfalab/hooks';
5
4
  import '@alfalab/core-components-comment/modern';
6
- import './getDataTestId-997a290e.js';
5
+ import '@alfalab/hooks';
6
+ import './getDataTestId-a3e2fdbc.js';
7
7
  import './components/addon/component.js';
8
- import '@alfalab/core-components-typography/modern';
9
8
  import '@alfalab/core-components-amount/modern';
9
+ import '@alfalab/core-components-typography/modern';
10
10
  import './components/amount/component.js';
11
11
  import './components/amount-title/component.js';
12
12
  import './components/category/component.js';
13
- export { P as PureCell, a as PureCellContext } from './component-0aebd563.js';
13
+ export { P as PureCell, a as PureCellContext } from './component-699dc784.js';
14
14
  import './components/footer/component.js';
15
15
  import '@alfalab/core-components-button/modern';
16
16
  import './components/footer-button/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-997a290e.js';
3
+ import { g as getDataTestId } from '../../getDataTestId-a3e2fdbc.js';
4
4
 
5
- var styles = {"component":"pure-cell__component_lm63d","none":"pure-cell__none_lm63d","default":"pure-cell__default_lm63d","addonPadding":"pure-cell__addonPadding_lm63d","top":"pure-cell__top_lm63d","center":"pure-cell__center_lm63d","bottom":"pure-cell__bottom_lm63d"};
5
+ var styles = {"component":"pure-cell__component_1l9he","none":"pure-cell__none_1l9he","default":"pure-cell__default_1l9he","addonPadding":"pure-cell__addonPadding_1l9he","top":"pure-cell__top_1l9he","center":"pure-cell__center_1l9he","bottom":"pure-cell__bottom_1l9he"};
6
6
  require('./index.css')
7
7
 
8
8
  const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, }) => (React.createElement("section", { className: cn(styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId(dataTestId, 'addon') }, children));