@alfalab/core-components-confirmation 12.4.5 → 12.4.7
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-505707d8.d.ts → component-adbf9996.d.ts} +0 -0
- package/{component-505707d8.js → component-adbf9996.js} +1 -1
- package/component.desktop.js +2 -2
- package/component.mobile.js +3 -3
- package/component.responsive.js +2 -2
- package/components/base-confirmation/component.js +2 -2
- package/components/base-confirmation/index.css +10 -5
- package/components/base-confirmation/index.d.ts +1 -1
- package/components/base-confirmation/index.js +2 -2
- package/components/countdown-loader/component.js +1 -1
- package/components/countdown-loader/index.css +10 -5
- package/components/header/component.js +1 -1
- package/components/header/index.css +13 -13
- package/components/index.js +1 -1
- package/components/screens/fatal-error/component.js +1 -1
- package/components/screens/fatal-error/index.css +15 -19
- package/components/screens/hint/component.js +1 -1
- package/components/screens/hint/index.css +21 -31
- package/components/screens/index.js +1 -1
- package/components/screens/initial/component.js +1 -1
- package/components/screens/initial/countdown-section.js +1 -1
- package/components/screens/initial/index.css +27 -43
- package/components/screens/initial/index.js +1 -1
- package/components/screens/temp-block/component.js +1 -1
- package/components/screens/temp-block/index.css +16 -21
- package/{countdown-section-6a992752.d.ts → countdown-section-94a35216.d.ts} +0 -0
- package/{countdown-section-6a992752.js → countdown-section-94a35216.js} +1 -1
- package/cssm/components/base-confirmation/index.module.css +9 -4
- package/cssm/components/countdown-loader/index.module.css +9 -4
- package/cssm/components/header/index.module.css +12 -12
- package/cssm/components/screens/fatal-error/index.module.css +14 -18
- package/cssm/components/screens/hint/index.module.css +20 -30
- package/cssm/components/screens/initial/index.module.css +26 -42
- package/cssm/components/screens/temp-block/index.module.css +15 -20
- package/cssm/vars.css +9 -2
- package/desktop.js +2 -2
- package/esm/{component-93c7cd83.d.ts → component-8d44589b.d.ts} +0 -0
- package/esm/{component-93c7cd83.js → component-8d44589b.js} +1 -1
- package/esm/component.desktop.js +2 -2
- package/esm/component.mobile.js +3 -3
- package/esm/component.responsive.js +2 -2
- package/esm/components/base-confirmation/component.js +2 -2
- package/esm/components/base-confirmation/index.css +10 -5
- package/esm/components/base-confirmation/index.d.ts +1 -1
- package/esm/components/base-confirmation/index.js +2 -2
- package/esm/components/countdown-loader/component.js +1 -1
- package/esm/components/countdown-loader/index.css +10 -5
- package/esm/components/header/component.js +1 -1
- package/esm/components/header/index.css +13 -13
- package/esm/components/index.js +1 -1
- package/esm/components/screens/fatal-error/component.js +1 -1
- package/esm/components/screens/fatal-error/index.css +15 -19
- package/esm/components/screens/hint/component.js +1 -1
- package/esm/components/screens/hint/index.css +21 -31
- package/esm/components/screens/index.js +1 -1
- package/esm/components/screens/initial/component.js +1 -1
- package/esm/components/screens/initial/countdown-section.js +1 -1
- package/esm/components/screens/initial/index.css +27 -43
- package/esm/components/screens/initial/index.js +1 -1
- package/esm/components/screens/temp-block/component.js +1 -1
- package/esm/components/screens/temp-block/index.css +16 -21
- package/esm/{countdown-section-ebdb88aa.d.ts → countdown-section-1560b6e0.d.ts} +0 -0
- package/esm/{countdown-section-ebdb88aa.js → countdown-section-1560b6e0.js} +1 -1
- package/esm/desktop.js +2 -2
- package/esm/index.js +2 -2
- package/esm/mobile.css +2 -2
- package/esm/mobile.js +2 -2
- package/esm/responsive.js +2 -2
- package/index.js +2 -2
- package/mobile.css +2 -2
- package/mobile.js +2 -2
- package/modern/component.desktop.js +1 -1
- package/modern/component.mobile.js +2 -2
- package/modern/component.responsive.js +1 -1
- package/modern/components/base-confirmation/component.js +2 -2
- package/modern/components/base-confirmation/index.css +10 -5
- package/modern/components/base-confirmation/index.js +1 -1
- package/modern/components/countdown-loader/component.js +1 -1
- package/modern/components/countdown-loader/index.css +10 -5
- package/modern/components/header/component.js +1 -1
- package/modern/components/header/index.css +13 -13
- package/modern/components/index.js +1 -1
- package/modern/components/screens/fatal-error/component.js +1 -1
- package/modern/components/screens/fatal-error/index.css +15 -19
- package/modern/components/screens/hint/component.js +1 -1
- package/modern/components/screens/hint/index.css +21 -31
- package/modern/components/screens/index.js +1 -1
- package/modern/components/screens/initial/component.js +1 -1
- package/modern/components/screens/initial/countdown-section.js +1 -1
- package/modern/components/screens/initial/index.css +27 -43
- package/modern/components/screens/initial/index.js +1 -1
- package/modern/components/screens/temp-block/component.js +1 -1
- package/modern/components/screens/temp-block/index.css +16 -21
- package/modern/{countdown-section-5db74173.d.ts → countdown-section-b0b34939.d.ts} +0 -0
- package/modern/{countdown-section-5db74173.js → countdown-section-b0b34939.js} +1 -1
- package/modern/desktop.js +1 -1
- package/modern/index.js +1 -1
- package/modern/mobile.css +2 -2
- package/modern/mobile.js +1 -1
- package/modern/responsive.js +1 -1
- package/package.json +2 -2
- package/responsive.js +2 -2
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: gcdj0 */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
16
|
+
} :root {
|
|
17
|
+
} :root {
|
|
18
|
+
} .confirmation__component_4lbek {
|
|
14
19
|
width: 100%;
|
|
15
20
|
max-width: 388px;
|
|
16
21
|
margin: 0 auto;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-8d44589b";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { B as BaseConfirmation } from '../../component-
|
|
1
|
+
export { B as BaseConfirmation } from '../../component-8d44589b.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '@alfalab/hooks';
|
|
@@ -11,7 +11,7 @@ import '@alfalab/core-components-code-input/esm';
|
|
|
11
11
|
import '@alfalab/core-components-link/esm';
|
|
12
12
|
import '@alfalab/core-components-typography/esm';
|
|
13
13
|
import '../header/component.js';
|
|
14
|
-
import '../../countdown-section-
|
|
14
|
+
import '../../countdown-section-1560b6e0.js';
|
|
15
15
|
import '@alfalab/core-components-loader/esm';
|
|
16
16
|
import '../screens/hint/component.js';
|
|
17
17
|
import '../screens/fatal-error/component.js';
|
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ogsi7 */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-graphic-tertiary: #b6bcc3;
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
16
|
+
} :root {
|
|
17
|
+
} :root {
|
|
18
|
+
} .confirmation__circle_puolj {
|
|
14
19
|
fill: transparent;
|
|
15
20
|
stroke: var(--color-light-graphic-tertiary);
|
|
16
21
|
stroke-width: 2px;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { Typography } from '@alfalab/core-components-typography/esm';
|
|
4
4
|
|
|
5
|
-
var styles = {"header":"
|
|
5
|
+
var styles = {"header":"confirmation__header_a0nod","typography":"confirmation__typography_a0nod","typographyMobile":"confirmation__typographyMobile_a0nod"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var Header = function (_a) {
|
|
@@ -1,20 +1,23 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1x66r */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
} :root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
3
7
|
|
|
4
8
|
/* Hard */
|
|
5
9
|
|
|
6
10
|
/* Up */
|
|
7
11
|
|
|
8
12
|
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
13
|
+
} :root {
|
|
14
|
+
} :root {
|
|
11
15
|
--gap-xl: 24px;
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
16
|
+
} :root {
|
|
14
17
|
--font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
|
|
15
18
|
sans-serif;
|
|
16
|
-
}
|
|
17
|
-
:root {
|
|
19
|
+
} :root {
|
|
20
|
+
} :root {
|
|
18
21
|
/* desktop */
|
|
19
22
|
--confirmation-header-desktop-font-size: 22px;
|
|
20
23
|
--confirmation-header-desktop-line-height: 26px;
|
|
@@ -31,18 +34,15 @@
|
|
|
31
34
|
|
|
32
35
|
/* header */
|
|
33
36
|
--confirmation-header-font-feature-settings: normal
|
|
34
|
-
}
|
|
35
|
-
.confirmation__header_46n9r.confirmation__header_46n9r {
|
|
37
|
+
} .confirmation__header_a0nod.confirmation__header_a0nod {
|
|
36
38
|
margin-bottom: var(--gap-xl);
|
|
37
|
-
}
|
|
38
|
-
.confirmation__typography_46n9r.confirmation__typography_46n9r {
|
|
39
|
+
} .confirmation__typography_a0nod.confirmation__typography_a0nod {
|
|
39
40
|
font-feature-settings: var(--confirmation-header-font-feature-settings);
|
|
40
41
|
font-size: var(--confirmation-header-desktop-font-size);
|
|
41
42
|
line-height: var(--confirmation-header-desktop-line-height);
|
|
42
43
|
font-weight: var(--confirmation-header-desktop-font-weight);
|
|
43
44
|
font-family: var(--confirmation-header-desktop-font-family);
|
|
44
|
-
}
|
|
45
|
-
.confirmation__typographyMobile_46n9r.confirmation__typographyMobile_46n9r {
|
|
45
|
+
} .confirmation__typographyMobile_a0nod.confirmation__typographyMobile_a0nod {
|
|
46
46
|
font-feature-settings: var(--confirmation-header-font-feature-settings);
|
|
47
47
|
font-size: var(--confirmation-header-mobile-font-size);
|
|
48
48
|
line-height: var(--confirmation-header-mobile-line-height);
|
package/esm/components/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { ConfirmationContext } from '../../../context.js';
|
|
|
6
6
|
import { Header } from '../../header/component.js';
|
|
7
7
|
import '../../../utils.js';
|
|
8
8
|
|
|
9
|
-
var styles = {"component":"
|
|
9
|
+
var styles = {"component":"confirmation__component_1glnt","typographyTheme":"confirmation__typographyTheme_1glnt","left":"confirmation__left_1glnt","center":"confirmation__center_1glnt","button":"confirmation__button_1glnt"};
|
|
10
10
|
require('./index.css')
|
|
11
11
|
|
|
12
12
|
var FatalError = function (_a) {
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ucwtg */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-text-primary: #0b1f35;
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
14
16
|
--gap-2xl: 32px;
|
|
15
|
-
}
|
|
16
|
-
:root {
|
|
17
|
+
} :root {
|
|
17
18
|
--font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
|
|
18
19
|
sans-serif;
|
|
19
|
-
}
|
|
20
|
-
:root {
|
|
20
|
+
} :root {
|
|
21
|
+
} :root {
|
|
21
22
|
/* desktop */
|
|
22
23
|
|
|
23
24
|
/* mobile */
|
|
@@ -30,25 +31,20 @@
|
|
|
30
31
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
31
32
|
|
|
32
33
|
/* header */
|
|
33
|
-
}
|
|
34
|
-
.confirmation__component_1n8wj {
|
|
34
|
+
} .confirmation__component_1glnt {
|
|
35
35
|
display: flex;
|
|
36
36
|
flex-direction: column;
|
|
37
|
-
}
|
|
38
|
-
.confirmation__typographyTheme_1n8wj.confirmation__typographyTheme_1n8wj {
|
|
37
|
+
} .confirmation__typographyTheme_1glnt.confirmation__typographyTheme_1glnt {
|
|
39
38
|
font-size: var(--confirmation-text-font-size);
|
|
40
39
|
line-height: var(--confirmation-text-line-height);
|
|
41
40
|
font-weight: var(--confirmation-text-font-weight);
|
|
42
41
|
font-family: var(--confirmation-text-font-family);
|
|
43
42
|
color: var(--confirmation-text-color);
|
|
44
|
-
}
|
|
45
|
-
.confirmation__left_1n8wj {
|
|
43
|
+
} .confirmation__left_1glnt {
|
|
46
44
|
align-items: flex-start;
|
|
47
|
-
}
|
|
48
|
-
.confirmation__center_1n8wj {
|
|
45
|
+
} .confirmation__center_1glnt {
|
|
49
46
|
align-items: center;
|
|
50
47
|
text-align: center;
|
|
51
|
-
}
|
|
52
|
-
.confirmation__button_1n8wj {
|
|
48
|
+
} .confirmation__button_1glnt {
|
|
53
49
|
margin-top: var(--gap-2xl);
|
|
54
50
|
}
|
|
@@ -7,7 +7,7 @@ import { ConfirmationContext } from '../../../context.js';
|
|
|
7
7
|
import { Header } from '../../header/component.js';
|
|
8
8
|
import '../../../utils.js';
|
|
9
9
|
|
|
10
|
-
var styles = {"component":"
|
|
10
|
+
var styles = {"component":"confirmation__component_1wl03","center":"confirmation__center_1wl03","text":"confirmation__text_1wl03","typographyTheme":"confirmation__typographyTheme_1wl03","phonesWrap":"confirmation__phonesWrap_1wl03","phoneWrap":"confirmation__phoneWrap_1wl03","phoneLink":"confirmation__phoneLink_1wl03","hintButton":"confirmation__hintButton_1wl03","phoneContentMobile":"confirmation__phoneContentMobile_1wl03"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
var Hint = function (_a) {
|
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1hm2r */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-text-primary: #0b1f35;
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
14
16
|
--gap-xs: 8px;
|
|
15
17
|
--gap-xl: 24px;
|
|
16
18
|
--gap-2xl: 32px;
|
|
17
|
-
}
|
|
18
|
-
:root {
|
|
19
|
+
} :root {
|
|
19
20
|
--font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
|
|
20
21
|
sans-serif;
|
|
21
|
-
}
|
|
22
|
-
:root {
|
|
22
|
+
} :root {
|
|
23
|
+
} :root {
|
|
23
24
|
/* desktop */
|
|
24
25
|
|
|
25
26
|
/* mobile */
|
|
@@ -32,49 +33,38 @@
|
|
|
32
33
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
33
34
|
|
|
34
35
|
/* header */
|
|
35
|
-
}
|
|
36
|
-
.confirmation__component_vwyxz {
|
|
36
|
+
} .confirmation__component_1wl03 {
|
|
37
37
|
display: flex;
|
|
38
38
|
flex-direction: column;
|
|
39
39
|
align-items: flex-start
|
|
40
|
-
}
|
|
41
|
-
.confirmation__component_vwyxz span:last-of-type {
|
|
40
|
+
} .confirmation__component_1wl03 span:last-of-type {
|
|
42
41
|
margin-bottom: 0;
|
|
43
|
-
}
|
|
44
|
-
.confirmation__center_vwyxz {
|
|
42
|
+
} .confirmation__center_1wl03 {
|
|
45
43
|
align-items: center;
|
|
46
44
|
text-align: center;
|
|
47
|
-
}
|
|
48
|
-
.confirmation__text_vwyxz.confirmation__text_vwyxz {
|
|
45
|
+
} .confirmation__text_1wl03.confirmation__text_1wl03 {
|
|
49
46
|
margin-bottom: var(--gap-xl);
|
|
50
|
-
}
|
|
51
|
-
.confirmation__typographyTheme_vwyxz.confirmation__typographyTheme_vwyxz {
|
|
47
|
+
} .confirmation__typographyTheme_1wl03.confirmation__typographyTheme_1wl03 {
|
|
52
48
|
font-size: var(--confirmation-text-font-size);
|
|
53
49
|
line-height: var(--confirmation-text-line-height);
|
|
54
50
|
font-weight: var(--confirmation-text-font-weight);
|
|
55
51
|
font-family: var(--confirmation-text-font-family);
|
|
56
52
|
color: var(--confirmation-text-color);
|
|
57
|
-
}
|
|
58
|
-
.confirmation__phonesWrap_vwyxz {
|
|
53
|
+
} .confirmation__phonesWrap_1wl03 {
|
|
59
54
|
display: flex;
|
|
60
55
|
flex-direction: column;
|
|
61
56
|
margin-bottom: var(--gap-xl);
|
|
62
|
-
}
|
|
63
|
-
.confirmation__phoneWrap_vwyxz {
|
|
57
|
+
} .confirmation__phoneWrap_1wl03 {
|
|
64
58
|
margin-bottom: var(--gap-xs)
|
|
65
|
-
}
|
|
66
|
-
.confirmation__phoneWrap_vwyxz:last-child {
|
|
59
|
+
} .confirmation__phoneWrap_1wl03:last-child {
|
|
67
60
|
margin-bottom: 0;
|
|
68
|
-
}
|
|
69
|
-
.confirmation__phoneLink_vwyxz.confirmation__phoneLink_vwyxz {
|
|
61
|
+
} .confirmation__phoneLink_1wl03.confirmation__phoneLink_1wl03 {
|
|
70
62
|
font-size: 16px;
|
|
71
63
|
line-height: 24px;
|
|
72
64
|
font-weight: 500;
|
|
73
|
-
}
|
|
74
|
-
.confirmation__hintButton_vwyxz {
|
|
65
|
+
} .confirmation__hintButton_1wl03 {
|
|
75
66
|
margin-top: var(--gap-2xl);
|
|
76
|
-
}
|
|
77
|
-
.confirmation__phoneContentMobile_vwyxz {
|
|
67
|
+
} .confirmation__phoneContentMobile_1wl03 {
|
|
78
68
|
display: flex;
|
|
79
69
|
flex-direction: column;
|
|
80
70
|
align-items: center;
|
|
@@ -12,6 +12,6 @@ import '@alfalab/hooks';
|
|
|
12
12
|
import '../../context.js';
|
|
13
13
|
import '../../utils.js';
|
|
14
14
|
import '../header/component.js';
|
|
15
|
-
import '../../countdown-section-
|
|
15
|
+
import '../../countdown-section-1560b6e0.js';
|
|
16
16
|
import '@alfalab/core-components-loader/esm';
|
|
17
17
|
import '../countdown-loader/component.js';
|
|
@@ -7,7 +7,7 @@ import { Typography } from '@alfalab/core-components-typography/esm';
|
|
|
7
7
|
import { usePrevious } from '@alfalab/hooks';
|
|
8
8
|
import { ConfirmationContext } from '../../../context.js';
|
|
9
9
|
import { Header } from '../../header/component.js';
|
|
10
|
-
import { s as styles, C as CountdownSection } from '../../../countdown-section-
|
|
10
|
+
import { s as styles, C as CountdownSection } from '../../../countdown-section-1560b6e0.js';
|
|
11
11
|
import '../../../utils.js';
|
|
12
12
|
import '@alfalab/core-components-loader/esm';
|
|
13
13
|
|
|
@@ -5,4 +5,4 @@ import '@alfalab/core-components-loader/esm';
|
|
|
5
5
|
import '@alfalab/core-components-typography/esm';
|
|
6
6
|
import '../../../context.js';
|
|
7
7
|
import '../../../utils.js';
|
|
8
|
-
export { C as CountdownSection } from '../../../countdown-section-
|
|
8
|
+
export { C as CountdownSection } from '../../../countdown-section-1560b6e0.js';
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1uuc9 */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-text-primary: #0b1f35;
|
|
4
5
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
5
|
-
}
|
|
6
|
-
:root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
8
|
+
} :root {
|
|
7
9
|
|
|
8
10
|
/* Hard */
|
|
9
11
|
|
|
10
12
|
/* Up */
|
|
11
13
|
|
|
12
14
|
/* Hard up */
|
|
13
|
-
}
|
|
14
|
-
:root {
|
|
15
|
+
} :root {
|
|
16
|
+
} :root {
|
|
15
17
|
--gap-2xs: 4px;
|
|
16
18
|
--gap-s: 12px;
|
|
17
19
|
--gap-m: 16px;
|
|
@@ -19,12 +21,11 @@
|
|
|
19
21
|
--gap-xl: 24px;
|
|
20
22
|
--gap-2xl: 32px;
|
|
21
23
|
--gap-2xs-neg: -4px;
|
|
22
|
-
}
|
|
23
|
-
:root {
|
|
24
|
+
} :root {
|
|
24
25
|
--font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
|
|
25
26
|
sans-serif;
|
|
26
|
-
}
|
|
27
|
-
:root {
|
|
27
|
+
} :root {
|
|
28
|
+
} :root {
|
|
28
29
|
/* desktop */
|
|
29
30
|
|
|
30
31
|
/* mobile */
|
|
@@ -37,68 +38,51 @@
|
|
|
37
38
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
38
39
|
|
|
39
40
|
/* header */
|
|
40
|
-
}
|
|
41
|
-
.confirmation__component_pteqq {
|
|
41
|
+
} .confirmation__component_ezi6s {
|
|
42
42
|
display: flex;
|
|
43
43
|
flex-direction: column;
|
|
44
|
-
}
|
|
45
|
-
.confirmation__typographyTheme_pteqq.confirmation__typographyTheme_pteqq {
|
|
44
|
+
} .confirmation__typographyTheme_ezi6s.confirmation__typographyTheme_ezi6s {
|
|
46
45
|
font-size: var(--confirmation-text-font-size);
|
|
47
46
|
line-height: var(--confirmation-text-line-height);
|
|
48
47
|
font-weight: var(--confirmation-text-font-weight);
|
|
49
48
|
font-family: var(--confirmation-text-font-family);
|
|
50
49
|
color: var(--confirmation-text-color);
|
|
51
|
-
}
|
|
52
|
-
.confirmation__phone_pteqq.confirmation__phone_pteqq {
|
|
50
|
+
} .confirmation__phone_ezi6s.confirmation__phone_ezi6s {
|
|
53
51
|
color: var(--color-light-text-primary);
|
|
54
52
|
margin-bottom: var(--gap-2xl);
|
|
55
|
-
}
|
|
56
|
-
.confirmation__compact_pteqq {
|
|
53
|
+
} .confirmation__compact_ezi6s {
|
|
57
54
|
margin-bottom: var(--gap-xl);
|
|
58
|
-
}
|
|
59
|
-
.confirmation__loaderWrap_pteqq {
|
|
55
|
+
} .confirmation__loaderWrap_ezi6s {
|
|
60
56
|
display: flex;
|
|
61
57
|
align-items: center;
|
|
62
|
-
}
|
|
63
|
-
.confirmation__left_pteqq {
|
|
58
|
+
} .confirmation__left_ezi6s {
|
|
64
59
|
align-items: flex-start;
|
|
65
|
-
}
|
|
66
|
-
.confirmation__center_pteqq {
|
|
60
|
+
} .confirmation__center_ezi6s {
|
|
67
61
|
align-items: center;
|
|
68
62
|
text-align: center
|
|
69
|
-
}
|
|
70
|
-
.confirmation__center_pteqq .confirmation__loaderWrap_pteqq {
|
|
63
|
+
} .confirmation__center_ezi6s .confirmation__loaderWrap_ezi6s {
|
|
71
64
|
justify-content: center;
|
|
72
|
-
}
|
|
73
|
-
.confirmation__center_pteqq input {
|
|
65
|
+
} .confirmation__center_ezi6s input {
|
|
74
66
|
margin: 0 var(--gap-2xs);
|
|
75
|
-
}
|
|
76
|
-
.confirmation__codeInput_pteqq {
|
|
67
|
+
} .confirmation__codeInput_ezi6s {
|
|
77
68
|
margin-bottom: var(--gap-s);
|
|
78
|
-
}
|
|
79
|
-
.confirmation__smsComeLink_pteqq.confirmation__smsComeLink_pteqq {
|
|
69
|
+
} .confirmation__smsComeLink_ezi6s.confirmation__smsComeLink_ezi6s {
|
|
80
70
|
font-size: 14px;
|
|
81
71
|
line-height: 20px;
|
|
82
72
|
font-weight: 500;
|
|
83
|
-
}
|
|
84
|
-
.confirmation__countdownContainer_pteqq.confirmation__countdownContainer_pteqq {
|
|
73
|
+
} .confirmation__countdownContainer_ezi6s.confirmation__countdownContainer_ezi6s {
|
|
85
74
|
color: var(--color-light-text-secondary);
|
|
86
75
|
margin-bottom: var(--gap-xl);
|
|
87
|
-
}
|
|
88
|
-
.confirmation__countdownMobile_pteqq.confirmation__countdownMobile_pteqq {
|
|
76
|
+
} .confirmation__countdownMobile_ezi6s.confirmation__countdownMobile_ezi6s {
|
|
89
77
|
margin-bottom: var(--gap-l);
|
|
90
|
-
}
|
|
91
|
-
.confirmation__countdownLoaderMobile_pteqq.confirmation__countdownLoaderMobile_pteqq {
|
|
78
|
+
} .confirmation__countdownLoaderMobile_ezi6s.confirmation__countdownLoaderMobile_ezi6s {
|
|
92
79
|
margin-bottom: var(--gap-m);
|
|
93
|
-
}
|
|
94
|
-
.confirmation__getCodeButton_pteqq {
|
|
80
|
+
} .confirmation__getCodeButton_ezi6s {
|
|
95
81
|
position: relative;
|
|
96
82
|
top: var(--gap-2xs-neg);
|
|
97
83
|
margin-bottom: var(--gap-m);
|
|
98
|
-
}
|
|
99
|
-
.confirmation__getCodeButtonMobile_pteqq {
|
|
84
|
+
} .confirmation__getCodeButtonMobile_ezi6s {
|
|
100
85
|
margin-bottom: 0;
|
|
101
|
-
}
|
|
102
|
-
.confirmation__containerInput_pteqq {
|
|
86
|
+
} .confirmation__containerInput_ezi6s {
|
|
103
87
|
min-height: 80px;
|
|
104
88
|
}
|
|
@@ -9,5 +9,5 @@ import '@alfalab/hooks';
|
|
|
9
9
|
import '../../../context.js';
|
|
10
10
|
import '../../../utils.js';
|
|
11
11
|
import '../../header/component.js';
|
|
12
|
-
import '../../../countdown-section-
|
|
12
|
+
import '../../../countdown-section-1560b6e0.js';
|
|
13
13
|
import '@alfalab/core-components-loader/esm';
|
|
@@ -6,7 +6,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
|
|
|
6
6
|
import { CountdownLoader } from '../../countdown-loader/component.js';
|
|
7
7
|
import { Header } from '../../header/component.js';
|
|
8
8
|
|
|
9
|
-
var styles = {"component":"
|
|
9
|
+
var styles = {"component":"confirmation__component_9vga9","center":"confirmation__center_9vga9","typographyTheme":"confirmation__typographyTheme_9vga9","description":"confirmation__description_9vga9","countdownWrap":"confirmation__countdownWrap_9vga9","loader":"confirmation__loader_9vga9"};
|
|
10
10
|
require('./index.css')
|
|
11
11
|
|
|
12
12
|
var TempBlock = function (_a) {
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 187rq */
|
|
2
2
|
:root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
3
4
|
--color-light-text-primary: #0b1f35;
|
|
4
|
-
}
|
|
5
|
-
:root {
|
|
5
|
+
} :root {
|
|
6
|
+
} :root {
|
|
7
|
+
} :root {
|
|
6
8
|
|
|
7
9
|
/* Hard */
|
|
8
10
|
|
|
9
11
|
/* Up */
|
|
10
12
|
|
|
11
13
|
/* Hard up */
|
|
12
|
-
}
|
|
13
|
-
:root {
|
|
14
|
+
} :root {
|
|
15
|
+
} :root {
|
|
14
16
|
--gap-xs: 8px;
|
|
15
|
-
}
|
|
16
|
-
:root {
|
|
17
|
+
} :root {
|
|
17
18
|
--font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
|
|
18
19
|
sans-serif;
|
|
19
|
-
}
|
|
20
|
-
:root {
|
|
20
|
+
} :root {
|
|
21
|
+
} :root {
|
|
21
22
|
/* desktop */
|
|
22
23
|
|
|
23
24
|
/* mobile */
|
|
@@ -30,29 +31,23 @@
|
|
|
30
31
|
--confirmation-text-color: var(--color-light-text-primary)
|
|
31
32
|
|
|
32
33
|
/* header */
|
|
33
|
-
}
|
|
34
|
-
.confirmation__component_1ydrb {
|
|
34
|
+
} .confirmation__component_9vga9 {
|
|
35
35
|
display: flex;
|
|
36
36
|
flex-direction: column;
|
|
37
|
-
}
|
|
38
|
-
.confirmation__center_1ydrb {
|
|
37
|
+
} .confirmation__center_9vga9 {
|
|
39
38
|
align-items: center;
|
|
40
39
|
text-align: center;
|
|
41
|
-
}
|
|
42
|
-
.confirmation__typographyTheme_1ydrb.confirmation__typographyTheme_1ydrb {
|
|
40
|
+
} .confirmation__typographyTheme_9vga9.confirmation__typographyTheme_9vga9 {
|
|
43
41
|
font-size: var(--confirmation-text-font-size);
|
|
44
42
|
line-height: var(--confirmation-text-line-height);
|
|
45
43
|
font-weight: var(--confirmation-text-font-weight);
|
|
46
44
|
font-family: var(--confirmation-text-font-family);
|
|
47
45
|
color: var(--confirmation-text-color);
|
|
48
|
-
}
|
|
49
|
-
.confirmation__description_1ydrb.confirmation__description_1ydrb {
|
|
46
|
+
} .confirmation__description_9vga9.confirmation__description_9vga9 {
|
|
50
47
|
margin-bottom: var(--gap-xs);
|
|
51
|
-
}
|
|
52
|
-
.confirmation__countdownWrap_1ydrb {
|
|
48
|
+
} .confirmation__countdownWrap_9vga9 {
|
|
53
49
|
display: flex;
|
|
54
50
|
align-items: center;
|
|
55
|
-
}
|
|
56
|
-
.confirmation__loader_1ydrb {
|
|
51
|
+
} .confirmation__loader_9vga9 {
|
|
57
52
|
margin-right: var(--gap-xs);
|
|
58
53
|
}
|
|
File without changes
|
|
@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/esm';
|
|
|
6
6
|
import { ConfirmationContext } from './context.js';
|
|
7
7
|
import { formatMsAsMinutes } from './utils.js';
|
|
8
8
|
|
|
9
|
-
var styles = {"component":"
|
|
9
|
+
var styles = {"component":"confirmation__component_ezi6s","typographyTheme":"confirmation__typographyTheme_ezi6s","phone":"confirmation__phone_ezi6s","compact":"confirmation__compact_ezi6s","loaderWrap":"confirmation__loaderWrap_ezi6s","left":"confirmation__left_ezi6s","center":"confirmation__center_ezi6s","codeInput":"confirmation__codeInput_ezi6s","smsComeLink":"confirmation__smsComeLink_ezi6s","countdownContainer":"confirmation__countdownContainer_ezi6s","countdownMobile":"confirmation__countdownMobile_ezi6s","countdownLoaderMobile":"confirmation__countdownLoaderMobile_ezi6s","getCodeButton":"confirmation__getCodeButton_ezi6s","getCodeButtonMobile":"confirmation__getCodeButtonMobile_ezi6s","containerInput":"confirmation__containerInput_ezi6s"};
|
|
10
10
|
require('./components/screens/initial/index.css')
|
|
11
11
|
|
|
12
12
|
var CountdownSection = function (_a) {
|
package/esm/desktop.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { ConfirmationDesktop } from './component.desktop.js';
|
|
2
|
-
import './component-
|
|
2
|
+
import './component-8d44589b.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '@alfalab/hooks';
|
|
@@ -12,7 +12,7 @@ import '@alfalab/core-components-code-input/esm';
|
|
|
12
12
|
import '@alfalab/core-components-link/esm';
|
|
13
13
|
import '@alfalab/core-components-typography/esm';
|
|
14
14
|
import './components/header/component.js';
|
|
15
|
-
import './countdown-section-
|
|
15
|
+
import './countdown-section-1560b6e0.js';
|
|
16
16
|
import '@alfalab/core-components-loader/esm';
|
|
17
17
|
import './components/screens/hint/component.js';
|
|
18
18
|
import './components/screens/fatal-error/component.js';
|
package/esm/index.js
CHANGED
|
@@ -8,7 +8,7 @@ export { CountdownLoader } from './components/countdown-loader/component.js';
|
|
|
8
8
|
export { ConfirmationContext } from './context.js';
|
|
9
9
|
export { defaultTexts } from './types.js';
|
|
10
10
|
export { ONE_DAY, ONE_MINUTE, formatMsAsMinutes, useConfirmation, useCountdown } from './utils.js';
|
|
11
|
-
import './component-
|
|
11
|
+
import './component-8d44589b.js';
|
|
12
12
|
import 'react';
|
|
13
13
|
import 'classnames';
|
|
14
14
|
import '@alfalab/hooks';
|
|
@@ -17,6 +17,6 @@ import '@alfalab/core-components-code-input/esm';
|
|
|
17
17
|
import '@alfalab/core-components-link/esm';
|
|
18
18
|
import '@alfalab/core-components-typography/esm';
|
|
19
19
|
import './components/header/component.js';
|
|
20
|
-
import './countdown-section-
|
|
20
|
+
import './countdown-section-1560b6e0.js';
|
|
21
21
|
import '@alfalab/core-components-loader/esm';
|
|
22
22
|
import './component.mobile.js';
|
package/esm/mobile.css
CHANGED
package/esm/mobile.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { ConfirmationMobile } from './component.mobile.js';
|
|
2
|
-
import './component-
|
|
2
|
+
import './component-8d44589b.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '@alfalab/hooks';
|
|
@@ -12,7 +12,7 @@ import '@alfalab/core-components-code-input/esm';
|
|
|
12
12
|
import '@alfalab/core-components-link/esm';
|
|
13
13
|
import '@alfalab/core-components-typography/esm';
|
|
14
14
|
import './components/header/component.js';
|
|
15
|
-
import './countdown-section-
|
|
15
|
+
import './countdown-section-1560b6e0.js';
|
|
16
16
|
import '@alfalab/core-components-loader/esm';
|
|
17
17
|
import './components/screens/hint/component.js';
|
|
18
18
|
import './components/screens/fatal-error/component.js';
|