@alfalab/core-components-confirmation 15.2.1 → 15.2.2-alfasans

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/components/base-confirmation/index.css +2 -2
  2. package/components/base-confirmation/index.module.css.js +1 -1
  3. package/components/countdown-loader/index.css +1 -1
  4. package/components/countdown-loader/index.module.css.js +1 -1
  5. package/components/header/index.css +9 -8
  6. package/components/header/index.module.css.js +1 -1
  7. package/components/screens/fatal-error/index.css +13 -12
  8. package/components/screens/fatal-error/index.module.css.js +1 -1
  9. package/components/screens/hint/index.css +28 -26
  10. package/components/screens/hint/index.module.css.js +1 -1
  11. package/components/screens/initial/index.css +38 -36
  12. package/components/screens/initial/index.module.css.js +1 -1
  13. package/components/screens/temp-block/index.css +16 -15
  14. package/components/screens/temp-block/index.module.css.js +1 -1
  15. package/components/screens/temp-block-over/index.css +12 -11
  16. package/components/screens/temp-block-over/index.module.css.js +1 -1
  17. package/cssm/components/header/index.module.css +7 -6
  18. package/cssm/components/screens/fatal-error/index.module.css +6 -5
  19. package/cssm/components/screens/hint/index.module.css +8 -6
  20. package/cssm/components/screens/initial/index.module.css +8 -6
  21. package/cssm/components/screens/temp-block/index.module.css +6 -5
  22. package/cssm/components/screens/temp-block-over/index.module.css +6 -5
  23. package/esm/components/base-confirmation/index.css +2 -2
  24. package/esm/components/base-confirmation/index.module.css.js +1 -1
  25. package/esm/components/countdown-loader/index.css +1 -1
  26. package/esm/components/countdown-loader/index.module.css.js +1 -1
  27. package/esm/components/header/index.css +9 -8
  28. package/esm/components/header/index.module.css.js +1 -1
  29. package/esm/components/screens/fatal-error/index.css +13 -12
  30. package/esm/components/screens/fatal-error/index.module.css.js +1 -1
  31. package/esm/components/screens/hint/index.css +28 -26
  32. package/esm/components/screens/hint/index.module.css.js +1 -1
  33. package/esm/components/screens/initial/index.css +38 -36
  34. package/esm/components/screens/initial/index.module.css.js +1 -1
  35. package/esm/components/screens/temp-block/index.css +16 -15
  36. package/esm/components/screens/temp-block/index.module.css.js +1 -1
  37. package/esm/components/screens/temp-block-over/index.css +12 -11
  38. package/esm/components/screens/temp-block-over/index.module.css.js +1 -1
  39. package/modern/components/base-confirmation/index.css +2 -2
  40. package/modern/components/base-confirmation/index.module.css.js +1 -1
  41. package/modern/components/countdown-loader/index.css +1 -1
  42. package/modern/components/countdown-loader/index.module.css.js +1 -1
  43. package/modern/components/header/index.css +9 -8
  44. package/modern/components/header/index.module.css.js +1 -1
  45. package/modern/components/screens/fatal-error/index.css +13 -12
  46. package/modern/components/screens/fatal-error/index.module.css.js +1 -1
  47. package/modern/components/screens/hint/index.css +28 -26
  48. package/modern/components/screens/hint/index.module.css.js +1 -1
  49. package/modern/components/screens/initial/index.css +38 -36
  50. package/modern/components/screens/initial/index.module.css.js +1 -1
  51. package/modern/components/screens/temp-block/index.css +16 -15
  52. package/modern/components/screens/temp-block/index.module.css.js +1 -1
  53. package/modern/components/screens/temp-block-over/index.css +12 -11
  54. package/modern/components/screens/temp-block-over/index.module.css.js +1 -1
  55. package/moderncssm/components/header/index.module.css +4 -4
  56. package/moderncssm/components/screens/fatal-error/index.module.css +3 -3
  57. package/moderncssm/components/screens/hint/index.module.css +5 -4
  58. package/moderncssm/components/screens/initial/index.module.css +5 -4
  59. package/moderncssm/components/screens/temp-block/index.module.css +3 -3
  60. package/moderncssm/components/screens/temp-block-over/index.module.css +3 -3
  61. package/package.json +9 -9
  62. package/src/vars.css +7 -7
package/components/base-confirmation/index.css CHANGED
@@ -4,11 +4,11 @@
4
4
  :root {
5
5
  --gap-0: 0px;
6
6
  }
