@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.
- package/{component-e81848a4.d.ts → component-c04791cf.d.ts} +0 -0
- package/{component-e81848a4.js → component-c04791cf.js} +8 -7
- package/{component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +6 -4
- package/component.js +5 -5
- package/components/addon/component.js +2 -2
- package/components/addon/index.css +9 -9
- package/components/addon/index.js +1 -1
- package/components/amount/component.js +4 -4
- package/components/amount/index.css +2 -2
- package/components/amount/index.js +3 -3
- package/components/amount-title/component.js +4 -4
- package/components/amount-title/index.css +3 -3
- package/components/amount-title/index.js +3 -3
- package/components/category/component.js +2 -2
- package/components/category/index.css +5 -5
- package/components/category/index.js +1 -1
- package/components/content/component.js +5 -5
- package/components/content/index.css +3 -3
- package/components/content/index.d.ts +1 -1
- package/components/content/index.js +5 -5
- package/components/footer/component.js +2 -2
- package/components/footer/index.css +4 -4
- package/components/footer/index.js +1 -1
- package/components/footer-button/component.js +3 -3
- package/components/footer-button/index.css +2 -2
- package/components/footer-button/index.js +2 -2
- package/components/footer-text/component.js +1 -1
- package/components/footer-text/index.js +1 -1
- package/components/graphics/component.js +2 -2
- package/components/graphics/index.css +2 -2
- package/components/graphics/index.js +1 -1
- package/components/main/component.js +5 -5
- package/components/main/index.css +4 -4
- package/components/main/index.d.ts +1 -1
- package/components/main/index.js +5 -5
- package/components/text/component.js +5 -5
- package/components/text/index.css +7 -7
- package/components/text/index.d.ts +1 -1
- package/components/text/index.js +5 -5
- package/components/typesProps.d.ts +1 -1
- package/{modern/component-3f45f3c4.d.ts → cssm/component-c49f24a8.d.ts} +6 -4
- package/cssm/{component-0839382a.d.ts → component-c4e268e7.d.ts} +0 -0
- package/cssm/{component-0839382a.js → component-c4e268e7.js} +3 -2
- package/cssm/component.js +4 -4
- package/cssm/components/amount/component.js +2 -2
- package/cssm/components/amount/index.js +2 -2
- package/cssm/components/amount-title/component.js +2 -2
- package/cssm/components/amount-title/index.js +2 -2
- package/cssm/components/content/component.js +4 -4
- package/cssm/components/content/index.d.ts +1 -1
- package/cssm/components/content/index.js +4 -4
- package/cssm/components/footer-button/component.js +1 -1
- package/cssm/components/footer-button/index.js +1 -1
- package/cssm/components/main/component.js +4 -4
- package/cssm/components/main/index.d.ts +1 -1
- package/cssm/components/main/index.js +4 -4
- package/cssm/components/text/component.js +4 -4
- package/cssm/components/text/index.d.ts +1 -1
- package/cssm/components/text/index.js +4 -4
- package/cssm/components/typesProps.d.ts +1 -1
- package/cssm/index.d.ts +1 -1
- package/cssm/index.js +4 -4
- package/cssm/{tslib.es6-ce870b46.d.ts → tslib.es6-9682e485.d.ts} +8 -4
- package/{tslib.es6-37028810.js → cssm/tslib.es6-9682e485.js} +1 -1
- package/esm/{component-92010732.d.ts → component-9010b0ab.d.ts} +0 -0
- package/esm/{component-92010732.js → component-9010b0ab.js} +8 -7
- package/esm/{component-3f45f3c4.d.ts → component-c49f24a8.d.ts} +6 -4
- package/esm/component.js +5 -5
- package/esm/components/addon/component.js +2 -2
- package/esm/components/addon/index.css +9 -9
- package/esm/components/addon/index.js +1 -1
- package/esm/components/amount/component.js +4 -4
- package/esm/components/amount/index.css +2 -2
- package/esm/components/amount/index.js +3 -3
- package/esm/components/amount-title/component.js +4 -4
- package/esm/components/amount-title/index.css +3 -3
- package/esm/components/amount-title/index.js +3 -3
- package/esm/components/category/component.js +2 -2
- package/esm/components/category/index.css +5 -5
- package/esm/components/category/index.js +1 -1
- package/esm/components/content/component.js +5 -5
- package/esm/components/content/index.css +3 -3
- package/esm/components/content/index.d.ts +1 -1
- package/esm/components/content/index.js +5 -5
- package/esm/components/footer/component.js +2 -2
- package/esm/components/footer/index.css +4 -4
- package/esm/components/footer/index.js +1 -1
- package/esm/components/footer-button/component.js +3 -3
- package/esm/components/footer-button/index.css +2 -2
- package/esm/components/footer-button/index.js +2 -2
- package/esm/components/footer-text/component.js +1 -1
- package/esm/components/footer-text/index.js +1 -1
- package/esm/components/graphics/component.js +2 -2
- package/esm/components/graphics/index.css +2 -2
- package/esm/components/graphics/index.js +1 -1
- package/esm/components/main/component.js +5 -5
- package/esm/components/main/index.css +4 -4
- package/esm/components/main/index.d.ts +1 -1
- package/esm/components/main/index.js +5 -5
- package/esm/components/text/component.js +5 -5
- package/esm/components/text/index.css +7 -7
- package/esm/components/text/index.d.ts +1 -1
- package/esm/components/text/index.js +5 -5
- package/esm/components/typesProps.d.ts +1 -1
- package/esm/{getDataTestId-a5ad08de.d.ts → getDataTestId-a82f2b26.d.ts} +0 -0
- package/esm/{getDataTestId-a5ad08de.js → getDataTestId-a82f2b26.js} +0 -0
- package/esm/index.css +19 -19
- package/esm/index.d.ts +1 -1
- package/esm/index.js +5 -5
- package/esm/{tslib.es6-1c2475cc.d.ts → tslib.es6-26d6dd58.d.ts} +8 -4
- package/esm/{tslib.es6-1c2475cc.js → tslib.es6-26d6dd58.js} +1 -1
- package/{getDataTestId-874edbee.d.ts → getDataTestId-36b0b09b.d.ts} +0 -0
- package/{getDataTestId-874edbee.js → getDataTestId-36b0b09b.js} +0 -0
- package/index.css +19 -19
- package/index.d.ts +1 -1
- package/index.js +5 -5
- package/modern/{component-0aebd563.d.ts → component-699dc784.d.ts} +0 -0
- package/modern/{component-0aebd563.js → component-699dc784.js} +10 -8
- package/{cssm/component-3f45f3c4.d.ts → modern/component-c49f24a8.d.ts} +6 -4
- package/modern/component.js +4 -4
- package/modern/components/addon/component.js +2 -2
- package/modern/components/addon/index.css +9 -9
- package/modern/components/addon/index.js +1 -1
- package/modern/components/amount/component.js +5 -7
- package/modern/components/amount/index.css +2 -2
- package/modern/components/amount/index.js +2 -2
- package/modern/components/amount-title/component.js +5 -7
- package/modern/components/amount-title/index.css +3 -3
- package/modern/components/amount-title/index.js +2 -2
- package/modern/components/category/component.js +2 -2
- package/modern/components/category/index.css +5 -5
- package/modern/components/category/index.js +1 -1
- package/modern/components/content/component.js +4 -4
- package/modern/components/content/index.css +3 -3
- package/modern/components/content/index.d.ts +1 -1
- package/modern/components/content/index.js +4 -4
- package/modern/components/footer/component.js +2 -2
- package/modern/components/footer/index.css +4 -4
- package/modern/components/footer/index.js +1 -1
- package/modern/components/footer-button/component.js +3 -3
- package/modern/components/footer-button/index.css +2 -2
- package/modern/components/footer-button/index.js +1 -1
- package/modern/components/footer-text/component.js +1 -1
- package/modern/components/footer-text/index.js +1 -1
- package/modern/components/graphics/component.js +3 -5
- package/modern/components/graphics/index.css +2 -2
- package/modern/components/graphics/index.js +1 -1
- package/modern/components/main/component.js +4 -4
- package/modern/components/main/index.css +4 -4
- package/modern/components/main/index.d.ts +1 -1
- package/modern/components/main/index.js +4 -4
- package/modern/components/text/component.js +4 -4
- package/modern/components/text/index.css +7 -7
- package/modern/components/text/index.d.ts +1 -1
- package/modern/components/text/index.js +4 -4
- package/modern/components/typesProps.d.ts +1 -1
- package/modern/{getDataTestId-997a290e.d.ts → getDataTestId-a3e2fdbc.d.ts} +0 -0
- package/modern/{getDataTestId-997a290e.js → getDataTestId-a3e2fdbc.js} +0 -0
- package/modern/index.css +19 -19
- package/modern/index.d.ts +1 -1
- package/modern/index.js +4 -4
- package/package.json +5 -5
- package/{tslib.es6-37028810.d.ts → tslib.es6-d4614c2f.d.ts} +8 -4
- package/{cssm/tslib.es6-ce870b46.js → tslib.es6-d4614c2f.js} +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
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-
|
|
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-
|
|
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-
|
|
29
|
+
.pure-cell__component_hokcb.pure-cell__reverse_hokcb {
|
|
30
30
|
flex-direction: column-reverse;
|
|
31
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-9010b0ab";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import '../../tslib.es6-
|
|
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 '
|
|
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-
|
|
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-
|
|
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 '
|
|
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-
|
|
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:
|
|
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-
|
|
14
|
+
.pure-cell__horizontal_yqk08 {
|
|
15
15
|
padding: var(--gap-3xs) 0;
|
|
16
16
|
}
|
|
17
|
-
.pure-
|
|
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-
|
|
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-
|
|
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-
|
|
37
|
+
.pure-cell__component_yqk08 .pure-cell__vertical_yqk08 {
|
|
38
38
|
justify-content: center;
|
|
39
39
|
}
|
|
40
|
-
.pure-
|
|
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-
|
|
1
|
+
export * from "../../component-9010b0ab";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import '../../tslib.es6-
|
|
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 '
|
|
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-
|
|
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';
|
|
File without changes
|
|
File without changes
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
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-
|
|
22
|
+
.pure-cell__component_oqwpp {
|
|
23
23
|
text-align: unset;
|
|
24
24
|
}
|
|
25
|
-
.pure-
|
|
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-
|
|
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-
|
|
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-
|
|
45
|
+
.pure-cell__button_oqwpp:hover {
|
|
46
46
|
opacity: 0.8;
|
|
47
47
|
}
|
|
48
|
-
.pure-
|
|
48
|
+
.pure-cell__button_oqwpp:active {
|
|
49
49
|
opacity: 0.6;
|
|
50
50
|
}
|
|
51
|
-
.pure-
|
|
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-
|
|
57
|
+
.pure-cell__link_oqwpp:hover {
|
|
58
58
|
opacity: 0.8;
|
|
59
59
|
}
|
|
60
|
-
.pure-
|
|
60
|
+
.pure-cell__link_oqwpp:active {
|
|
61
61
|
opacity: 0.6;
|
|
62
62
|
}
|
|
63
|
-
.pure-
|
|
63
|
+
.pure-cell__none_oqwpp {
|
|
64
64
|
padding: 0;
|
|
65
65
|
}
|
|
66
|
-
.pure-
|
|
66
|
+
.pure-cell__airy_oqwpp {
|
|
67
67
|
padding: var(--gap-m) 0;
|
|
68
68
|
}
|
|
69
|
-
.pure-
|
|
69
|
+
.pure-cell__defaultPadding_oqwpp {
|
|
70
70
|
padding: var(--gap-s) 0;
|
|
71
71
|
}
|
|
72
|
-
.pure-
|
|
72
|
+
.pure-cell__compact_oqwpp {
|
|
73
73
|
padding: var(--gap-xs) 0;
|
|
74
74
|
}
|
|
75
|
-
.pure-
|
|
75
|
+
.pure-cell__tiny_oqwpp {
|
|
76
76
|
padding: var(--gap-2xs) 0;
|
|
77
77
|
}
|
|
78
|
-
.pure-
|
|
78
|
+
.pure-cell__left_oqwpp {
|
|
79
79
|
padding-left: var(--gap-m);
|
|
80
80
|
}
|
|
81
|
-
.pure-
|
|
81
|
+
.pure-cell__right_oqwpp {
|
|
82
82
|
padding-right: var(--gap-m);
|
|
83
83
|
}
|
|
84
|
-
.pure-
|
|
84
|
+
.pure-cell__both_oqwpp {
|
|
85
85
|
padding-right: var(--gap-m);
|
|
86
86
|
padding-left: var(--gap-m);
|
|
87
87
|
}
|
|
88
|
-
.pure-
|
|
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-
|
|
1
|
+
export { PureCell } from "./component-c49f24a8";
|
package/esm/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import './tslib.es6-
|
|
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 '
|
|
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-
|
|
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
|
|
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,
|
|
29
|
-
declare function __classPrivateFieldSet(receiver: 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
|
|
File without changes
|
|
File without changes
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
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-
|
|
22
|
+
.pure-cell__component_oqwpp {
|
|
23
23
|
text-align: unset;
|
|
24
24
|
}
|
|
25
|
-
.pure-
|
|
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-
|
|
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-
|
|
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-
|
|
45
|
+
.pure-cell__button_oqwpp:hover {
|
|
46
46
|
opacity: 0.8;
|
|
47
47
|
}
|
|
48
|
-
.pure-
|
|
48
|
+
.pure-cell__button_oqwpp:active {
|
|
49
49
|
opacity: 0.6;
|
|
50
50
|
}
|
|
51
|
-
.pure-
|
|
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-
|
|
57
|
+
.pure-cell__link_oqwpp:hover {
|
|
58
58
|
opacity: 0.8;
|
|
59
59
|
}
|
|
60
|
-
.pure-
|
|
60
|
+
.pure-cell__link_oqwpp:active {
|
|
61
61
|
opacity: 0.6;
|
|
62
62
|
}
|
|
63
|
-
.pure-
|
|
63
|
+
.pure-cell__none_oqwpp {
|
|
64
64
|
padding: 0;
|
|
65
65
|
}
|
|
66
|
-
.pure-
|
|
66
|
+
.pure-cell__airy_oqwpp {
|
|
67
67
|
padding: var(--gap-m) 0;
|
|
68
68
|
}
|
|
69
|
-
.pure-
|
|
69
|
+
.pure-cell__defaultPadding_oqwpp {
|
|
70
70
|
padding: var(--gap-s) 0;
|
|
71
71
|
}
|
|
72
|
-
.pure-
|
|
72
|
+
.pure-cell__compact_oqwpp {
|
|
73
73
|
padding: var(--gap-xs) 0;
|
|
74
74
|
}
|
|
75
|
-
.pure-
|
|
75
|
+
.pure-cell__tiny_oqwpp {
|
|
76
76
|
padding: var(--gap-2xs) 0;
|
|
77
77
|
}
|
|
78
|
-
.pure-
|
|
78
|
+
.pure-cell__left_oqwpp {
|
|
79
79
|
padding-left: var(--gap-m);
|
|
80
80
|
}
|
|
81
|
-
.pure-
|
|
81
|
+
.pure-cell__right_oqwpp {
|
|
82
82
|
padding-right: var(--gap-m);
|
|
83
83
|
}
|
|
84
|
-
.pure-
|
|
84
|
+
.pure-cell__both_oqwpp {
|
|
85
85
|
padding-right: var(--gap-m);
|
|
86
86
|
padding-left: var(--gap-m);
|
|
87
87
|
}
|
|
88
|
-
.pure-
|
|
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-
|
|
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-
|
|
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('
|
|
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-
|
|
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');
|
|
File without changes
|
|
@@ -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 {
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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,
|
|
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,
|
|
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<
|
|
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: "
|
|
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?: "
|
|
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<
|
|
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;
|
package/modern/component.js
CHANGED
|
@@ -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 '
|
|
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-
|
|
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-
|
|
3
|
+
import { g as getDataTestId } from '../../getDataTestId-a3e2fdbc.js';
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"pure-
|
|
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));
|