@alfalab/core-components-confirmation 15.2.2-alfasans → 15.2.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/components/base-confirmation/index.css +2 -2
- package/components/base-confirmation/index.module.css.js +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 +8 -9
- package/components/header/index.module.css.js +1 -1
- package/components/screens/fatal-error/index.css +12 -13
- package/components/screens/fatal-error/index.module.css.js +1 -1
- package/components/screens/hint/index.css +26 -28
- package/components/screens/hint/index.module.css.js +1 -1
- package/components/screens/initial/index.css +36 -38
- package/components/screens/initial/index.module.css.js +1 -1
- package/components/screens/temp-block/index.css +15 -16
- package/components/screens/temp-block/index.module.css.js +1 -1
- package/components/screens/temp-block-over/index.css +11 -12
- package/components/screens/temp-block-over/index.module.css.js +1 -1
- package/cssm/components/header/index.module.css +6 -7
- package/cssm/components/screens/fatal-error/index.module.css +5 -6
- package/cssm/components/screens/hint/index.module.css +6 -8
- package/cssm/components/screens/initial/index.module.css +6 -8
- package/cssm/components/screens/temp-block/index.module.css +5 -6
- package/cssm/components/screens/temp-block-over/index.module.css +5 -6
- package/esm/components/base-confirmation/index.css +2 -2
- package/esm/components/base-confirmation/index.module.css.js +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 +8 -9
- package/esm/components/header/index.module.css.js +1 -1
- package/esm/components/screens/fatal-error/index.css +12 -13
- package/esm/components/screens/fatal-error/index.module.css.js +1 -1
- package/esm/components/screens/hint/index.css +26 -28
- package/esm/components/screens/hint/index.module.css.js +1 -1
- package/esm/components/screens/initial/index.css +36 -38
- package/esm/components/screens/initial/index.module.css.js +1 -1
- package/esm/components/screens/temp-block/index.css +15 -16
- package/esm/components/screens/temp-block/index.module.css.js +1 -1
- package/esm/components/screens/temp-block-over/index.css +11 -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/countdown-loader/index.css +1 -1
- package/modern/components/countdown-loader/index.module.css.js +1 -1
- package/modern/components/header/index.css +8 -9
- package/modern/components/header/index.module.css.js +1 -1
- package/modern/components/screens/fatal-error/index.css +12 -13
- package/modern/components/screens/fatal-error/index.module.css.js +1 -1
- package/modern/components/screens/hint/index.css +26 -28
- package/modern/components/screens/hint/index.module.css.js +1 -1
- package/modern/components/screens/initial/index.css +36 -38
- package/modern/components/screens/initial/index.module.css.js +1 -1
- package/modern/components/screens/temp-block/index.css +15 -16
- package/modern/components/screens/temp-block/index.module.css.js +1 -1
- package/modern/components/screens/temp-block-over/index.css +11 -12
- package/modern/components/screens/temp-block-over/index.module.css.js +1 -1
- package/moderncssm/components/header/index.module.css +4 -4
- package/moderncssm/components/screens/fatal-error/index.module.css +3 -3
- package/moderncssm/components/screens/hint/index.module.css +4 -5
- package/moderncssm/components/screens/initial/index.module.css +4 -5
- package/moderncssm/components/screens/temp-block/index.module.css +3 -3
- package/moderncssm/components/screens/temp-block-over/index.module.css +3 -3
- package/package.json +9 -9
- package/src/vars.css +7 -7
|
@@ -12,9 +12,8 @@
|
|
|
12
12
|
--gap-4-neg: -4px;
|
|
13
13
|
}
|
|
14
14
|
:root {
|
|
15
|
-
--font-family-
|
|
16
|
-
|
|
17
|
-
Helvetica, sans-serif;
|
|
15
|
+
--font-family-system:
|
|
16
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
18
17
|
}
|
|
19
18
|
:root {
|
|
20
19
|
--size-xs-height: 40px;
|
|
@@ -24,10 +23,10 @@
|
|
|
24
23
|
--confirmation-text-font-size: 16px;
|
|
25
24
|
--confirmation-text-font-weight: 400;
|
|
26
25
|
--confirmation-text-line-height: 24px;
|
|
27
|
-
--confirmation-text-letter-spacing:
|
|
26
|
+
--confirmation-text-letter-spacing: normal;
|
|
28
27
|
--confirmation-text-font-size-mobile: 16px;
|
|
29
28
|
--confirmation-text-line-height-mobile: 24px;
|
|
30
|
-
--confirmation-text-letter-spacing-mobile:
|
|
29
|
+
--confirmation-text-letter-spacing-mobile: normal;
|
|
31
30
|
--confirmation-countdown-height: auto;
|
|
32
31
|
--confirmation-phone-margin-bottom: var(--gap-32);
|
|
33
32
|
--confirmation-phone-label-color: var(--color-light-text-primary);
|
|
@@ -48,101 +47,100 @@
|
|
|
48
47
|
--confirmation-countdown-loader-margin-bottom-mobile: var(--gap-16);
|
|
49
48
|
--confirmation-countdown-margin-bottom-mobile: var(--gap-20);
|
|
50
49
|
}
|
|
51
|
-
.
|
|
50
|
+
.confirmation__component_aevvy {
|
|
52
51
|
display: flex;
|
|
53
52
|
flex-direction: column;
|
|
54
53
|
}
|
|
55
|
-
.
|
|
54
|
+
.confirmation__phone_aevvy.confirmation__phone_aevvy {
|
|
56
55
|
color: var(--color-light-text-primary);
|
|
57
56
|
margin-bottom: var(--confirmation-phone-margin-bottom);
|
|
58
57
|
}
|
|
59
|
-
.
|
|
58
|
+
.confirmation__phone_aevvy.confirmation__phoneMobile_aevvy {
|
|
60
59
|
margin-bottom: var(--confirmation-phone-margin-bottom-mobile);
|
|
61
60
|
}
|
|
62
|
-
.
|
|
61
|
+
.confirmation__phoneLabel_aevvy {
|
|
63
62
|
color: var(--confirmation-phone-label-color);
|
|
64
63
|
}
|
|
65
|
-
.
|
|
64
|
+
.confirmation__phoneLabelMobile_aevvy {
|
|
66
65
|
color: var(--confirmation-phone-label-color-mobile);
|
|
67
66
|
}
|
|
68
|
-
.
|
|
67
|
+
.confirmation__phoneNumber_aevvy {
|
|
69
68
|
color: var(--confirmation-phone-number-color);
|
|
70
69
|
}
|
|
71
|
-
.
|
|
70
|
+
.confirmation__phoneNumberMobile_aevvy {
|
|
72
71
|
color: var(--confirmation-phone-number-color-mobile);
|
|
73
72
|
}
|
|
74
|
-
.
|
|
73
|
+
.confirmation__typographyTheme_aevvy.confirmation__typographyTheme_aevvy {
|
|
75
74
|
font-size: var(--confirmation-text-font-size);
|
|
76
75
|
line-height: var(--confirmation-text-line-height);
|
|
77
76
|
letter-spacing: var(--confirmation-text-letter-spacing);
|
|
78
77
|
font-weight: var(--confirmation-text-font-weight);
|
|
79
|
-
font-family: var(--font-family-
|
|
78
|
+
font-family: var(--font-family-system);
|
|
80
79
|
color: var(--confirmation-text-color);
|
|
81
80
|
}
|
|
82
|
-
.
|
|
81
|
+
.confirmation__typographyThemeMobile_aevvy.confirmation__typographyThemeMobile_aevvy {
|
|
83
82
|
font-size: var(--confirmation-text-font-size-mobile);
|
|
84
83
|
line-height: var(--confirmation-text-line-height-mobile);
|
|
85
84
|
letter-spacing: var(--confirmation-text-letter-spacing-mobile);
|
|
86
85
|
color: var(--color-light-text-secondary);
|
|
87
86
|
}
|
|
88
|
-
.
|
|
87
|
+
.confirmation__compact_aevvy {
|
|
89
88
|
margin-bottom: var(--gap-24);
|
|
90
89
|
}
|
|
91
|
-
.
|
|
90
|
+
.confirmation__loaderWrap_aevvy {
|
|
92
91
|
display: flex;
|
|
93
92
|
align-items: center;
|
|
94
93
|
}
|
|
95
|
-
.
|
|
94
|
+
.confirmation__left_aevvy {
|
|
96
95
|
align-items: flex-start;
|
|
97
96
|
}
|
|
98
|
-
.
|
|
97
|
+
.confirmation__center_aevvy {
|
|
99
98
|
align-items: center;
|
|
100
99
|
text-align: center;
|
|
101
100
|
}
|
|
102
|
-
.
|
|
101
|
+
.confirmation__center_aevvy .confirmation__loaderWrap_aevvy {
|
|
103
102
|
justify-content: center;
|
|
104
103
|
}
|
|
105
|
-
.
|
|
104
|
+
.confirmation__center_aevvy .confirmation__countdownMobile_aevvy {
|
|
106
105
|
justify-content: center;
|
|
107
106
|
}
|
|
108
|
-
.
|
|
107
|
+
.confirmation__codeInput_aevvy {
|
|
109
108
|
margin-bottom: var(--confirmation-input-margin-bottom);
|
|
110
109
|
}
|
|
111
|
-
.
|
|
110
|
+
.confirmation__codeInput_aevvy.confirmation__codeInputMobile_aevvy {
|
|
112
111
|
margin-bottom: var(--confirmation-input-margin-bottom-mobile);
|
|
113
112
|
}
|
|
114
|
-
.
|
|
113
|
+
.confirmation__smsBtn_aevvy.confirmation__smsBtn_aevvy {
|
|
115
114
|
min-height: var(--size-xs-height);
|
|
116
115
|
}
|
|
117
|
-
.
|
|
116
|
+
.confirmation__smsComeLink_aevvy.confirmation__smsComeLink_aevvy {
|
|
118
117
|
font-size: 14px;
|
|
119
118
|
line-height: 20px;
|
|
120
119
|
font-weight: 500;
|
|
121
|
-
|
|
122
|
-
font-family: var(--font-family-alfasans);
|
|
120
|
+
font-family: var(--font-family-system);
|
|
123
121
|
}
|
|
124
|
-
.
|
|
122
|
+
.confirmation__countdownContainer_aevvy.confirmation__countdownContainer_aevvy {
|
|
125
123
|
color: var(--color-light-text-secondary);
|
|
126
124
|
height: var(--confirmation-countdown-height);
|
|
127
125
|
margin-bottom: var(--confirmation-countdown-margin-bottom);
|
|
128
126
|
}
|
|
129
|
-
.
|
|
127
|
+
.confirmation__countdownMobile_aevvy.confirmation__countdownMobile_aevvy {
|
|
130
128
|
display: flex;
|
|
131
129
|
align-items: center;
|
|
132
130
|
width: 100%;
|
|
133
131
|
margin-bottom: var(--confirmation-countdown-margin-bottom-mobile);
|
|
134
132
|
}
|
|
135
|
-
.
|
|
133
|
+
.confirmation__loaderWrap_aevvy.confirmation__loaderWrap_aevvy {
|
|
136
134
|
margin-bottom: var(--confirmation-countdown-loader-margin-bottom);
|
|
137
135
|
}
|
|
138
|
-
.
|
|
136
|
+
.confirmation__countdownLoaderMobile_aevvy.confirmation__countdownLoaderMobile_aevvy {
|
|
139
137
|
width: 100%;
|
|
140
138
|
font-size: var(--confirmation-text-font-size-mobile);
|
|
141
139
|
line-height: var(--confirmation-text-line-height-mobile);
|
|
142
140
|
letter-spacing: var(--confirmation-text-letter-spacing-mobile);
|
|
143
141
|
margin-bottom: var(--confirmation-countdown-loader-margin-bottom-mobile);
|
|
144
142
|
}
|
|
145
|
-
.
|
|
143
|
+
.confirmation__timeCounter_aevvy {
|
|
146
144
|
display: inline-block;
|
|
147
145
|
min-width: 47px;
|
|
148
146
|
color: var(--color-light-text-secondary);
|
|
@@ -150,24 +148,24 @@
|
|
|
150
148
|
font-feature-settings: lining-nums tabular-nums;
|
|
151
149
|
font-variant-numeric: lining-nums tabular-nums;
|
|
152
150
|
}
|
|
153
|
-
.
|
|
151
|
+
.confirmation__timeCounterMobile_aevvy {
|
|
154
152
|
min-width: 0;
|
|
155
153
|
text-align: inherit;
|
|
156
154
|
}
|
|
157
|
-
.
|
|
155
|
+
.confirmation__getCodeButton_aevvy {
|
|
158
156
|
position: relative;
|
|
159
157
|
top: var(--confirmation-code-button-top);
|
|
160
158
|
margin-bottom: var(--confirmation-code-button-margin-bottom);
|
|
161
159
|
}
|
|
162
|
-
.
|
|
160
|
+
.confirmation__getCodeButtonMobile_aevvy {
|
|
163
161
|
margin-bottom: var(--confirmation-code-button-margin-bottom-mobile);
|
|
164
162
|
}
|
|
165
|
-
.
|
|
163
|
+
.confirmation__getCodeButton_aevvy.confirmation__getCodeButtonMobile_aevvy {
|
|
166
164
|
top: var(--confirmation-code-button-top-mobile);
|
|
167
165
|
}
|
|
168
|
-
.
|
|
166
|
+
.confirmation__containerInput_aevvy {
|
|
169
167
|
min-height: var(--confirmation-input-min-height);
|
|
170
168
|
}
|
|
171
|
-
.
|
|
169
|
+
.confirmation__containerInput_aevvy.confirmation__codeInputMobile_aevvy {
|
|
172
170
|
min-height: var(--confirmation-input-min-height-mobile);
|
|
173
171
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"confirmation__component_aevvy","phone":"confirmation__phone_aevvy","phoneMobile":"confirmation__phoneMobile_aevvy","phoneLabel":"confirmation__phoneLabel_aevvy","phoneLabelMobile":"confirmation__phoneLabelMobile_aevvy","phoneNumber":"confirmation__phoneNumber_aevvy","phoneNumberMobile":"confirmation__phoneNumberMobile_aevvy","typographyTheme":"confirmation__typographyTheme_aevvy","typographyThemeMobile":"confirmation__typographyThemeMobile_aevvy","compact":"confirmation__compact_aevvy","loaderWrap":"confirmation__loaderWrap_aevvy","left":"confirmation__left_aevvy","center":"confirmation__center_aevvy","countdownMobile":"confirmation__countdownMobile_aevvy","codeInput":"confirmation__codeInput_aevvy","codeInputMobile":"confirmation__codeInputMobile_aevvy","smsBtn":"confirmation__smsBtn_aevvy","smsComeLink":"confirmation__smsComeLink_aevvy","countdownContainer":"confirmation__countdownContainer_aevvy","countdownLoaderMobile":"confirmation__countdownLoaderMobile_aevvy","timeCounter":"confirmation__timeCounter_aevvy","timeCounterMobile":"confirmation__timeCounterMobile_aevvy","getCodeButton":"confirmation__getCodeButton_aevvy","getCodeButtonMobile":"confirmation__getCodeButtonMobile_aevvy","containerInput":"confirmation__containerInput_aevvy"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -6,63 +6,62 @@
|
|
|
6
6
|
--gap-8: 8px;
|
|
7
7
|
}
|
|
8
8
|
:root {
|
|
9
|
-
--font-family-
|
|
10
|
-
|
|
11
|
-
Helvetica, sans-serif;
|
|
9
|
+
--font-family-system:
|
|
10
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
12
11
|
}
|
|
13
12
|
:root {
|
|
14
13
|
--confirmation-text-color: var(--color-light-text-primary);
|
|
15
14
|
--confirmation-text-font-size: 16px;
|
|
16
15
|
--confirmation-text-font-weight: 400;
|
|
17
16
|
--confirmation-text-line-height: 24px;
|
|
18
|
-
--confirmation-text-letter-spacing:
|
|
17
|
+
--confirmation-text-letter-spacing: normal;
|
|
19
18
|
--confirmation-text-font-size-mobile: 16px;
|
|
20
19
|
--confirmation-text-line-height-mobile: 24px;
|
|
21
|
-
--confirmation-text-letter-spacing-mobile:
|
|
20
|
+
--confirmation-text-letter-spacing-mobile: normal;
|
|
22
21
|
--confirmation-temp-block-description-color: var(--color-light-text-primary);
|
|
23
22
|
--confirmation-temp-block-description-margin-bottom: var(--gap-8);
|
|
24
23
|
--confirmation-temp-block-description-color-mobile: var(--color-light-text-secondary);
|
|
25
24
|
--confirmation-temp-block-description-margin-bottom-mobile: var(--gap-8);
|
|
26
25
|
}
|
|
27
|
-
.
|
|
26
|
+
.confirmation__component_1n17x {
|
|
28
27
|
display: flex;
|
|
29
28
|
flex-direction: column;
|
|
30
29
|
}
|
|
31
|
-
.
|
|
30
|
+
.confirmation__center_1n17x {
|
|
32
31
|
align-items: center;
|
|
33
32
|
text-align: center;
|
|
34
33
|
}
|
|
35
|
-
.
|
|
34
|
+
.confirmation__typographyTheme_1n17x.confirmation__typographyTheme_1n17x {
|
|
36
35
|
font-size: var(--confirmation-text-font-size);
|
|
37
36
|
line-height: var(--confirmation-text-line-height);
|
|
38
37
|
letter-spacing: var(--confirmation-text-letter-spacing);
|
|
39
38
|
font-weight: var(--confirmation-text-font-weight);
|
|
40
|
-
font-family: var(--font-family-
|
|
39
|
+
font-family: var(--font-family-system);
|
|
41
40
|
color: var(--confirmation-text-color);
|
|
42
41
|
color: var(--confirmation-temp-block-description-color);
|
|
43
42
|
}
|
|
44
|
-
.
|
|
43
|
+
.confirmation__typographyThemeMobile_1n17x.confirmation__typographyThemeMobile_1n17x {
|
|
45
44
|
font-size: var(--confirmation-text-font-size-mobile);
|
|
46
45
|
line-height: var(--confirmation-text-line-height-mobile);
|
|
47
46
|
letter-spacing: var(--confirmation-text-letter-spacing-mobile);
|
|
48
47
|
color: var(--confirmation-temp-block-description-color-mobile);
|
|
49
48
|
}
|
|
50
|
-
.
|
|
49
|
+
.confirmation__description_1n17x.confirmation__description_1n17x {
|
|
51
50
|
margin-bottom: var(--confirmation-temp-block-description-margin-bottom);
|
|
52
51
|
}
|
|
53
|
-
.
|
|
52
|
+
.confirmation__description_1n17x.confirmation__descriptionMobile_1n17x {
|
|
54
53
|
margin-bottom: var(--confirmation-temp-block-description-margin-bottom-mobile);
|
|
55
54
|
}
|
|
56
|
-
.
|
|
55
|
+
.confirmation__countdownWrap_1n17x {
|
|
57
56
|
display: flex;
|
|
58
57
|
align-items: center;
|
|
59
58
|
}
|
|
60
|
-
.
|
|
59
|
+
.confirmation__countdownWrapMobile_1n17x {
|
|
61
60
|
font-size: var(--confirmation-text-font-size-mobile);
|
|
62
61
|
line-height: var(--confirmation-text-line-height-mobile);
|
|
63
62
|
letter-spacing: var(--confirmation-text-letter-spacing-mobile);
|
|
64
63
|
}
|
|
65
|
-
.
|
|
64
|
+
.confirmation__timeCounter_1n17x {
|
|
66
65
|
display: inline-block;
|
|
67
66
|
min-width: 47px;
|
|
68
67
|
color: var(--color-light-text-secondary);
|
|
@@ -70,6 +69,6 @@
|
|
|
70
69
|
font-feature-settings: lining-nums tabular-nums;
|
|
71
70
|
font-variant-numeric: lining-nums tabular-nums;
|
|
72
71
|
}
|
|
73
|
-
.
|
|
72
|
+
.confirmation__loader_1n17x {
|
|
74
73
|
margin-right: var(--gap-8);
|
|
75
74
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"confirmation__component_1n17x","center":"confirmation__center_1n17x","typographyTheme":"confirmation__typographyTheme_1n17x","typographyThemeMobile":"confirmation__typographyThemeMobile_1n17x","description":"confirmation__description_1n17x","descriptionMobile":"confirmation__descriptionMobile_1n17x","countdownWrap":"confirmation__countdownWrap_1n17x","countdownWrapMobile":"confirmation__countdownWrapMobile_1n17x","timeCounter":"confirmation__timeCounter_1n17x","loader":"confirmation__loader_1n17x"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -6,47 +6,46 @@
|
|
|
6
6
|
--gap-32: 32px;
|
|
7
7
|
}
|
|
8
8
|
:root {
|
|
9
|
-
--font-family-
|
|
10
|
-
|
|
11
|
-
Helvetica, sans-serif;
|
|
9
|
+
--font-family-system:
|
|
10
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
12
11
|
}
|
|
13
12
|
:root {
|
|
14
13
|
--confirmation-text-color: var(--color-light-text-primary);
|
|
15
14
|
--confirmation-text-font-size: 16px;
|
|
16
15
|
--confirmation-text-font-weight: 400;
|
|
17
16
|
--confirmation-text-line-height: 24px;
|
|
18
|
-
--confirmation-text-letter-spacing:
|
|
17
|
+
--confirmation-text-letter-spacing: normal;
|
|
19
18
|
--confirmation-text-font-size-mobile: 16px;
|
|
20
19
|
--confirmation-text-line-height-mobile: 24px;
|
|
21
|
-
--confirmation-text-letter-spacing-mobile:
|
|
20
|
+
--confirmation-text-letter-spacing-mobile: normal;
|
|
22
21
|
--confirmation-temp-block-over-button-margin-top: var(--gap-32);
|
|
23
22
|
--confirmation-temp-block-over-button-margin-top-mobile: var(--gap-32);
|
|
24
23
|
}
|
|
25
|
-
.
|
|
24
|
+
.confirmation__component_1v1yf {
|
|
26
25
|
display: flex;
|
|
27
26
|
flex-direction: column;
|
|
28
27
|
}
|
|
29
|
-
.
|
|
28
|
+
.confirmation__center_1v1yf {
|
|
30
29
|
align-items: center;
|
|
31
30
|
text-align: center;
|
|
32
31
|
}
|
|
33
|
-
.
|
|
32
|
+
.confirmation__typographyTheme_1v1yf.confirmation__typographyTheme_1v1yf {
|
|
34
33
|
font-size: var(--confirmation-text-font-size);
|
|
35
34
|
line-height: var(--confirmation-text-line-height);
|
|
36
35
|
letter-spacing: var(--confirmation-text-letter-spacing);
|
|
37
36
|
font-weight: var(--confirmation-text-font-weight);
|
|
38
|
-
font-family: var(--font-family-
|
|
37
|
+
font-family: var(--font-family-system);
|
|
39
38
|
color: var(--confirmation-text-color);
|
|
40
39
|
}
|
|
41
|
-
.
|
|
40
|
+
.confirmation__typographyThemeMobile_1v1yf.confirmation__typographyThemeMobile_1v1yf {
|
|
42
41
|
font-size: var(--confirmation-text-font-size-mobile);
|
|
43
42
|
line-height: var(--confirmation-text-line-height-mobile);
|
|
44
43
|
letter-spacing: var(--confirmation-text-letter-spacing-mobile);
|
|
45
44
|
color: var(--color-light-text-secondary);
|
|
46
45
|
}
|
|
47
|
-
.
|
|
46
|
+
.confirmation__button_1v1yf.confirmation__button_1v1yf {
|
|
48
47
|
margin-top: var(--confirmation-temp-block-over-button-margin-top);
|
|
49
48
|
}
|
|
50
|
-
.
|
|
49
|
+
.confirmation__button_1v1yf.confirmation__buttonMobile_1v1yf {
|
|
51
50
|
margin-top: var(--confirmation-temp-block-over-button-margin-top-mobile);
|
|
52
51
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"confirmation__component_1v1yf","center":"confirmation__center_1v1yf","typographyTheme":"confirmation__typographyTheme_1v1yf","typographyThemeMobile":"confirmation__typographyThemeMobile_1v1yf","button":"confirmation__button_1v1yf","buttonMobile":"confirmation__buttonMobile_1v1yf"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
:root {
|
|
5
5
|
--gap-0: 0px;
|
|
6
6
|
}
|
|
7
|
-
.
|
|
7
|
+
.confirmation__component_1oqmu {
|
|
8
8
|
width: 100%;
|
|
9
9
|
max-width: 388px;
|
|
10
10
|
color: var(--color-light-text-secondary);
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
.confirmation__component_1oqmu.confirmation__center_1oqmu {
|
|
13
13
|
margin: var(--gap-0) auto;
|
|
14
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"
|
|
3
|
+
const styles = {"component":"confirmation__component_1oqmu","center":"confirmation__center_1oqmu"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -5,27 +5,26 @@
|
|
|
5
5
|
--gap-24: 24px;
|
|
6
6
|
}
|
|
7
7
|
:root {
|
|
8
|
-
--font-family-
|
|
9
|
-
|
|
10
|
-
Helvetica, sans-serif;
|
|
8
|
+
--font-family-system:
|
|
9
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
11
10
|
}
|
|
12
11
|
:root {
|
|
13
|
-
--confirmation-header-font-family: var(--font-family-
|
|
12
|
+
--confirmation-header-font-family: var(--font-family-system);
|
|
14
13
|
--confirmation-header-font-size: 22px;
|
|
15
14
|
--confirmation-header-font-weight: 700;
|
|
16
15
|
--confirmation-header-line-height: 26px;
|
|
17
|
-
--confirmation-header-letter-spacing:
|
|
16
|
+
--confirmation-header-letter-spacing: normal;
|
|
18
17
|
--confirmation-header-color: var(--color-light-text-primary);
|
|
19
18
|
--confirmation-header-margin-bottom: var(--gap-24);
|
|
20
|
-
--confirmation-header-font-family-mobile: var(--font-family-
|
|
19
|
+
--confirmation-header-font-family-mobile: var(--font-family-system);
|
|
21
20
|
--confirmation-header-font-size-mobile: 20px;
|
|
22
21
|
--confirmation-header-font-weight-mobile: 600;
|
|
23
22
|
--confirmation-header-line-height-mobile: 28px;
|
|
24
|
-
--confirmation-header-line-letter-spacing-mobile:
|
|
23
|
+
--confirmation-header-line-letter-spacing-mobile: normal;
|
|
25
24
|
--confirmation-header-color-mobile: var(--color-light-text-primary);
|
|
26
25
|
--confirmation-header-margin-bottom-mobile: var(--gap-24);
|
|
27
26
|
}
|
|
28
|
-
.
|
|
27
|
+
.confirmation__header_fj6nw.confirmation__header_fj6nw {
|
|
29
28
|
margin-bottom: var(--confirmation-header-margin-bottom);
|
|
30
29
|
font-family: var(--confirmation-header-font-family);
|
|
31
30
|
font-size: var(--confirmation-header-font-size);
|
|
@@ -34,7 +33,7 @@
|
|
|
34
33
|
letter-spacing: var(--confirmation-header-letter-spacing);
|
|
35
34
|
color: var(--confirmation-header-color);
|
|
36
35
|
}
|
|
37
|
-
.
|
|
36
|
+
.confirmation__headerMobile_fj6nw.confirmation__headerMobile_fj6nw {
|
|
38
37
|
margin-bottom: var(--confirmation-header-margin-bottom-mobile);
|
|
39
38
|
font-family: var(--confirmation-header-font-family-mobile);
|
|
40
39
|
font-size: var(--confirmation-header-font-size-mobile);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"header":"
|
|
3
|
+
const styles = {"header":"confirmation__header_fj6nw","headerMobile":"confirmation__headerMobile_fj6nw"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -6,53 +6,52 @@
|
|
|
6
6
|
--gap-32: 32px;
|
|
7
7
|
}
|
|
8
8
|
:root {
|
|
9
|
-
--font-family-
|
|
10
|
-
|
|
11
|
-
Helvetica, sans-serif;
|
|
9
|
+
--font-family-system:
|
|
10
|
+
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
12
11
|
}
|
|
13
12
|
:root {
|
|
14
13
|
--confirmation-text-color: var(--color-light-text-primary);
|
|
15
14
|
--confirmation-text-font-size: 16px;
|
|
16
15
|
--confirmation-text-font-weight: 400;
|
|
17
16
|
--confirmation-text-line-height: 24px;
|
|
18
|
-
--confirmation-text-letter-spacing:
|
|
17
|
+
--confirmation-text-letter-spacing: normal;
|
|
19
18
|
--confirmation-text-font-size-mobile: 16px;
|
|
20
19
|
--confirmation-text-line-height-mobile: 24px;
|
|
21
|
-
--confirmation-text-letter-spacing-mobile:
|
|
20
|
+
--confirmation-text-letter-spacing-mobile: normal;
|
|
22
21
|
--confirmation-fatal-error-description-color: var(--color-light-text-primary);
|
|
23
22
|
--confirmation-fatal-error-button-margin-top: var(--gap-32);
|
|
24
23
|
--confirmation-fatal-error-description-color-mobile: var(--color-light-text-secondary);
|
|
25
24
|
--confirmation-fatal-error-button-margin-top-mobile: var(--gap-32);
|
|
26
25
|
}
|
|
27
|
-
.
|
|
26
|
+
.confirmation__component_1ylfx {
|
|
28
27
|
display: flex;
|
|
29
28
|
flex-direction: column;
|
|
30
29
|
}
|
|
31
|
-
.
|
|
30
|
+
.confirmation__typographyTheme_1ylfx.confirmation__typographyTheme_1ylfx {
|
|
32
31
|
font-size: var(--confirmation-text-font-size);
|
|
33
32
|
line-height: var(--confirmation-text-line-height);
|
|
34
33
|
letter-spacing: var(--confirmation-text-letter-spacing);
|
|
35
34
|
font-weight: var(--confirmation-text-font-weight);
|
|
36
|
-
font-family: var(--font-family-
|
|
35
|
+
font-family: var(--font-family-system);
|
|
37
36
|
color: var(--confirmation-text-color);
|
|
38
37
|
color: var(--confirmation-fatal-error-description-color);
|
|
39
38
|
}
|
|
40
|
-
.
|
|
39
|
+
.confirmation__typographyThemeMobile_1ylfx.confirmation__typographyThemeMobile_1ylfx {
|
|
41
40
|
font-size: var(--confirmation-text-font-size-mobile);
|
|
42
41
|
line-height: var(--confirmation-text-line-height-mobile);
|
|
43
42
|
letter-spacing: var(--confirmation-text-letter-spacing-mobile);
|
|
44
43
|
color: var(--confirmation-fatal-error-description-color-mobile);
|
|
45
44
|
}
|
|
46
|
-
.
|
|
45
|
+
.confirmation__left_1ylfx {
|
|
47
46
|
align-items: flex-start;
|
|
48
47
|
}
|
|
49
|
-
.
|
|
48
|
+
.confirmation__center_1ylfx {
|
|
50
49
|
align-items: center;
|
|
51
50
|
text-align: center;
|
|
52
51
|
}
|
|
53
|
-
.
|
|
52
|
+
.confirmation__button_1ylfx.confirmation__button_1ylfx {
|
|
54
53
|
margin-top: var(--confirmation-fatal-error-button-margin-top);
|
|
55
54
|
}
|
|
56
|
-
.
|
|
55
|
+
.confirmation__button_1ylfx.confirmation__buttonMobile_1ylfx {
|
|
57
56
|
margin-top: var(--confirmation-fatal-error-button-margin-top-mobile);
|
|
58
57
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"
|
|
3
|
+
const styles = {"component":"confirmation__component_1ylfx","typographyTheme":"confirmation__typographyTheme_1ylfx","typographyThemeMobile":"confirmation__typographyThemeMobile_1ylfx","left":"confirmation__left_1ylfx","center":"confirmation__center_1ylfx","button":"confirmation__button_1ylfx","buttonMobile":"confirmation__buttonMobile_1ylfx"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|