@alfalab/core-components-confirmation 15.2.4 → 15.2.5-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_1gynn {
7
+ .confirmation__component_1sw4g {
8
8
  width: 100%;
9
9
  max-width: 388px;
10
10
  color: var(--color-light-text-secondary);
11
11
  }
12
- .confirmation__component_1gynn.confirmation__center_1gynn {
12
+ .confirmation__component_1sw4g.confirmation__center_1sw4g {
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_1gynn","center":"confirmation__center_1gynn"};
5
+ var styles = {"component":"confirmation__component_1sw4g","center":"confirmation__center_1sw4g"};
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_3ptlj {
4
+ .confirmation__circle_c24n0 {
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_3ptlj"};
5
+ var styles = {"circle":"confirmation__circle_c24n0"};
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_nie0g.confirmation__header_nie0g {
28
+ .confirmation__header_1xw74.confirmation__header_1xw74 {
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_nie0g.confirmation__headerMobile_nie0g {
37
+ .confirmation__headerMobile_1xw74.confirmation__headerMobile_1xw74 {
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_nie0g","headerMobile":"confirmation__headerMobile_nie0g"};
5
+ var styles = {"header":"confirmation__header_1xw74","headerMobile":"confirmation__headerMobile_1xw74"};
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_agysp {
27
+ .confirmation__component_bha7b {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  }
30
- .confirmation__typographyTheme_agysp.confirmation__typographyTheme_agysp {
31
+ .confirmation__typographyTheme_bha7b.confirmation__typographyTheme_bha7b {
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_agysp.confirmation__typographyThemeMobile_agysp {
40
+ .confirmation__typographyThemeMobile_bha7b.confirmation__typographyThemeMobile_bha7b {
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_agysp {
46
+ .confirmation__left_bha7b {
46
47
  align-items: flex-start;
47
48
  }
48
- .confirmation__center_agysp {
49
+ .confirmation__center_bha7b {
49
50
  align-items: center;
50
51
  text-align: center;
51
52
  }
52
- .confirmation__button_agysp.confirmation__button_agysp {
53
+ .confirmation__button_bha7b.confirmation__button_bha7b {
53
54
  margin-top: var(--confirmation-fatal-error-button-margin-top);
54
55
  }
55
- .confirmation__button_agysp.confirmation__buttonMobile_agysp {
56
+ .confirmation__button_bha7b.confirmation__buttonMobile_bha7b {
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_agysp","typographyTheme":"confirmation__typographyTheme_agysp","typographyThemeMobile":"confirmation__typographyThemeMobile_agysp","left":"confirmation__left_agysp","center":"confirmation__center_agysp","button":"confirmation__button_agysp","buttonMobile":"confirmation__buttonMobile_agysp"};
5
+ var styles = {"component":"confirmation__component_bha7b","typographyTheme":"confirmation__typographyTheme_bha7b","typographyThemeMobile":"confirmation__typographyThemeMobile_bha7b","left":"confirmation__left_bha7b","center":"confirmation__center_bha7b","button":"confirmation__button_bha7b","buttonMobile":"confirmation__buttonMobile_bha7b"};
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_18z3k {
38
+ .confirmation__component_aihvl {
38
39
  display: flex;
39
40
  flex-direction: column;
40
41
  align-items: flex-start;
41
42
  }
42
- .confirmation__component_18z3k span:last-of-type {
43
+ .confirmation__component_aihvl span:last-of-type {
43
44
  margin-bottom: var(--gap-0);
44
45
  }
45
- .confirmation__center_18z3k {
46
+ .confirmation__center_aihvl {
46
47
  align-items: center;
47
48
  text-align: center;
48
49
  }
49
- .confirmation__text_18z3k.confirmation__text_18z3k {
50
+ .confirmation__text_aihvl.confirmation__text_aihvl {
50
51
  margin-bottom: var(--confirmation-hint-text-margin-bottom);
51
52
  }
52
- .confirmation__text_18z3k.confirmation__textMobile_18z3k {
53
+ .confirmation__text_aihvl.confirmation__textMobile_aihvl {
53
54
  margin-bottom: var(--confirmation-hint-text-margin-bottom-mobile);
54
55
  }
55
- .confirmation__typographyTheme_18z3k.confirmation__typographyTheme_18z3k {
56
+ .confirmation__typographyTheme_aihvl.confirmation__typographyTheme_aihvl {
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_18z3k.confirmation__typographyThemeMobile_18z3k {
65
+ .confirmation__typographyThemeMobile_aihvl.confirmation__typographyThemeMobile_aihvl {
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_18z3k.confirmation__phoneDescription_18z3k {
71
+ .confirmation__phoneDescription_aihvl.confirmation__phoneDescription_aihvl {
71
72
  color: var(--confirmation-hint-phone-description-color);
72
73
  }
73
- .confirmation__phoneDescriptionMobile_18z3k.confirmation__phoneDescriptionMobile_18z3k {
74
+ .confirmation__phoneDescriptionMobile_aihvl.confirmation__phoneDescriptionMobile_aihvl {
74
75
  color: var(--confirmation-hint-phone-description-color-mobile);
75
76
  }
76
- .confirmation__phonesWrap_18z3k {
77
+ .confirmation__phonesWrap_aihvl {
77
78
  display: flex;
78
79
  flex-direction: column;
79
80
  margin-bottom: var(--confirmation-hint-phones-margin-bottom);
80
81
  }
81
- .confirmation__phonesWrap_18z3k.confirmation__phonesWrapMobile_18z3k {
82
+ .confirmation__phonesWrap_aihvl.confirmation__phonesWrapMobile_aihvl {
82
83
  margin-bottom: var(--confirmation-hint-phones-margin-bottom-mobile);
83
84
  }
84
- .confirmation__phoneWrap_18z3k {
85
+ .confirmation__phoneWrap_aihvl {
85
86
  margin-bottom: var(--confirmation-hint-phone-item-margin-bottom);
86
87
  }
87
- .confirmation__phoneWrap_18z3k:last-child {
88
+ .confirmation__phoneWrap_aihvl:last-child {
88
89
  margin-bottom: var(--gap-0);
89
90
  }
90
- .confirmation__phoneWrap_18z3k.confirmation__phoneWrapMobile_18z3k {
91
+ .confirmation__phoneWrap_aihvl.confirmation__phoneWrapMobile_aihvl {
91
92
  margin-bottom: var(--confirmation-hint-phone-item-margin-bottom-mobile);
92
93
  }
93
- .confirmation__phoneWrap_18z3k.confirmation__phoneWrapMobile_18z3k:last-child {
94
+ .confirmation__phoneWrap_aihvl.confirmation__phoneWrapMobile_aihvl:last-child {
94
95
  margin-bottom: var(--gap-0);
95
96
  }
96
- .confirmation__phoneLink_18z3k.confirmation__phoneLink_18z3k {
97
+ .confirmation__phoneLink_aihvl.confirmation__phoneLink_aihvl {
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_18z3k.confirmation__phoneLinkMobile_18z3k {
104
+ .confirmation__phoneLink_aihvl.confirmation__phoneLinkMobile_aihvl {
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_18z3k {
109
+ .confirmation__hintButton_aihvl {
108
110
  margin-top: var(--confirmation-hint-button-margin-top);
109
111
  }
110
- .confirmation__hintButton_18z3k.confirmation__hintButtonMobile_18z3k {
112
+ .confirmation__hintButton_aihvl.confirmation__hintButtonMobile_aihvl {
111
113
  margin-top: var(--confirmation-hint-button-margin-top-mobile);
112
114
  }
113
- .confirmation__phoneContentMobile_18z3k {
115
+ .confirmation__phoneContentMobile_aihvl {
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_18z3k","center":"confirmation__center_18z3k","text":"confirmation__text_18z3k","textMobile":"confirmation__textMobile_18z3k","typographyTheme":"confirmation__typographyTheme_18z3k","typographyThemeMobile":"confirmation__typographyThemeMobile_18z3k","phoneDescription":"confirmation__phoneDescription_18z3k","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_18z3k","phonesWrap":"confirmation__phonesWrap_18z3k","phonesWrapMobile":"confirmation__phonesWrapMobile_18z3k","phoneWrap":"confirmation__phoneWrap_18z3k","phoneWrapMobile":"confirmation__phoneWrapMobile_18z3k","phoneLink":"confirmation__phoneLink_18z3k","phoneLinkMobile":"confirmation__phoneLinkMobile_18z3k","hintButton":"confirmation__hintButton_18z3k","hintButtonMobile":"confirmation__hintButtonMobile_18z3k","phoneContentMobile":"confirmation__phoneContentMobile_18z3k"};
5
+ var styles = {"component":"confirmation__component_aihvl","center":"confirmation__center_aihvl","text":"confirmation__text_aihvl","textMobile":"confirmation__textMobile_aihvl","typographyTheme":"confirmation__typographyTheme_aihvl","typographyThemeMobile":"confirmation__typographyThemeMobile_aihvl","phoneDescription":"confirmation__phoneDescription_aihvl","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_aihvl","phonesWrap":"confirmation__phonesWrap_aihvl","phonesWrapMobile":"confirmation__phonesWrapMobile_aihvl","phoneWrap":"confirmation__phoneWrap_aihvl","phoneWrapMobile":"confirmation__phoneWrapMobile_aihvl","phoneLink":"confirmation__phoneLink_aihvl","phoneLinkMobile":"confirmation__phoneLinkMobile_aihvl","hintButton":"confirmation__hintButton_aihvl","hintButtonMobile":"confirmation__hintButtonMobile_aihvl","phoneContentMobile":"confirmation__phoneContentMobile_aihvl"};
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_21b7b {
51
+ .confirmation__component_12nsx {
51
52
  display: flex;
52
53
  flex-direction: column;
53
54
  }
54
- .confirmation__phone_21b7b.confirmation__phone_21b7b {
55
+ .confirmation__phone_12nsx.confirmation__phone_12nsx {
55
56
  color: var(--color-light-text-primary);
56
57
  margin-bottom: var(--confirmation-phone-margin-bottom);
57
58
  }
58
- .confirmation__phone_21b7b.confirmation__phoneMobile_21b7b {
59
+ .confirmation__phone_12nsx.confirmation__phoneMobile_12nsx {
59
60
  margin-bottom: var(--confirmation-phone-margin-bottom-mobile);
60
61
  }
61
- .confirmation__phoneLabel_21b7b {
62
+ .confirmation__phoneLabel_12nsx {
62
63
  color: var(--confirmation-phone-label-color);
63
64
  }
64
- .confirmation__phoneLabelMobile_21b7b {
65
+ .confirmation__phoneLabelMobile_12nsx {
65
66
  color: var(--confirmation-phone-label-color-mobile);
66
67
  }
67
- .confirmation__phoneNumber_21b7b {
68
+ .confirmation__phoneNumber_12nsx {
68
69
  color: var(--confirmation-phone-number-color);
69
70
  }
70
- .confirmation__phoneNumberMobile_21b7b {
71
+ .confirmation__phoneNumberMobile_12nsx {
71
72
  color: var(--confirmation-phone-number-color-mobile);
72
73
  }
73
- .confirmation__typographyTheme_21b7b.confirmation__typographyTheme_21b7b {
74
+ .confirmation__typographyTheme_12nsx.confirmation__typographyTheme_12nsx {
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_21b7b.confirmation__typographyThemeMobile_21b7b {
82
+ .confirmation__typographyThemeMobile_12nsx.confirmation__typographyThemeMobile_12nsx {
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_21b7b {
88
+ .confirmation__compact_12nsx {
88
89
  margin-bottom: var(--gap-24);
89
90
  }
90
- .confirmation__loaderWrap_21b7b {
91
+ .confirmation__loaderWrap_12nsx {
91
92
  display: flex;
92
93
  align-items: center;
93
94
  }
94
- .confirmation__left_21b7b {
95
+ .confirmation__left_12nsx {
95
96
  align-items: flex-start;
96
97
  }
97
- .confirmation__center_21b7b {
98
+ .confirmation__center_12nsx {
98
99
  align-items: center;
99
100
  text-align: center;
100
101
  }
101
- .confirmation__center_21b7b .confirmation__loaderWrap_21b7b {
102
+ .confirmation__center_12nsx .confirmation__loaderWrap_12nsx {
102
103
  justify-content: center;
103
104
  }
104
- .confirmation__center_21b7b .confirmation__countdownMobile_21b7b {
105
+ .confirmation__center_12nsx .confirmation__countdownMobile_12nsx {
105
106
  justify-content: center;
106
107
  }
107
- .confirmation__codeInput_21b7b {
108
+ .confirmation__codeInput_12nsx {
108
109
  margin-bottom: var(--confirmation-input-margin-bottom);
109
110
  }
110
- .confirmation__codeInput_21b7b.confirmation__codeInputMobile_21b7b {
111
+ .confirmation__codeInput_12nsx.confirmation__codeInputMobile_12nsx {
111
112
  margin-bottom: var(--confirmation-input-margin-bottom-mobile);
112
113
  }
113
- .confirmation__smsBtn_21b7b.confirmation__smsBtn_21b7b {
114
+ .confirmation__smsBtn_12nsx.confirmation__smsBtn_12nsx {
114
115
  min-height: var(--size-xs-height);
115
116
  }
116
- .confirmation__smsComeLink_21b7b.confirmation__smsComeLink_21b7b {
117
+ .confirmation__smsComeLink_12nsx.confirmation__smsComeLink_12nsx {
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_21b7b.confirmation__countdownContainer_21b7b {
124
+ .confirmation__countdownContainer_12nsx.confirmation__countdownContainer_12nsx {
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_21b7b.confirmation__countdownMobile_21b7b {
129
+ .confirmation__countdownMobile_12nsx.confirmation__countdownMobile_12nsx {
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_21b7b.confirmation__loaderWrap_21b7b {
135
+ .confirmation__loaderWrap_12nsx.confirmation__loaderWrap_12nsx {
134
136
  margin-bottom: var(--confirmation-countdown-loader-margin-bottom);
135
137
  }
136
- .confirmation__countdownLoaderMobile_21b7b.confirmation__countdownLoaderMobile_21b7b {
138
+ .confirmation__countdownLoaderMobile_12nsx.confirmation__countdownLoaderMobile_12nsx {
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_21b7b {
145
+ .confirmation__timeCounter_12nsx {
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_21b7b {
153
+ .confirmation__timeCounterMobile_12nsx {
152
154
  min-width: 0;
153
155
  text-align: inherit;
154
156
  }
155
- .confirmation__getCodeButton_21b7b {
157
+ .confirmation__getCodeButton_12nsx {
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_21b7b {
162
+ .confirmation__getCodeButtonMobile_12nsx {
161
163
  margin-bottom: var(--confirmation-code-button-margin-bottom-mobile);
162
164
  }
163
- .confirmation__getCodeButton_21b7b.confirmation__getCodeButtonMobile_21b7b {
165
+ .confirmation__getCodeButton_12nsx.confirmation__getCodeButtonMobile_12nsx {
164
166
  top: var(--confirmation-code-button-top-mobile);
165
167
  }
166
- .confirmation__containerInput_21b7b {
168
+ .confirmation__containerInput_12nsx {
167
169
  min-height: var(--confirmation-input-min-height);
168
170
  }
169
- .confirmation__containerInput_21b7b.confirmation__codeInputMobile_21b7b {
171
+ .confirmation__containerInput_12nsx.confirmation__codeInputMobile_12nsx {
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_21b7b","phone":"confirmation__phone_21b7b","phoneMobile":"confirmation__phoneMobile_21b7b","phoneLabel":"confirmation__phoneLabel_21b7b","phoneLabelMobile":"confirmation__phoneLabelMobile_21b7b","phoneNumber":"confirmation__phoneNumber_21b7b","phoneNumberMobile":"confirmation__phoneNumberMobile_21b7b","typographyTheme":"confirmation__typographyTheme_21b7b","typographyThemeMobile":"confirmation__typographyThemeMobile_21b7b","compact":"confirmation__compact_21b7b","loaderWrap":"confirmation__loaderWrap_21b7b","left":"confirmation__left_21b7b","center":"confirmation__center_21b7b","countdownMobile":"confirmation__countdownMobile_21b7b","codeInput":"confirmation__codeInput_21b7b","codeInputMobile":"confirmation__codeInputMobile_21b7b","smsBtn":"confirmation__smsBtn_21b7b","smsComeLink":"confirmation__smsComeLink_21b7b","countdownContainer":"confirmation__countdownContainer_21b7b","countdownLoaderMobile":"confirmation__countdownLoaderMobile_21b7b","timeCounter":"confirmation__timeCounter_21b7b","timeCounterMobile":"confirmation__timeCounterMobile_21b7b","getCodeButton":"confirmation__getCodeButton_21b7b","getCodeButtonMobile":"confirmation__getCodeButtonMobile_21b7b","containerInput":"confirmation__containerInput_21b7b"};
5
+ var styles = {"component":"confirmation__component_12nsx","phone":"confirmation__phone_12nsx","phoneMobile":"confirmation__phoneMobile_12nsx","phoneLabel":"confirmation__phoneLabel_12nsx","phoneLabelMobile":"confirmation__phoneLabelMobile_12nsx","phoneNumber":"confirmation__phoneNumber_12nsx","phoneNumberMobile":"confirmation__phoneNumberMobile_12nsx","typographyTheme":"confirmation__typographyTheme_12nsx","typographyThemeMobile":"confirmation__typographyThemeMobile_12nsx","compact":"confirmation__compact_12nsx","loaderWrap":"confirmation__loaderWrap_12nsx","left":"confirmation__left_12nsx","center":"confirmation__center_12nsx","countdownMobile":"confirmation__countdownMobile_12nsx","codeInput":"confirmation__codeInput_12nsx","codeInputMobile":"confirmation__codeInputMobile_12nsx","smsBtn":"confirmation__smsBtn_12nsx","smsComeLink":"confirmation__smsComeLink_12nsx","countdownContainer":"confirmation__countdownContainer_12nsx","countdownLoaderMobile":"confirmation__countdownLoaderMobile_12nsx","timeCounter":"confirmation__timeCounter_12nsx","timeCounterMobile":"confirmation__timeCounterMobile_12nsx","getCodeButton":"confirmation__getCodeButton_12nsx","getCodeButtonMobile":"confirmation__getCodeButtonMobile_12nsx","containerInput":"confirmation__containerInput_12nsx"};
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_1vesm {
27
+ .confirmation__component_b7g2i {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  }
30
- .confirmation__center_1vesm {
31
+ .confirmation__center_b7g2i {
31
32
  align-items: center;
32
33
  text-align: center;
33
34
  }
34
- .confirmation__typographyTheme_1vesm.confirmation__typographyTheme_1vesm {
35
+ .confirmation__typographyTheme_b7g2i.confirmation__typographyTheme_b7g2i {
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_1vesm.confirmation__typographyThemeMobile_1vesm {
44
+ .confirmation__typographyThemeMobile_b7g2i.confirmation__typographyThemeMobile_b7g2i {
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_1vesm.confirmation__description_1vesm {
50
+ .confirmation__description_b7g2i.confirmation__description_b7g2i {
50
51
  margin-bottom: var(--confirmation-temp-block-description-margin-bottom);
51
52
  }
52
- .confirmation__description_1vesm.confirmation__descriptionMobile_1vesm {
53
+ .confirmation__description_b7g2i.confirmation__descriptionMobile_b7g2i {
53
54
  margin-bottom: var(--confirmation-temp-block-description-margin-bottom-mobile);
54
55
  }
55
- .confirmation__countdownWrap_1vesm {
56
+ .confirmation__countdownWrap_b7g2i {
56
57
  display: flex;
57
58
  align-items: center;
58
59
  }
59
- .confirmation__countdownWrapMobile_1vesm {
60
+ .confirmation__countdownWrapMobile_b7g2i {
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_1vesm {
65
+ .confirmation__timeCounter_b7g2i {
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_1vesm {
73
+ .confirmation__loader_b7g2i {
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_1vesm","center":"confirmation__center_1vesm","typographyTheme":"confirmation__typographyTheme_1vesm","typographyThemeMobile":"confirmation__typographyThemeMobile_1vesm","description":"confirmation__description_1vesm","descriptionMobile":"confirmation__descriptionMobile_1vesm","countdownWrap":"confirmation__countdownWrap_1vesm","countdownWrapMobile":"confirmation__countdownWrapMobile_1vesm","timeCounter":"confirmation__timeCounter_1vesm","loader":"confirmation__loader_1vesm"};
5
+ var styles = {"component":"confirmation__component_b7g2i","center":"confirmation__center_b7g2i","typographyTheme":"confirmation__typographyTheme_b7g2i","typographyThemeMobile":"confirmation__typographyThemeMobile_b7g2i","description":"confirmation__description_b7g2i","descriptionMobile":"confirmation__descriptionMobile_b7g2i","countdownWrap":"confirmation__countdownWrap_b7g2i","countdownWrapMobile":"confirmation__countdownWrapMobile_b7g2i","timeCounter":"confirmation__timeCounter_b7g2i","loader":"confirmation__loader_b7g2i"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map