@alfalab/core-components-confirmation 15.1.0-alfasans → 15.1.1
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/components/base-confirmation/index.css +2 -2
- package/components/base-confirmation/index.module.css.js +1 -1
- package/components/base-confirmation/index.module.css.js.map +1 -1
- package/components/countdown-loader/index.css +1 -1
- package/components/countdown-loader/index.module.css.js +1 -1
- package/components/header/index.css +2 -3
- package/components/header/index.module.css.js +1 -1
- package/components/screens/fatal-error/index.css +10 -13
- package/components/screens/fatal-error/index.module.css.js +1 -1
- package/components/screens/hint/index.css +19 -25
- package/components/screens/hint/index.module.css.js +1 -1
- package/components/screens/initial/index.css +29 -38
- package/components/screens/initial/index.module.css.js +1 -1
- package/components/screens/temp-block/index.css +12 -15
- package/components/screens/temp-block/index.module.css.js +1 -1
- package/components/screens/temp-block-over/index.css +9 -12
- package/components/screens/temp-block-over/index.module.css.js +1 -1
- package/cssm/components/header/index.module.css +1 -2
- package/cssm/components/screens/fatal-error/index.module.css +4 -7
- package/cssm/components/screens/hint/index.module.css +7 -13
- package/cssm/components/screens/initial/index.module.css +10 -19
- package/cssm/components/screens/temp-block/index.module.css +4 -7
- package/cssm/components/screens/temp-block-over/index.module.css +4 -7
- package/esm/components/base-confirmation/index.css +2 -2
- package/esm/components/base-confirmation/index.module.css.js +1 -1
- package/esm/components/base-confirmation/index.module.css.js.map +1 -1
- package/esm/components/countdown-loader/index.css +1 -1
- package/esm/components/countdown-loader/index.module.css.js +1 -1
- package/esm/components/header/index.css +2 -3
- package/esm/components/header/index.module.css.js +1 -1
- package/esm/components/screens/fatal-error/index.css +10 -13
- package/esm/components/screens/fatal-error/index.module.css.js +1 -1
- package/esm/components/screens/hint/index.css +19 -25
- package/esm/components/screens/hint/index.module.css.js +1 -1
- package/esm/components/screens/initial/index.css +29 -38
- package/esm/components/screens/initial/index.module.css.js +1 -1
- package/esm/components/screens/temp-block/index.css +12 -15
- package/esm/components/screens/temp-block/index.module.css.js +1 -1
- package/esm/components/screens/temp-block-over/index.css +9 -12
- package/esm/components/screens/temp-block-over/index.module.css.js +1 -1
- package/modern/components/base-confirmation/index.css +2 -2
- package/modern/components/base-confirmation/index.module.css.js +1 -1
- package/modern/components/base-confirmation/index.module.css.js.map +1 -1
- package/modern/components/countdown-loader/index.css +1 -1
- package/modern/components/countdown-loader/index.module.css.js +1 -1
- package/modern/components/header/index.css +2 -3
- package/modern/components/header/index.module.css.js +1 -1
- package/modern/components/screens/fatal-error/index.css +10 -13
- package/modern/components/screens/fatal-error/index.module.css.js +1 -1
- package/modern/components/screens/hint/index.css +19 -25
- package/modern/components/screens/hint/index.module.css.js +1 -1
- package/modern/components/screens/initial/index.css +29 -38
- package/modern/components/screens/initial/index.module.css.js +1 -1
- package/modern/components/screens/temp-block/index.css +12 -15
- package/modern/components/screens/temp-block/index.module.css.js +1 -1
- package/modern/components/screens/temp-block-over/index.css +9 -12
- package/modern/components/screens/temp-block-over/index.module.css.js +1 -1
- package/moderncssm/components/screens/fatal-error/index.module.css +1 -2
- package/moderncssm/components/screens/hint/index.module.css +2 -4
- package/moderncssm/components/screens/initial/index.module.css +2 -4
- package/moderncssm/components/screens/temp-block/index.module.css +1 -2
- package/moderncssm/components/screens/temp-block-over/index.module.css +1 -2
- package/package.json +9 -9
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
:root {
|
|
5
5
|
--gap-0: 0px;
|
|
6
6
|
}
|
|
7
|
-
.
|
|
7
|
+
.confirmation__component_1smkm {
|
|
8
8
|
width: 100%;
|
|
9
9
|
max-width: 388px;
|
|
10
10
|
color: var(--color-light-text-secondary);
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
.confirmation__component_1smkm.confirmation__center_1smkm {
|
|
13
13
|
margin: var(--gap-0) auto;
|
|
14
14
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"confirmation__component_1smkm","center":"confirmation__center_1smkm"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-confirmation/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n width: 100%;\n max-width: 388px;\n color: var(--color-light-text-secondary);\n\n &.center {\n margin: var(--gap-0) auto;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-confirmation/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n width: 100%;\n max-width: 388px;\n color: var(--color-light-text-secondary);\n\n &.center {\n margin: var(--gap-0) auto;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
|
|
@@ -3,39 +3,36 @@
|
|
|
3
3
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
4
4
|
}
|
|
5
5
|
:root {
|
|
6
|
-
--gap-
|
|
7
|
-
--gap-32: var(--gap-2xl);
|
|
6
|
+
--gap-32: 32px;
|
|
8
7
|
}
|
|
9
8
|
:root {
|
|
10
|
-
--font-family-
|
|
11
|
-
|
|
12
|
-
Helvetica, sans-serif;
|
|
9
|
+
--font-family-system:
|
|
10
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
13
11
|
}
|
|
14
12
|
:root {
|
|
15
13
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
16
14
|
}
|
|
17
|
-
.
|
|
15
|
+
.confirmation__component_6zhqf {
|
|
18
16
|
display: flex;
|
|
19
17
|
flex-direction: column;
|
|
20
18
|
}
|
|
21
|
-
.
|
|
19
|
+
.confirmation__typographyTheme_6zhqf.confirmation__typographyTheme_6zhqf {
|
|
22
20
|
font-size: 16px;
|
|
23
21
|
line-height: 24px;
|
|
24
22
|
font-weight: 400;
|
|
25
|
-
|
|
26
|
-
font-family: var(--font-family-alfasans);
|
|
23
|
+
font-family: var(--font-family-system);
|
|
27
24
|
color: var(--confirmation-text-color);
|
|
28
25
|
}
|
|
29
|
-
.
|
|
26
|
+
.confirmation__typographyThemeMobile_6zhqf.confirmation__typographyThemeMobile_6zhqf {
|
|
30
27
|
color: var(--color-light-text-secondary);
|
|
31
28
|
}
|
|
32
|
-
.
|
|
29
|
+
.confirmation__left_6zhqf {
|
|
33
30
|
align-items: flex-start;
|
|
34
31
|
}
|
|
35
|
-
.
|
|
32
|
+
.confirmation__center_6zhqf {
|
|
36
33
|
align-items: center;
|
|
37
34
|
text-align: center;
|
|
38
35
|
}
|
|
39
|
-
.
|
|
36
|
+
.confirmation__button_6zhqf.confirmation__button_6zhqf {
|
|
40
37
|
margin-top: var(--gap-32);
|
|
41
38
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"confirmation__component_6zhqf","typographyTheme":"confirmation__typographyTheme_6zhqf","typographyThemeMobile":"confirmation__typographyThemeMobile_6zhqf","left":"confirmation__left_6zhqf","center":"confirmation__center_6zhqf","button":"confirmation__button_6zhqf"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -3,70 +3,64 @@
|
|
|
3
3
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
4
4
|
}
|
|
5
5
|
:root {
|
|
6
|
-
--gap-xs: 8px;
|
|
7
|
-
--gap-xl: 24px;
|
|
8
|
-
--gap-2xl: 32px;
|
|
9
6
|
--gap-0: 0px;
|
|
10
|
-
--gap-8:
|
|
11
|
-
--gap-24:
|
|
12
|
-
--gap-32:
|
|
7
|
+
--gap-8: 8px;
|
|
8
|
+
--gap-24: 24px;
|
|
9
|
+
--gap-32: 32px;
|
|
13
10
|
}
|
|
14
11
|
:root {
|
|
15
|
-
--font-family-
|
|
16
|
-
|
|
17
|
-
Helvetica, sans-serif;
|
|
12
|
+
--font-family-system:
|
|
13
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
18
14
|
}
|
|
19
15
|
:root {
|
|
20
16
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
21
17
|
}
|
|
22
|
-
.
|
|
18
|
+
.confirmation__component_1hpky {
|
|
23
19
|
display: flex;
|
|
24
20
|
flex-direction: column;
|
|
25
21
|
align-items: flex-start;
|
|
26
22
|
}
|
|
27
|
-
.
|
|
23
|
+
.confirmation__component_1hpky span:last-of-type {
|
|
28
24
|
margin-bottom: var(--gap-0);
|
|
29
25
|
}
|
|
30
|
-
.
|
|
26
|
+
.confirmation__center_1hpky {
|
|
31
27
|
align-items: center;
|
|
32
28
|
text-align: center;
|
|
33
29
|
}
|
|
34
|
-
.
|
|
30
|
+
.confirmation__text_1hpky.confirmation__text_1hpky {
|
|
35
31
|
margin-bottom: var(--gap-24);
|
|
36
32
|
}
|
|
37
|
-
.
|
|
33
|
+
.confirmation__typographyTheme_1hpky.confirmation__typographyTheme_1hpky {
|
|
38
34
|
font-size: 16px;
|
|
39
35
|
line-height: 24px;
|
|
40
36
|
font-weight: 400;
|
|
41
|
-
|
|
42
|
-
font-family: var(--font-family-alfasans);
|
|
37
|
+
font-family: var(--font-family-system);
|
|
43
38
|
color: var(--confirmation-text-color);
|
|
44
39
|
}
|
|
45
|
-
.
|
|
40
|
+
.confirmation__typographyThemeMobile_1hpky.confirmation__typographyThemeMobile_1hpky {
|
|
46
41
|
color: var(--color-light-text-secondary);
|
|
47
42
|
}
|
|
48
|
-
.
|
|
43
|
+
.confirmation__phonesWrap_1hpky {
|
|
49
44
|
display: flex;
|
|
50
45
|
flex-direction: column;
|
|
51
46
|
margin-bottom: var(--gap-24);
|
|
52
47
|
}
|
|
53
|
-
.
|
|
48
|
+
.confirmation__phoneWrap_1hpky {
|
|
54
49
|
margin-bottom: var(--gap-8);
|
|
55
50
|
}
|
|
56
|
-
.
|
|
51
|
+
.confirmation__phoneWrap_1hpky:last-child {
|
|
57
52
|
margin-bottom: var(--gap-0);
|
|
58
53
|
}
|
|
59
|
-
.
|
|
54
|
+
.confirmation__phoneLink_1hpky.confirmation__phoneLink_1hpky {
|
|
60
55
|
font-size: 16px;
|
|
61
56
|
line-height: 24px;
|
|
62
57
|
font-weight: 500;
|
|
63
|
-
|
|
64
|
-
font-family: var(--font-family-alfasans);
|
|
58
|
+
font-family: var(--font-family-system);
|
|
65
59
|
}
|
|
66
|
-
.
|
|
60
|
+
.confirmation__hintButton_1hpky {
|
|
67
61
|
margin-top: var(--gap-32);
|
|
68
62
|
}
|
|
69
|
-
.
|
|
63
|
+
.confirmation__phoneContentMobile_1hpky {
|
|
70
64
|
display: flex;
|
|
71
65
|
flex-direction: column;
|
|
72
66
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"confirmation__component_1hpky","center":"confirmation__center_1hpky","text":"confirmation__text_1hpky","typographyTheme":"confirmation__typographyTheme_1hpky","typographyThemeMobile":"confirmation__typographyThemeMobile_1hpky","phonesWrap":"confirmation__phonesWrap_1hpky","phoneWrap":"confirmation__phoneWrap_1hpky","phoneLink":"confirmation__phoneLink_1hpky","hintButton":"confirmation__hintButton_1hpky","phoneContentMobile":"confirmation__phoneContentMobile_1hpky"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -3,24 +3,17 @@
|
|
|
3
3
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
4
4
|
}
|
|
5
5
|
:root {
|
|
6
|
-
--gap-s: 12px;
|
|
7
|
-
--gap-m: 16px;
|
|
8
|
-
--gap-l: 20px;
|
|
9
|
-
--gap-xl: 24px;
|
|
10
|
-
--gap-2xl: 32px;
|
|
11
|
-
--gap-2xs-neg: -4px;
|
|
12
6
|
--gap-0: 0px;
|
|
13
|
-
--gap-12:
|
|
14
|
-
--gap-16:
|
|
15
|
-
--gap-20:
|
|
16
|
-
--gap-24:
|
|
17
|
-
--gap-32:
|
|
18
|
-
--gap-4-neg:
|
|
7
|
+
--gap-12: 12px;
|
|
8
|
+
--gap-16: 16px;
|
|
9
|
+
--gap-20: 20px;
|
|
10
|
+
--gap-24: 24px;
|
|
11
|
+
--gap-32: 32px;
|
|
12
|
+
--gap-4-neg: -4px;
|
|
19
13
|
}
|
|
20
14
|
:root {
|
|
21
|
-
--font-family-
|
|
22
|
-
|
|
23
|
-
Helvetica, sans-serif;
|
|
15
|
+
--font-family-system:
|
|
16
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
24
17
|
}
|
|
25
18
|
:root {
|
|
26
19
|
--size-xs-height: 40px;
|
|
@@ -28,66 +21,64 @@
|
|
|
28
21
|
:root {
|
|
29
22
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
30
23
|
}
|
|
31
|
-
.
|
|
24
|
+
.confirmation__component_86b20 {
|
|
32
25
|
display: flex;
|
|
33
26
|
flex-direction: column;
|
|
34
27
|
}
|
|
35
|
-
.
|
|
28
|
+
.confirmation__phone_86b20.confirmation__phone_86b20 {
|
|
36
29
|
color: var(--color-light-text-primary);
|
|
37
30
|
margin-bottom: var(--gap-32);
|
|
38
31
|
}
|
|
39
|
-
.
|
|
32
|
+
.confirmation__typographyTheme_86b20.confirmation__typographyTheme_86b20 {
|
|
40
33
|
font-size: 16px;
|
|
41
34
|
line-height: 24px;
|
|
42
35
|
font-weight: 400;
|
|
43
|
-
|
|
44
|
-
font-family: var(--font-family-alfasans);
|
|
36
|
+
font-family: var(--font-family-system);
|
|
45
37
|
color: var(--confirmation-text-color);
|
|
46
38
|
}
|
|
47
|
-
.
|
|
39
|
+
.confirmation__typographyThemeMobile_86b20.confirmation__typographyThemeMobile_86b20 {
|
|
48
40
|
color: var(--color-light-text-secondary);
|
|
49
41
|
}
|
|
50
|
-
.
|
|
42
|
+
.confirmation__compact_86b20 {
|
|
51
43
|
margin-bottom: var(--gap-24);
|
|
52
44
|
}
|
|
53
|
-
.
|
|
45
|
+
.confirmation__loaderWrap_86b20 {
|
|
54
46
|
display: flex;
|
|
55
47
|
align-items: center;
|
|
56
48
|
}
|
|
57
|
-
.
|
|
49
|
+
.confirmation__left_86b20 {
|
|
58
50
|
align-items: flex-start;
|
|
59
51
|
}
|
|
60
|
-
.
|
|
52
|
+
.confirmation__center_86b20 {
|
|
61
53
|
align-items: center;
|
|
62
54
|
text-align: center;
|
|
63
55
|
}
|
|
64
|
-
.
|
|
56
|
+
.confirmation__center_86b20 .confirmation__loaderWrap_86b20 {
|
|
65
57
|
justify-content: center;
|
|
66
58
|
}
|
|
67
|
-
.
|
|
59
|
+
.confirmation__codeInput_86b20 {
|
|
68
60
|
margin-bottom: var(--gap-12);
|
|
69
61
|
}
|
|
70
|
-
.
|
|
62
|
+
.confirmation__smsBtn_86b20.confirmation__smsBtn_86b20 {
|
|
71
63
|
min-height: var(--size-xs-height);
|
|
72
64
|
}
|
|
73
|
-
.
|
|
65
|
+
.confirmation__smsComeLink_86b20.confirmation__smsComeLink_86b20 {
|
|
74
66
|
font-size: 14px;
|
|
75
67
|
line-height: 20px;
|
|
76
68
|
font-weight: 500;
|
|
77
|
-
|
|
78
|
-
font-family: var(--font-family-alfasans);
|
|
69
|
+
font-family: var(--font-family-system);
|
|
79
70
|
}
|
|
80
|
-
.
|
|
71
|
+
.confirmation__countdownContainer_86b20.confirmation__countdownContainer_86b20 {
|
|
81
72
|
color: var(--color-light-text-secondary);
|
|
82
73
|
margin-bottom: var(--gap-24);
|
|
83
74
|
}
|
|
84
|
-
.
|
|
75
|
+
.confirmation__countdownMobile_86b20.confirmation__countdownMobile_86b20 {
|
|
85
76
|
margin-bottom: var(--gap-20);
|
|
86
77
|
}
|
|
87
|
-
.
|
|
78
|
+
.confirmation__countdownLoaderMobile_86b20.confirmation__countdownLoaderMobile_86b20 {
|
|
88
79
|
margin-bottom: var(--gap-16);
|
|
89
80
|
}
|
|
90
|
-
.
|
|
81
|
+
.confirmation__timeCounter_86b20 {
|
|
91
82
|
display: inline-block;
|
|
92
83
|
min-width: 47px;
|
|
93
84
|
color: var(--color-light-text-secondary);
|
|
@@ -95,14 +86,14 @@
|
|
|
95
86
|
font-feature-settings: lining-nums tabular-nums;
|
|
96
87
|
font-variant-numeric: lining-nums tabular-nums;
|
|
97
88
|
}
|
|
98
|
-
.
|
|
89
|
+
.confirmation__getCodeButton_86b20 {
|
|
99
90
|
position: relative;
|
|
100
91
|
top: var(--gap-4-neg);
|
|
101
92
|
margin-bottom: var(--gap-16);
|
|
102
93
|
}
|
|
103
|
-
.
|
|
94
|
+
.confirmation__getCodeButtonMobile_86b20 {
|
|
104
95
|
margin-bottom: var(--gap-0);
|
|
105
96
|
}
|
|
106
|
-
.
|
|
97
|
+
.confirmation__containerInput_86b20 {
|
|
107
98
|
min-height: 80px;
|
|
108
99
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"confirmation__component_86b20","phone":"confirmation__phone_86b20","typographyTheme":"confirmation__typographyTheme_86b20","typographyThemeMobile":"confirmation__typographyThemeMobile_86b20","compact":"confirmation__compact_86b20","loaderWrap":"confirmation__loaderWrap_86b20","left":"confirmation__left_86b20","center":"confirmation__center_86b20","codeInput":"confirmation__codeInput_86b20","smsBtn":"confirmation__smsBtn_86b20","smsComeLink":"confirmation__smsComeLink_86b20","countdownContainer":"confirmation__countdownContainer_86b20","countdownMobile":"confirmation__countdownMobile_86b20","countdownLoaderMobile":"confirmation__countdownLoaderMobile_86b20","timeCounter":"confirmation__timeCounter_86b20","getCodeButton":"confirmation__getCodeButton_86b20","getCodeButtonMobile":"confirmation__getCodeButtonMobile_86b20","containerInput":"confirmation__containerInput_86b20"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -3,44 +3,41 @@
|
|
|
3
3
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
4
4
|
}
|
|
5
5
|
:root {
|
|
6
|
-
--gap-
|
|
7
|
-
--gap-8: var(--gap-xs);
|
|
6
|
+
--gap-8: 8px;
|
|
8
7
|
}
|
|
9
8
|
:root {
|
|
10
|
-
--font-family-
|
|
11
|
-
|
|
12
|
-
Helvetica, sans-serif;
|
|
9
|
+
--font-family-system:
|
|
10
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
13
11
|
}
|
|
14
12
|
:root {
|
|
15
13
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
16
14
|
}
|
|
17
|
-
.
|
|
15
|
+
.confirmation__component_1fm23 {
|
|
18
16
|
display: flex;
|
|
19
17
|
flex-direction: column;
|
|
20
18
|
}
|
|
21
|
-
.
|
|
19
|
+
.confirmation__center_1fm23 {
|
|
22
20
|
align-items: center;
|
|
23
21
|
text-align: center;
|
|
24
22
|
}
|
|
25
|
-
.
|
|
23
|
+
.confirmation__typographyTheme_1fm23.confirmation__typographyTheme_1fm23 {
|
|
26
24
|
font-size: 16px;
|
|
27
25
|
line-height: 24px;
|
|
28
26
|
font-weight: 400;
|
|
29
|
-
|
|
30
|
-
font-family: var(--font-family-alfasans);
|
|
27
|
+
font-family: var(--font-family-system);
|
|
31
28
|
color: var(--confirmation-text-color);
|
|
32
29
|
}
|
|
33
|
-
.
|
|
30
|
+
.confirmation__typographyThemeMobile_1fm23.confirmation__typographyThemeMobile_1fm23 {
|
|
34
31
|
color: var(--color-light-text-secondary);
|
|
35
32
|
}
|
|
36
|
-
.
|
|
33
|
+
.confirmation__description_1fm23.confirmation__description_1fm23 {
|
|
37
34
|
margin-bottom: var(--gap-8);
|
|
38
35
|
}
|
|
39
|
-
.
|
|
36
|
+
.confirmation__countdownWrap_1fm23 {
|
|
40
37
|
display: flex;
|
|
41
38
|
align-items: center;
|
|
42
39
|
}
|
|
43
|
-
.
|
|
40
|
+
.confirmation__timeCounter_1fm23 {
|
|
44
41
|
display: inline-block;
|
|
45
42
|
min-width: 47px;
|
|
46
43
|
color: var(--color-light-text-secondary);
|
|
@@ -48,6 +45,6 @@
|
|
|
48
45
|
font-feature-settings: lining-nums tabular-nums;
|
|
49
46
|
font-variant-numeric: lining-nums tabular-nums;
|
|
50
47
|
}
|
|
51
|
-
.
|
|
48
|
+
.confirmation__loader_1fm23 {
|
|
52
49
|
margin-right: var(--gap-8);
|
|
53
50
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"confirmation__component_1fm23","center":"confirmation__center_1fm23","typographyTheme":"confirmation__typographyTheme_1fm23","typographyThemeMobile":"confirmation__typographyThemeMobile_1fm23","description":"confirmation__description_1fm23","countdownWrap":"confirmation__countdownWrap_1fm23","timeCounter":"confirmation__timeCounter_1fm23","loader":"confirmation__loader_1fm23"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -3,36 +3,33 @@
|
|
|
3
3
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
4
4
|
}
|
|
5
5
|
:root {
|
|
6
|
-
--gap-
|
|
7
|
-
--gap-32: var(--gap-2xl);
|
|
6
|
+
--gap-32: 32px;
|
|
8
7
|
}
|
|
9
8
|
:root {
|
|
10
|
-
--font-family-
|
|
11
|
-
|
|
12
|
-
Helvetica, sans-serif;
|
|
9
|
+
--font-family-system:
|
|
10
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
13
11
|
}
|
|
14
12
|
:root {
|
|
15
13
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
16
14
|
}
|
|
17
|
-
.
|
|
15
|
+
.confirmation__component_1yxw7 {
|
|
18
16
|
display: flex;
|
|
19
17
|
flex-direction: column;
|
|
20
18
|
}
|
|
21
|
-
.
|
|
19
|
+
.confirmation__center_1yxw7 {
|
|
22
20
|
align-items: center;
|
|
23
21
|
text-align: center;
|
|
24
22
|
}
|
|
25
|
-
.
|
|
23
|
+
.confirmation__typographyTheme_1yxw7.confirmation__typographyTheme_1yxw7 {
|
|
26
24
|
font-size: 16px;
|
|
27
25
|
line-height: 24px;
|
|
28
26
|
font-weight: 400;
|
|
29
|
-
|
|
30
|
-
font-family: var(--font-family-alfasans);
|
|
27
|
+
font-family: var(--font-family-system);
|
|
31
28
|
color: var(--confirmation-text-color);
|
|
32
29
|
}
|
|
33
|
-
.
|
|
30
|
+
.confirmation__typographyThemeMobile_1yxw7.confirmation__typographyThemeMobile_1yxw7 {
|
|
34
31
|
color: var(--color-light-text-secondary);
|
|
35
32
|
}
|
|
36
|
-
.
|
|
33
|
+
.confirmation__button_1yxw7.confirmation__button_1yxw7 {
|
|
37
34
|
margin-top: var(--gap-32);
|
|
38
35
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"confirmation__component_1yxw7","center":"confirmation__center_1yxw7","typographyTheme":"confirmation__typographyTheme_1yxw7","typographyThemeMobile":"confirmation__typographyThemeMobile_1yxw7","button":"confirmation__button_1yxw7"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -3,13 +3,11 @@
|
|
|
3
3
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
4
4
|
}
|
|
5
5
|
:root {
|
|
6
|
-
--gap-
|
|
7
|
-
--gap-32: var(--gap-2xl);
|
|
6
|
+
--gap-32: 32px;
|
|
8
7
|
}
|
|
9
8
|
:root {
|
|
10
|
-
--font-family-
|
|
11
|
-
|
|
12
|
-
Helvetica, sans-serif;
|
|
9
|
+
--font-family-system:
|
|
10
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
13
11
|
}
|
|
14
12
|
:root {
|
|
15
13
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
@@ -22,8 +20,7 @@
|
|
|
22
20
|
font-size: 16px;
|
|
23
21
|
line-height: 24px;
|
|
24
22
|
font-weight: 400;
|
|
25
|
-
|
|
26
|
-
font-family: var(--font-family-alfasans);
|
|
23
|
+
font-family: var(--font-family-system);
|
|
27
24
|
color: var(--confirmation-text-color);
|
|
28
25
|
}
|
|
29
26
|
.typographyThemeMobile.typographyThemeMobile {
|
|
@@ -3,18 +3,14 @@
|
|
|
3
3
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
4
4
|
}
|
|
5
5
|
:root {
|
|
6
|
-
--gap-xs: 8px;
|
|
7
|
-
--gap-xl: 24px;
|
|
8
|
-
--gap-2xl: 32px;
|
|
9
6
|
--gap-0: 0px;
|
|
10
|
-
--gap-8:
|
|
11
|
-
--gap-24:
|
|
12
|
-
--gap-32:
|
|
7
|
+
--gap-8: 8px;
|
|
8
|
+
--gap-24: 24px;
|
|
9
|
+
--gap-32: 32px;
|
|
13
10
|
}
|
|
14
11
|
:root {
|
|
15
|
-
--font-family-
|
|
16
|
-
|
|
17
|
-
Helvetica, sans-serif;
|
|
12
|
+
--font-family-system:
|
|
13
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
18
14
|
}
|
|
19
15
|
:root {
|
|
20
16
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
@@ -38,8 +34,7 @@
|
|
|
38
34
|
font-size: 16px;
|
|
39
35
|
line-height: 24px;
|
|
40
36
|
font-weight: 400;
|
|
41
|
-
|
|
42
|
-
font-family: var(--font-family-alfasans);
|
|
37
|
+
font-family: var(--font-family-system);
|
|
43
38
|
color: var(--confirmation-text-color);
|
|
44
39
|
}
|
|
45
40
|
.typographyThemeMobile.typographyThemeMobile {
|
|
@@ -60,8 +55,7 @@
|
|
|
60
55
|
font-size: 16px;
|
|
61
56
|
line-height: 24px;
|
|
62
57
|
font-weight: 500;
|
|
63
|
-
|
|
64
|
-
font-family: var(--font-family-alfasans);
|
|
58
|
+
font-family: var(--font-family-system);
|
|
65
59
|
}
|
|
66
60
|
.hintButton {
|
|
67
61
|
margin-top: var(--gap-32);
|
|
@@ -3,24 +3,17 @@
|
|
|
3
3
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
4
4
|
}
|
|
5
5
|
:root {
|
|
6
|
-
--gap-s: 12px;
|
|
7
|
-
--gap-m: 16px;
|
|
8
|
-
--gap-l: 20px;
|
|
9
|
-
--gap-xl: 24px;
|
|
10
|
-
--gap-2xl: 32px;
|
|
11
|
-
--gap-2xs-neg: -4px;
|
|
12
6
|
--gap-0: 0px;
|
|
13
|
-
--gap-12:
|
|
14
|
-
--gap-16:
|
|
15
|
-
--gap-20:
|
|
16
|
-
--gap-24:
|
|
17
|
-
--gap-32:
|
|
18
|
-
--gap-4-neg:
|
|
7
|
+
--gap-12: 12px;
|
|
8
|
+
--gap-16: 16px;
|
|
9
|
+
--gap-20: 20px;
|
|
10
|
+
--gap-24: 24px;
|
|
11
|
+
--gap-32: 32px;
|
|
12
|
+
--gap-4-neg: -4px;
|
|
19
13
|
}
|
|
20
14
|
:root {
|
|
21
|
-
--font-family-
|
|
22
|
-
|
|
23
|
-
Helvetica, sans-serif;
|
|
15
|
+
--font-family-system:
|
|
16
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
24
17
|
}
|
|
25
18
|
:root {
|
|
26
19
|
--size-xs-height: 40px;
|
|
@@ -40,8 +33,7 @@
|
|
|
40
33
|
font-size: 16px;
|
|
41
34
|
line-height: 24px;
|
|
42
35
|
font-weight: 400;
|
|
43
|
-
|
|
44
|
-
font-family: var(--font-family-alfasans);
|
|
36
|
+
font-family: var(--font-family-system);
|
|
45
37
|
color: var(--confirmation-text-color);
|
|
46
38
|
}
|
|
47
39
|
.typographyThemeMobile.typographyThemeMobile {
|
|
@@ -74,8 +66,7 @@
|
|
|
74
66
|
font-size: 14px;
|
|
75
67
|
line-height: 20px;
|
|
76
68
|
font-weight: 500;
|
|
77
|
-
|
|
78
|
-
font-family: var(--font-family-alfasans);
|
|
69
|
+
font-family: var(--font-family-system);
|
|
79
70
|
}
|
|
80
71
|
.countdownContainer.countdownContainer {
|
|
81
72
|
color: var(--color-light-text-secondary);
|