7
- .confirmation__component_2yiht {
7
+ .confirmation__component_1xcho {
8
8
  width: 100%;
9
9
  max-width: 388px;
10
10
  color: var(--color-light-text-secondary);
11
11
  }
12
- .confirmation__component_2yiht.confirmation__center_2yiht {
12
+ .confirmation__component_1xcho.confirmation__center_1xcho {
13
13
  margin: var(--gap-0) auto;
14
14
  }
package/components/base-confirmation/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"confirmation__component_2yiht","center":"confirmation__center_2yiht"};
5
+ var styles = {"component":"confirmation__component_1xcho","center":"confirmation__center_1xcho"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/countdown-loader/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --color-light-neutral-500: #babbc2;
3
3
  }
4
- .confirmation__circle_1kycn {
4
+ .confirmation__circle_2os2a {
5
5
  fill: transparent;
6
6
  stroke: var(--color-light-neutral-500);
7
7
  stroke-width: 2px;
package/components/countdown-loader/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"circle":"confirmation__circle_1kycn"};
5
+ var styles = {"circle":"confirmation__circle_2os2a"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/header/index.css CHANGED
@@ -5,26 +5,27 @@
5
5
  --gap-24: 24px;
6
6
  }
7
7
  :root {
8
- --font-family-system:
9
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
8
+ --font-family-alfasans:
9
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
10
+ Helvetica, sans-serif;
10
11
  }
11
12
  :root {
12
- --confirmation-header-font-family: var(--font-family-system);
13
+ --confirmation-header-font-family: var(--font-family-alfasans);
13
14
  --confirmation-header-font-size: 22px;
14
15
  --confirmation-header-font-weight: 700;
15
16
  --confirmation-header-line-height: 26px;
16
- --confirmation-header-letter-spacing: normal;
17
+ --confirmation-header-letter-spacing: 0.2px;
17
18
  --confirmation-header-color: var(--color-light-text-primary);
18
19
  --confirmation-header-margin-bottom: var(--gap-24);
19
- --confirmation-header-font-family-mobile: var(--font-family-system);
20
+ --confirmation-header-font-family-mobile: var(--font-family-alfasans);
20
21
  --confirmation-header-font-size-mobile: 20px;
21
22
  --confirmation-header-font-weight-mobile: 600;
22
23
  --confirmation-header-line-height-mobile: 28px;
23
- --confirmation-header-line-letter-spacing-mobile: normal;
24
+ --confirmation-header-line-letter-spacing-mobile: -0.15px;
24
25
  --confirmation-header-color-mobile: var(--color-light-text-primary);
25
26
  --confirmation-header-margin-bottom-mobile: var(--gap-24);
26
27
  }
27
- .confirmation__header_w7b4o.confirmation__header_w7b4o {
28
+ .confirmation__header_1pex3.confirmation__header_1pex3 {
28
29
  margin-bottom: var(--confirmation-header-margin-bottom);
29
30
  font-family: var(--confirmation-header-font-family);
30
31
  font-size: var(--confirmation-header-font-size);
@@ -33,7 +34,7 @@
33
34
  letter-spacing: var(--confirmation-header-letter-spacing);
34
35
  color: var(--confirmation-header-color);
35
36
  }
36
- .confirmation__headerMobile_w7b4o.confirmation__headerMobile_w7b4o {
37
+ .confirmation__headerMobile_1pex3.confirmation__headerMobile_1pex3 {
37
38
  margin-bottom: var(--confirmation-header-margin-bottom-mobile);
38
39
  font-family: var(--confirmation-header-font-family-mobile);
39
40
  font-size: var(--confirmation-header-font-size-mobile);
package/components/header/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"header":"confirmation__header_w7b4o","headerMobile":"confirmation__headerMobile_w7b4o"};
5
+ var styles = {"header":"confirmation__header_1pex3","headerMobile":"confirmation__headerMobile_1pex3"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/screens/fatal-error/index.css CHANGED
@@ -6,52 +6,53 @@
6
6
  --gap-32: 32px;
7
7
  }
8
8
  :root {
9
- --font-family-system:
10
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
9
+ --font-family-alfasans:
10
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
11
+ Helvetica, sans-serif;
11
12
  }
12
13
  :root {
13
14
  --confirmation-text-color: var(--color-light-text-primary);
14
15
  --confirmation-text-font-size: 16px;
15
16
  --confirmation-text-font-weight: 400;
16
17
  --confirmation-text-line-height: 24px;
17
- --confirmation-text-letter-spacing: normal;
18
+ --confirmation-text-letter-spacing: -0.24px;
18
19
  --confirmation-text-font-size-mobile: 16px;
19
20
  --confirmation-text-line-height-mobile: 24px;
20
- --confirmation-text-letter-spacing-mobile: normal;
21
+ --confirmation-text-letter-spacing-mobile: -0.24px;
21
22
  --confirmation-fatal-error-description-color: var(--color-light-text-primary);
22
23
  --confirmation-fatal-error-button-margin-top: var(--gap-32);
23
24
  --confirmation-fatal-error-description-color-mobile: var(--color-light-text-secondary);
24
25
  --confirmation-fatal-error-button-margin-top-mobile: var(--gap-32);
25
26
  }
26
- .confirmation__component_g8gcq {
27
+ .confirmation__component_2klye {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  }
30
- .confirmation__typographyTheme_g8gcq.confirmation__typographyTheme_g8gcq {
31
+ .confirmation__typographyTheme_2klye.confirmation__typographyTheme_2klye {
31
32
  font-size: var(--confirmation-text-font-size);
32
33
  line-height: var(--confirmation-text-line-height);
33
34
  letter-spacing: var(--confirmation-text-letter-spacing);
34
35
  font-weight: var(--confirmation-text-font-weight);
35
- font-family: var(--font-family-system);
36
+ font-family: var(--font-family-alfasans);
36
37
  color: var(--confirmation-text-color);
37
38
  color: var(--confirmation-fatal-error-description-color);
38
39
  }
39
- .confirmation__typographyThemeMobile_g8gcq.confirmation__typographyThemeMobile_g8gcq {
40
+ .confirmation__typographyThemeMobile_2klye.confirmation__typographyThemeMobile_2klye {
40
41
  font-size: var(--confirmation-text-font-size-mobile);
41
42
  line-height: var(--confirmation-text-line-height-mobile);
42
43
  letter-spacing: var(--confirmation-text-letter-spacing-mobile);
43
44
  color: var(--confirmation-fatal-error-description-color-mobile);
44
45
  }
45
- .confirmation__left_g8gcq {
46
+ .confirmation__left_2klye {
46
47
  align-items: flex-start;
47
48
  }
48
- .confirmation__center_g8gcq {
49
+ .confirmation__center_2klye {
49
50
  align-items: center;
50
51
  text-align: center;
51
52
  }
52
- .confirmation__button_g8gcq.confirmation__button_g8gcq {
53
+ .confirmation__button_2klye.confirmation__button_2klye {
53
54
  margin-top: var(--confirmation-fatal-error-button-margin-top);
54
55
  }
55
- .confirmation__button_g8gcq.confirmation__buttonMobile_g8gcq {
56
+ .confirmation__button_2klye.confirmation__buttonMobile_2klye {
56
57
  margin-top: var(--confirmation-fatal-error-button-margin-top-mobile);
57
58
  }
package/components/screens/fatal-error/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"confirmation__component_g8gcq","typographyTheme":"confirmation__typographyTheme_g8gcq","typographyThemeMobile":"confirmation__typographyThemeMobile_g8gcq","left":"confirmation__left_g8gcq","center":"confirmation__center_g8gcq","button":"confirmation__button_g8gcq","buttonMobile":"confirmation__buttonMobile_g8gcq"};
5
+ var styles = {"component":"confirmation__component_2klye","typographyTheme":"confirmation__typographyTheme_2klye","typographyThemeMobile":"confirmation__typographyThemeMobile_2klye","left":"confirmation__left_2klye","center":"confirmation__center_2klye","button":"confirmation__button_2klye","buttonMobile":"confirmation__buttonMobile_2klye"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/screens/hint/index.css CHANGED
@@ -9,18 +9,19 @@
9
9
  --gap-32: 32px;
10
10
  }
11
11
  :root {
12
- --font-family-system:
13
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
12
+ --font-family-alfasans:
13
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
14
+ Helvetica, sans-serif;
14
15
  }
15
16
  :root {
16
17
  --confirmation-text-color: var(--color-light-text-primary);
17
18
  --confirmation-text-font-size: 16px;
18
19
  --confirmation-text-font-weight: 400;
19
20
  --confirmation-text-line-height: 24px;
20
- --confirmation-text-letter-spacing: normal;
21
+ --confirmation-text-letter-spacing: -0.24px;
21
22
  --confirmation-text-font-size-mobile: 16px;
22
23
  --confirmation-text-line-height-mobile: 24px;
23
- --confirmation-text-letter-spacing-mobile: normal;
24
+ --confirmation-text-letter-spacing-mobile: -0.24px;
24
25
  --confirmation-hint-text-color: var(--color-light-text-primary);
25
26
  --confirmation-hint-phone-description-color: var(--color-light-text-primary);
26
27
  --confirmation-hint-text-margin-bottom: var(--gap-24);
@@ -34,83 +35,84 @@
34
35
  --confirmation-hint-phone-item-margin-bottom-mobile: var(--gap-8);
35
36
  --confirmation-hint-button-margin-top-mobile: var(--gap-32);
36
37
  }
37
- .confirmation__component_1r2mw {
38
+ .confirmation__component_c1fjr {
38
39
  display: flex;
39
40
  flex-direction: column;
40
41
  align-items: flex-start;
41
42
  }
42
- .confirmation__component_1r2mw span:last-of-type {
43
+ .confirmation__component_c1fjr span:last-of-type {
43
44
  margin-bottom: var(--gap-0);
44
45
  }
45
- .confirmation__center_1r2mw {
46
+ .confirmation__center_c1fjr {
46
47
  align-items: center;
47
48
  text-align: center;
48
49
  }
49
- .confirmation__text_1r2mw.confirmation__text_1r2mw {
50
+ .confirmation__text_c1fjr.confirmation__text_c1fjr {
50
51
  margin-bottom: var(--confirmation-hint-text-margin-bottom);
51
52
  }
52
- .confirmation__text_1r2mw.confirmation__textMobile_1r2mw {
53
+ .confirmation__text_c1fjr.confirmation__textMobile_c1fjr {
53
54
  margin-bottom: var(--confirmation-hint-text-margin-bottom-mobile);
54
55
  }
55
- .confirmation__typographyTheme_1r2mw.confirmation__typographyTheme_1r2mw {
56
+ .confirmation__typographyTheme_c1fjr.confirmation__typographyTheme_c1fjr {
56
57
  font-size: var(--confirmation-text-font-size);
57
58
  line-height: var(--confirmation-text-line-height);
58
59
  letter-spacing: var(--confirmation-text-letter-spacing);
59
60
  font-weight: var(--confirmation-text-font-weight);
60
- font-family: var(--font-family-system);
61
+ font-family: var(--font-family-alfasans);
61
62
  color: var(--confirmation-text-color);
62
63
  color: var(--confirmation-hint-text-color);
63
64
  }
64
- .confirmation__typographyThemeMobile_1r2mw.confirmation__typographyThemeMobile_1r2mw {
65
+ .confirmation__typographyThemeMobile_c1fjr.confirmation__typographyThemeMobile_c1fjr {
65
66
  font-size: var(--confirmation-text-font-size-mobile);
66
67
  line-height: var(--confirmation-text-line-height-mobile);
67
68
  letter-spacing: var(--confirmation-text-letter-spacing-mobile);
68
69
  color: var(--confirmation-hint-text-color-mobile);
69
70
  }
70
- .confirmation__phoneDescription_1r2mw.confirmation__phoneDescription_1r2mw {
71
+ .confirmation__phoneDescription_c1fjr.confirmation__phoneDescription_c1fjr {
71
72
  color: var(--confirmation-hint-phone-description-color);
72
73
  }
73
- .confirmation__phoneDescriptionMobile_1r2mw.confirmation__phoneDescriptionMobile_1r2mw {
74
+ .confirmation__phoneDescriptionMobile_c1fjr.confirmation__phoneDescriptionMobile_c1fjr {
74
75
  color: var(--confirmation-hint-phone-description-color-mobile);
75
76
  }
76
- .confirmation__phonesWrap_1r2mw {
77
+ .confirmation__phonesWrap_c1fjr {
77
78
  display: flex;
78
79
  flex-direction: column;
79
80
  margin-bottom: var(--confirmation-hint-phones-margin-bottom);
80
81
  }
81
- .confirmation__phonesWrap_1r2mw.confirmation__phonesWrapMobile_1r2mw {
82
+ .confirmation__phonesWrap_c1fjr.confirmation__phonesWrapMobile_c1fjr {
82
83
  margin-bottom: var(--confirmation-hint-phones-margin-bottom-mobile);
83
84
  }
84
- .confirmation__phoneWrap_1r2mw {
85
+ .confirmation__phoneWrap_c1fjr {
85
86
  margin-bottom: var(--confirmation-hint-phone-item-margin-bottom);
86
87
  }
87
- .confirmation__phoneWrap_1r2mw:last-child {
88
+ .confirmation__phoneWrap_c1fjr:last-child {
88
89
  margin-bottom: var(--gap-0);
89
90
  }
90
- .confirmation__phoneWrap_1r2mw.confirmation__phoneWrapMobile_1r2mw {
91
+ .confirmation__phoneWrap_c1fjr.confirmation__phoneWrapMobile_c1fjr {
91
92
  margin-bottom: var(--confirmation-hint-phone-item-margin-bottom-mobile);
92
93
  }
93
- .confirmation__phoneWrap_1r2mw.confirmation__phoneWrapMobile_1r2mw:last-child {
94
+ .confirmation__phoneWrap_c1fjr.confirmation__phoneWrapMobile_c1fjr:last-child {
94
95
  margin-bottom: var(--gap-0);
95
96
  }
96
- .confirmation__phoneLink_1r2mw.confirmation__phoneLink_1r2mw {
97
+ .confirmation__phoneLink_c1fjr.confirmation__phoneLink_c1fjr {
97
98
  font-size: 16px;
98
99
  line-height: 24px;
99
100
  font-weight: 500;
100
- font-family: var(--font-family-system);
101
+ letter-spacing: -0.05px;
102
+ font-family: var(--font-family-alfasans);
101
103
  }
102
- .confirmation__phoneLink_1r2mw.confirmation__phoneLinkMobile_1r2mw {
104
+ .confirmation__phoneLink_c1fjr.confirmation__phoneLinkMobile_c1fjr {
103
105
  font-size: var(--confirmation-text-font-size-mobile);
104
106
  line-height: var(--confirmation-text-line-height-mobile);
105
107
  letter-spacing: var(--confirmation-text-letter-spacing-mobile);
106
108
  }
107
- .confirmation__hintButton_1r2mw {
109
+ .confirmation__hintButton_c1fjr {
108
110
  margin-top: var(--confirmation-hint-button-margin-top);
109
111
  }
110
- .confirmation__hintButton_1r2mw.confirmation__hintButtonMobile_1r2mw {
112
+ .confirmation__hintButton_c1fjr.confirmation__hintButtonMobile_c1fjr {
111
113
  margin-top: var(--confirmation-hint-button-margin-top-mobile);
112
114
  }
113
- .confirmation__phoneContentMobile_1r2mw {
115
+ .confirmation__phoneContentMobile_c1fjr {
114
116
  display: flex;
115
117
  flex-direction: column;
116
118
  }
package/components/screens/hint/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"confirmation__component_1r2mw","center":"confirmation__center_1r2mw","text":"confirmation__text_1r2mw","textMobile":"confirmation__textMobile_1r2mw","typographyTheme":"confirmation__typographyTheme_1r2mw","typographyThemeMobile":"confirmation__typographyThemeMobile_1r2mw","phoneDescription":"confirmation__phoneDescription_1r2mw","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_1r2mw","phonesWrap":"confirmation__phonesWrap_1r2mw","phonesWrapMobile":"confirmation__phonesWrapMobile_1r2mw","phoneWrap":"confirmation__phoneWrap_1r2mw","phoneWrapMobile":"confirmation__phoneWrapMobile_1r2mw","phoneLink":"confirmation__phoneLink_1r2mw","phoneLinkMobile":"confirmation__phoneLinkMobile_1r2mw","hintButton":"confirmation__hintButton_1r2mw","hintButtonMobile":"confirmation__hintButtonMobile_1r2mw","phoneContentMobile":"confirmation__phoneContentMobile_1r2mw"};
5
+ var styles = {"component":"confirmation__component_c1fjr","center":"confirmation__center_c1fjr","text":"confirmation__text_c1fjr","textMobile":"confirmation__textMobile_c1fjr","typographyTheme":"confirmation__typographyTheme_c1fjr","typographyThemeMobile":"confirmation__typographyThemeMobile_c1fjr","phoneDescription":"confirmation__phoneDescription_c1fjr","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_c1fjr","phonesWrap":"confirmation__phonesWrap_c1fjr","phonesWrapMobile":"confirmation__phonesWrapMobile_c1fjr","phoneWrap":"confirmation__phoneWrap_c1fjr","phoneWrapMobile":"confirmation__phoneWrapMobile_c1fjr","phoneLink":"confirmation__phoneLink_c1fjr","phoneLinkMobile":"confirmation__phoneLinkMobile_c1fjr","hintButton":"confirmation__hintButton_c1fjr","hintButtonMobile":"confirmation__hintButtonMobile_c1fjr","phoneContentMobile":"confirmation__phoneContentMobile_c1fjr"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/screens/initial/index.css CHANGED
@@ -12,8 +12,9 @@
12
12
  --gap-4-neg: -4px;
13
13
  }
14
14
  :root {
15
- --font-family-system:
16
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
15
+ --font-family-alfasans:
16
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
17
+ Helvetica, sans-serif;
17
18
  }
18
19
  :root {
19
20
  --size-xs-height: 40px;
@@ -23,10 +24,10 @@
23
24
  --confirmation-text-font-size: 16px;
24
25
  --confirmation-text-font-weight: 400;
25
26
  --confirmation-text-line-height: 24px;
26
- --confirmation-text-letter-spacing: normal;
27
+ --confirmation-text-letter-spacing: -0.24px;
27
28
  --confirmation-text-font-size-mobile: 16px;
28
29
  --confirmation-text-line-height-mobile: 24px;
29
- --confirmation-text-letter-spacing-mobile: normal;
30
+ --confirmation-text-letter-spacing-mobile: -0.24px;
30
31
  --confirmation-countdown-height: auto;
31
32
  --confirmation-phone-margin-bottom: var(--gap-32);
32
33
  --confirmation-phone-label-color: var(--color-light-text-primary);
@@ -47,100 +48,101 @@
47
48
  --confirmation-countdown-loader-margin-bottom-mobile: var(--gap-16);
48
49
  --confirmation-countdown-margin-bottom-mobile: var(--gap-20);
49
50
  }
50
- .confirmation__component_z3dk4 {
51
+ .confirmation__component_2e8vn {
51
52
  display: flex;
52
53
  flex-direction: column;
53
54
  }
54
- .confirmation__phone_z3dk4.confirmation__phone_z3dk4 {
55
+ .confirmation__phone_2e8vn.confirmation__phone_2e8vn {
55
56
  color: var(--color-light-text-primary);
56
57
  margin-bottom: var(--confirmation-phone-margin-bottom);
57
58
  }
58
- .confirmation__phone_z3dk4.confirmation__phoneMobile_z3dk4 {
59
+ .confirmation__phone_2e8vn.confirmation__phoneMobile_2e8vn {
59
60
  margin-bottom: var(--confirmation-phone-margin-bottom-mobile);
60
61
  }
61
- .confirmation__phoneLabel_z3dk4 {
62
+ .confirmation__phoneLabel_2e8vn {
62
63
  color: var(--confirmation-phone-label-color);
63
64
  }
64
- .confirmation__phoneLabelMobile_z3dk4 {
65
+ .confirmation__phoneLabelMobile_2e8vn {
65
66
  color: var(--confirmation-phone-label-color-mobile);
66
67
  }
67
- .confirmation__phoneNumber_z3dk4 {
68
+ .confirmation__phoneNumber_2e8vn {
68
69
  color: var(--confirmation-phone-number-color);
69
70
  }
70
- .confirmation__phoneNumberMobile_z3dk4 {
71
+ .confirmation__phoneNumberMobile_2e8vn {
71
72
  color: var(--confirmation-phone-number-color-mobile);
72
73
  }
73
- .confirmation__typographyTheme_z3dk4.confirmation__typographyTheme_z3dk4 {
74
+ .confirmation__typographyTheme_2e8vn.confirmation__typographyTheme_2e8vn {
74
75
  font-size: var(--confirmation-text-font-size);
75
76
  line-height: var(--confirmation-text-line-height);
76
77
  letter-spacing: var(--confirmation-text-letter-spacing);
77
78
  font-weight: var(--confirmation-text-font-weight);
78
- font-family: var(--font-family-system);
79
+ font-family: var(--font-family-alfasans);
79
80
  color: var(--confirmation-text-color);
80
81
  }
81
- .confirmation__typographyThemeMobile_z3dk4.confirmation__typographyThemeMobile_z3dk4 {
82
+ .confirmation__typographyThemeMobile_2e8vn.confirmation__typographyThemeMobile_2e8vn {
82
83
  font-size: var(--confirmation-text-font-size-mobile);
83
84
  line-height: var(--confirmation-text-line-height-mobile);
84
85
  letter-spacing: var(--confirmation-text-letter-spacing-mobile);
85
86
  color: var(--color-light-text-secondary);
86
87
  }
87
- .confirmation__compact_z3dk4 {
88
+ .confirmation__compact_2e8vn {
88
89
  margin-bottom: var(--gap-24);
89
90
  }
90
- .confirmation__loaderWrap_z3dk4 {
91
+ .confirmation__loaderWrap_2e8vn {
91
92
  display: flex;
92
93
  align-items: center;
93
94
  }
94
- .confirmation__left_z3dk4 {
95
+ .confirmation__left_2e8vn {
95
96
  align-items: flex-start;
96
97
  }
97
- .confirmation__center_z3dk4 {
98
+ .confirmation__center_2e8vn {
98
99
  align-items: center;
99
100
  text-align: center;
100
101
  }
101
- .confirmation__center_z3dk4 .confirmation__loaderWrap_z3dk4 {
102
+ .confirmation__center_2e8vn .confirmation__loaderWrap_2e8vn {
102
103
  justify-content: center;
103
104
  }
104
- .confirmation__center_z3dk4 .confirmation__countdownMobile_z3dk4 {
105
+ .confirmation__center_2e8vn .confirmation__countdownMobile_2e8vn {
105
106
  justify-content: center;
106
107
  }
107
- .confirmation__codeInput_z3dk4 {
108
+ .confirmation__codeInput_2e8vn {
108
109
  margin-bottom: var(--confirmation-input-margin-bottom);
109
110
  }
110
- .confirmation__codeInput_z3dk4.confirmation__codeInputMobile_z3dk4 {
111
+ .confirmation__codeInput_2e8vn.confirmation__codeInputMobile_2e8vn {
111
112
  margin-bottom: var(--confirmation-input-margin-bottom-mobile);
112
113
  }
113
- .confirmation__smsBtn_z3dk4.confirmation__smsBtn_z3dk4 {
114
+ .confirmation__smsBtn_2e8vn.confirmation__smsBtn_2e8vn {
114
115
  min-height: var(--size-xs-height);
115
116
  }
116
- .confirmation__smsComeLink_z3dk4.confirmation__smsComeLink_z3dk4 {
117
+ .confirmation__smsComeLink_2e8vn.confirmation__smsComeLink_2e8vn {
117
118
  font-size: 14px;
118
119
  line-height: 20px;
119
120
  font-weight: 500;
120
- font-family: var(--font-family-system);
121
+ letter-spacing: 0.07px;
122
+ font-family: var(--font-family-alfasans);
121
123
  }
122
- .confirmation__countdownContainer_z3dk4.confirmation__countdownContainer_z3dk4 {
124
+ .confirmation__countdownContainer_2e8vn.confirmation__countdownContainer_2e8vn {
123
125
  color: var(--color-light-text-secondary);
124
126
  height: var(--confirmation-countdown-height);
125
127
  margin-bottom: var(--confirmation-countdown-margin-bottom);
126
128
  }
127
- .confirmation__countdownMobile_z3dk4.confirmation__countdownMobile_z3dk4 {
129
+ .confirmation__countdownMobile_2e8vn.confirmation__countdownMobile_2e8vn {
128
130
  display: flex;
129
131
  align-items: center;
130
132
  width: 100%;
131
133
  margin-bottom: var(--confirmation-countdown-margin-bottom-mobile);
132
134
  }
133
- .confirmation__loaderWrap_z3dk4.confirmation__loaderWrap_z3dk4 {
135
+ .confirmation__loaderWrap_2e8vn.confirmation__loaderWrap_2e8vn {
134
136
  margin-bottom: var(--confirmation-countdown-loader-margin-bottom);
135
137
  }
136
- .confirmation__countdownLoaderMobile_z3dk4.confirmation__countdownLoaderMobile_z3dk4 {
138
+ .confirmation__countdownLoaderMobile_2e8vn.confirmation__countdownLoaderMobile_2e8vn {
137
139
  width: 100%;
138
140
  font-size: var(--confirmation-text-font-size-mobile);
139
141
  line-height: var(--confirmation-text-line-height-mobile);
140
142
  letter-spacing: var(--confirmation-text-letter-spacing-mobile);
141
143
  margin-bottom: var(--confirmation-countdown-loader-margin-bottom-mobile);
142
144
  }
143
- .confirmation__timeCounter_z3dk4 {
145
+ .confirmation__timeCounter_2e8vn {
144
146
  display: inline-block;
145
147
  min-width: 47px;
146
148
  color: var(--color-light-text-secondary);
@@ -148,24 +150,24 @@
148
150
  font-feature-settings: lining-nums tabular-nums;
149
151
  font-variant-numeric: lining-nums tabular-nums;
150
152
  }
151
- .confirmation__timeCounterMobile_z3dk4 {
153
+ .confirmation__timeCounterMobile_2e8vn {
152
154
  min-width: 0;
153
155
  text-align: inherit;
154
156
  }
155
- .confirmation__getCodeButton_z3dk4 {
157
+ .confirmation__getCodeButton_2e8vn {
156
158
  position: relative;
157
159
  top: var(--confirmation-code-button-top);
158
160
  margin-bottom: var(--confirmation-code-button-margin-bottom);
159
161
  }
160
- .confirmation__getCodeButtonMobile_z3dk4 {
162
+ .confirmation__getCodeButtonMobile_2e8vn {
161
163
  margin-bottom: var(--confirmation-code-button-margin-bottom-mobile);
162
164
  }
163
- .confirmation__getCodeButton_z3dk4.confirmation__getCodeButtonMobile_z3dk4 {
165
+ .confirmation__getCodeButton_2e8vn.confirmation__getCodeButtonMobile_2e8vn {
164
166
  top: var(--confirmation-code-button-top-mobile);
165
167
  }
166
- .confirmation__containerInput_z3dk4 {
168
+ .confirmation__containerInput_2e8vn {
167
169
  min-height: var(--confirmation-input-min-height);
168
170
  }
169
- .confirmation__containerInput_z3dk4.confirmation__codeInputMobile_z3dk4 {
171
+ .confirmation__containerInput_2e8vn.confirmation__codeInputMobile_2e8vn {
170
172
  min-height: var(--confirmation-input-min-height-mobile);
171
173
  }
package/components/screens/initial/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"confirmation__component_z3dk4","phone":"confirmation__phone_z3dk4","phoneMobile":"confirmation__phoneMobile_z3dk4","phoneLabel":"confirmation__phoneLabel_z3dk4","phoneLabelMobile":"confirmation__phoneLabelMobile_z3dk4","phoneNumber":"confirmation__phoneNumber_z3dk4","phoneNumberMobile":"confirmation__phoneNumberMobile_z3dk4","typographyTheme":"confirmation__typographyTheme_z3dk4","typographyThemeMobile":"confirmation__typographyThemeMobile_z3dk4","compact":"confirmation__compact_z3dk4","loaderWrap":"confirmation__loaderWrap_z3dk4","left":"confirmation__left_z3dk4","center":"confirmation__center_z3dk4","countdownMobile":"confirmation__countdownMobile_z3dk4","codeInput":"confirmation__codeInput_z3dk4","codeInputMobile":"confirmation__codeInputMobile_z3dk4","smsBtn":"confirmation__smsBtn_z3dk4","smsComeLink":"confirmation__smsComeLink_z3dk4","countdownContainer":"confirmation__countdownContainer_z3dk4","countdownLoaderMobile":"confirmation__countdownLoaderMobile_z3dk4","timeCounter":"confirmation__timeCounter_z3dk4","timeCounterMobile":"confirmation__timeCounterMobile_z3dk4","getCodeButton":"confirmation__getCodeButton_z3dk4","getCodeButtonMobile":"confirmation__getCodeButtonMobile_z3dk4","containerInput":"confirmation__containerInput_z3dk4"};
5
+ var styles = {"component":"confirmation__component_2e8vn","phone":"confirmation__phone_2e8vn","phoneMobile":"confirmation__phoneMobile_2e8vn","phoneLabel":"confirmation__phoneLabel_2e8vn","phoneLabelMobile":"confirmation__phoneLabelMobile_2e8vn","phoneNumber":"confirmation__phoneNumber_2e8vn","phoneNumberMobile":"confirmation__phoneNumberMobile_2e8vn","typographyTheme":"confirmation__typographyTheme_2e8vn","typographyThemeMobile":"confirmation__typographyThemeMobile_2e8vn","compact":"confirmation__compact_2e8vn","loaderWrap":"confirmation__loaderWrap_2e8vn","left":"confirmation__left_2e8vn","center":"confirmation__center_2e8vn","countdownMobile":"confirmation__countdownMobile_2e8vn","codeInput":"confirmation__codeInput_2e8vn","codeInputMobile":"confirmation__codeInputMobile_2e8vn","smsBtn":"confirmation__smsBtn_2e8vn","smsComeLink":"confirmation__smsComeLink_2e8vn","countdownContainer":"confirmation__countdownContainer_2e8vn","countdownLoaderMobile":"confirmation__countdownLoaderMobile_2e8vn","timeCounter":"confirmation__timeCounter_2e8vn","timeCounterMobile":"confirmation__timeCounterMobile_2e8vn","getCodeButton":"confirmation__getCodeButton_2e8vn","getCodeButtonMobile":"confirmation__getCodeButtonMobile_2e8vn","containerInput":"confirmation__containerInput_2e8vn"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/screens/temp-block/index.css CHANGED
@@ -6,62 +6,63 @@
6
6
  --gap-8: 8px;
7
7
  }
8
8
  :root {
9
- --font-family-system:
10
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
9
+ --font-family-alfasans:
10
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
11
+ Helvetica, sans-serif;
11
12
  }
12
13
  :root {
13
14
  --confirmation-text-color: var(--color-light-text-primary);
14
15
  --confirmation-text-font-size: 16px;
15
16
  --confirmation-text-font-weight: 400;
16
17
  --confirmation-text-line-height: 24px;
17
- --confirmation-text-letter-spacing: normal;
18
+ --confirmation-text-letter-spacing: -0.24px;
18
19
  --confirmation-text-font-size-mobile: 16px;
19
20
  --confirmation-text-line-height-mobile: 24px;
20
- --confirmation-text-letter-spacing-mobile: normal;
21
+ --confirmation-text-letter-spacing-mobile: -0.24px;
21
22
  --confirmation-temp-block-description-color: var(--color-light-text-primary);
22
23
  --confirmation-temp-block-description-margin-bottom: var(--gap-8);
23
24
  --confirmation-temp-block-description-color-mobile: var(--color-light-text-secondary);
24
25
  --confirmation-temp-block-description-margin-bottom-mobile: var(--gap-8);
25
26
  }
26
- .confirmation__component_qibcu {
27
+ .confirmation__component_6r2u5 {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  }
30
- .confirmation__center_qibcu {
31
+ .confirmation__center_6r2u5 {
31
32
  align-items: center;
32
33
  text-align: center;
33
34
  }
34
- .confirmation__typographyTheme_qibcu.confirmation__typographyTheme_qibcu {
35
+ .confirmation__typographyTheme_6r2u5.confirmation__typographyTheme_6r2u5 {
35
36
  font-size: var(--confirmation-text-font-size);
36
37
  line-height: var(--confirmation-text-line-height);
37
38
  letter-spacing: var(--confirmation-text-letter-spacing);
38
39
  font-weight: var(--confirmation-text-font-weight);
39
- font-family: var(--font-family-system);
40
+ font-family: var(--font-family-alfasans);
40
41
  color: var(--confirmation-text-color);
41
42
  color: var(--confirmation-temp-block-description-color);
42
43
  }
43
- .confirmation__typographyThemeMobile_qibcu.confirmation__typographyThemeMobile_qibcu {
44
+ .confirmation__typographyThemeMobile_6r2u5.confirmation__typographyThemeMobile_6r2u5 {
44
45
  font-size: var(--confirmation-text-font-size-mobile);
45
46
  line-height: var(--confirmation-text-line-height-mobile);
46
47
  letter-spacing: var(--confirmation-text-letter-spacing-mobile);
47
48
  color: var(--confirmation-temp-block-description-color-mobile);
48
49
  }
49
- .confirmation__description_qibcu.confirmation__description_qibcu {
50
+ .confirmation__description_6r2u5.confirmation__description_6r2u5 {
50
51
  margin-bottom: var(--confirmation-temp-block-description-margin-bottom);
51
52
  }
52
- .confirmation__description_qibcu.confirmation__descriptionMobile_qibcu {
53
+ .confirmation__description_6r2u5.confirmation__descriptionMobile_6r2u5 {
53
54
  margin-bottom: var(--confirmation-temp-block-description-margin-bottom-mobile);
54
55
  }
55
- .confirmation__countdownWrap_qibcu {
56
+ .confirmation__countdownWrap_6r2u5 {
56
57
  display: flex;
57
58
  align-items: center;
58
59
  }
59
- .confirmation__countdownWrapMobile_qibcu {
60
+ .confirmation__countdownWrapMobile_6r2u5 {
60
61
  font-size: var(--confirmation-text-font-size-mobile);
61
62
  line-height: var(--confirmation-text-line-height-mobile);
62
63
  letter-spacing: var(--confirmation-text-letter-spacing-mobile);
63
64
  }
64
- .confirmation__timeCounter_qibcu {
65
+ .confirmation__timeCounter_6r2u5 {
65
66
  display: inline-block;
66
67
  min-width: 47px;
67
68
  color: var(--color-light-text-secondary);
@@ -69,6 +70,6 @@
69
70
  font-feature-settings: lining-nums tabular-nums;
70
71
  font-variant-numeric: lining-nums tabular-nums;
71
72
  }
72
- .confirmation__loader_qibcu {
73
+ .confirmation__loader_6r2u5 {
73
74
  margin-right: var(--gap-8);
74
75
  }
package/components/screens/temp-block/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"confirmation__component_qibcu","center":"confirmation__center_qibcu","typographyTheme":"confirmation__typographyTheme_qibcu","typographyThemeMobile":"confirmation__typographyThemeMobile_qibcu","description":"confirmation__description_qibcu","descriptionMobile":"confirmation__descriptionMobile_qibcu","countdownWrap":"confirmation__countdownWrap_qibcu","countdownWrapMobile":"confirmation__countdownWrapMobile_qibcu","timeCounter":"confirmation__timeCounter_qibcu","loader":"confirmation__loader_qibcu"};
5
+ var styles = {"component":"confirmation__component_6r2u5","center":"confirmation__center_6r2u5","typographyTheme":"confirmation__typographyTheme_6r2u5","typographyThemeMobile":"confirmation__typographyThemeMobile_6r2u5","description":"confirmation__description_6r2u5","descriptionMobile":"confirmation__descriptionMobile_6r2u5","countdownWrap":"confirmation__countdownWrap_6r2u5","countdownWrapMobile":"confirmation__countdownWrapMobile_6r2u5","timeCounter":"confirmation__timeCounter_6r2u5","loader":"confirmation__loader_6r2u5"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map