@alfalab/core-components-confirmation 15.2.0 → 15.2.1-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_iwteh {
7
+ .confirmation__component_uua7q {
8
8
  width: 100%;
9
9
  max-width: 388px;
10
10
  color: var(--color-light-text-secondary);
11
11
  }
12
- .confirmation__component_iwteh.confirmation__center_iwteh {
12
+ .confirmation__component_uua7q.confirmation__center_uua7q {
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_iwteh","center":"confirmation__center_iwteh"};
5
+ var styles = {"component":"confirmation__component_uua7q","center":"confirmation__center_uua7q"};
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_14p3e {
4
+ .confirmation__circle_1d1eg {
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_14p3e"};
5
+ var styles = {"circle":"confirmation__circle_1d1eg"};
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_1ohnt.confirmation__header_1ohnt {
28
+ .confirmation__header_zucw3.confirmation__header_zucw3 {
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_1ohnt.confirmation__headerMobile_1ohnt {
37
+ .confirmation__headerMobile_zucw3.confirmation__headerMobile_zucw3 {
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_1ohnt","headerMobile":"confirmation__headerMobile_1ohnt"};
5
+ var styles = {"header":"confirmation__header_zucw3","headerMobile":"confirmation__headerMobile_zucw3"};
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_18it1 {
27
+ .confirmation__component_19j4g {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  }
30
- .confirmation__typographyTheme_18it1.confirmation__typographyTheme_18it1 {
31
+ .confirmation__typographyTheme_19j4g.confirmation__typographyTheme_19j4g {
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_18it1.confirmation__typographyThemeMobile_18it1 {
40
+ .confirmation__typographyThemeMobile_19j4g.confirmation__typographyThemeMobile_19j4g {
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_18it1 {
46
+ .confirmation__left_19j4g {
46
47
  align-items: flex-start;
47
48
  }
48
- .confirmation__center_18it1 {
49
+ .confirmation__center_19j4g {
49
50
  align-items: center;
50
51
  text-align: center;
51
52
  }
52
- .confirmation__button_18it1.confirmation__button_18it1 {
53
+ .confirmation__button_19j4g.confirmation__button_19j4g {
53
54
  margin-top: var(--confirmation-fatal-error-button-margin-top);
54
55
  }
55
- .confirmation__button_18it1.confirmation__buttonMobile_18it1 {
56
+ .confirmation__button_19j4g.confirmation__buttonMobile_19j4g {
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_18it1","typographyTheme":"confirmation__typographyTheme_18it1","typographyThemeMobile":"confirmation__typographyThemeMobile_18it1","left":"confirmation__left_18it1","center":"confirmation__center_18it1","button":"confirmation__button_18it1","buttonMobile":"confirmation__buttonMobile_18it1"};
5
+ var styles = {"component":"confirmation__component_19j4g","typographyTheme":"confirmation__typographyTheme_19j4g","typographyThemeMobile":"confirmation__typographyThemeMobile_19j4g","left":"confirmation__left_19j4g","center":"confirmation__center_19j4g","button":"confirmation__button_19j4g","buttonMobile":"confirmation__buttonMobile_19j4g"};
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_7ztr9 {
38
+ .confirmation__component_18kc4 {
38
39
  display: flex;
39
40
  flex-direction: column;
40
41
  align-items: flex-start;
41
42
  }
42
- .confirmation__component_7ztr9 span:last-of-type {
43
+ .confirmation__component_18kc4 span:last-of-type {
43
44
  margin-bottom: var(--gap-0);
44
45
  }
45
- .confirmation__center_7ztr9 {
46
+ .confirmation__center_18kc4 {
46
47
  align-items: center;
47
48
  text-align: center;
48
49
  }
49
- .confirmation__text_7ztr9.confirmation__text_7ztr9 {
50
+ .confirmation__text_18kc4.confirmation__text_18kc4 {
50
51
  margin-bottom: var(--confirmation-hint-text-margin-bottom);
51
52
  }
52
- .confirmation__text_7ztr9.confirmation__textMobile_7ztr9 {
53
+ .confirmation__text_18kc4.confirmation__textMobile_18kc4 {
53
54
  margin-bottom: var(--confirmation-hint-text-margin-bottom-mobile);
54
55
  }
55
- .confirmation__typographyTheme_7ztr9.confirmation__typographyTheme_7ztr9 {
56
+ .confirmation__typographyTheme_18kc4.confirmation__typographyTheme_18kc4 {
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_7ztr9.confirmation__typographyThemeMobile_7ztr9 {
65
+ .confirmation__typographyThemeMobile_18kc4.confirmation__typographyThemeMobile_18kc4 {
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_7ztr9.confirmation__phoneDescription_7ztr9 {
71
+ .confirmation__phoneDescription_18kc4.confirmation__phoneDescription_18kc4 {
71
72
  color: var(--confirmation-hint-phone-description-color);
72
73
  }
73
- .confirmation__phoneDescriptionMobile_7ztr9.confirmation__phoneDescriptionMobile_7ztr9 {
74
+ .confirmation__phoneDescriptionMobile_18kc4.confirmation__phoneDescriptionMobile_18kc4 {
74
75
  color: var(--confirmation-hint-phone-description-color-mobile);
75
76
  }
76
- .confirmation__phonesWrap_7ztr9 {
77
+ .confirmation__phonesWrap_18kc4 {
77
78
  display: flex;
78
79
  flex-direction: column;
79
80
  margin-bottom: var(--confirmation-hint-phones-margin-bottom);
80
81
  }
81
- .confirmation__phonesWrap_7ztr9.confirmation__phonesWrapMobile_7ztr9 {
82
+ .confirmation__phonesWrap_18kc4.confirmation__phonesWrapMobile_18kc4 {
82
83
  margin-bottom: var(--confirmation-hint-phones-margin-bottom-mobile);
83
84
  }
84
- .confirmation__phoneWrap_7ztr9 {
85
+ .confirmation__phoneWrap_18kc4 {
85
86
  margin-bottom: var(--confirmation-hint-phone-item-margin-bottom);
86
87
  }
87
- .confirmation__phoneWrap_7ztr9:last-child {
88
+ .confirmation__phoneWrap_18kc4:last-child {
88
89
  margin-bottom: var(--gap-0);
89
90
  }
90
- .confirmation__phoneWrap_7ztr9.confirmation__phoneWrapMobile_7ztr9 {
91
+ .confirmation__phoneWrap_18kc4.confirmation__phoneWrapMobile_18kc4 {
91
92
  margin-bottom: var(--confirmation-hint-phone-item-margin-bottom-mobile);
92
93
  }
93
- .confirmation__phoneWrap_7ztr9.confirmation__phoneWrapMobile_7ztr9:last-child {
94
+ .confirmation__phoneWrap_18kc4.confirmation__phoneWrapMobile_18kc4:last-child {
94
95
  margin-bottom: var(--gap-0);
95
96
  }
96
- .confirmation__phoneLink_7ztr9.confirmation__phoneLink_7ztr9 {
97
+ .confirmation__phoneLink_18kc4.confirmation__phoneLink_18kc4 {
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_7ztr9.confirmation__phoneLinkMobile_7ztr9 {
104
+ .confirmation__phoneLink_18kc4.confirmation__phoneLinkMobile_18kc4 {
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_7ztr9 {
109
+ .confirmation__hintButton_18kc4 {
108
110
  margin-top: var(--confirmation-hint-button-margin-top);
109
111
  }
110
- .confirmation__hintButton_7ztr9.confirmation__hintButtonMobile_7ztr9 {
112
+ .confirmation__hintButton_18kc4.confirmation__hintButtonMobile_18kc4 {
111
113
  margin-top: var(--confirmation-hint-button-margin-top-mobile);
112
114
  }
113
- .confirmation__phoneContentMobile_7ztr9 {
115
+ .confirmation__phoneContentMobile_18kc4 {
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_7ztr9","center":"confirmation__center_7ztr9","text":"confirmation__text_7ztr9","textMobile":"confirmation__textMobile_7ztr9","typographyTheme":"confirmation__typographyTheme_7ztr9","typographyThemeMobile":"confirmation__typographyThemeMobile_7ztr9","phoneDescription":"confirmation__phoneDescription_7ztr9","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_7ztr9","phonesWrap":"confirmation__phonesWrap_7ztr9","phonesWrapMobile":"confirmation__phonesWrapMobile_7ztr9","phoneWrap":"confirmation__phoneWrap_7ztr9","phoneWrapMobile":"confirmation__phoneWrapMobile_7ztr9","phoneLink":"confirmation__phoneLink_7ztr9","phoneLinkMobile":"confirmation__phoneLinkMobile_7ztr9","hintButton":"confirmation__hintButton_7ztr9","hintButtonMobile":"confirmation__hintButtonMobile_7ztr9","phoneContentMobile":"confirmation__phoneContentMobile_7ztr9"};
5
+ var styles = {"component":"confirmation__component_18kc4","center":"confirmation__center_18kc4","text":"confirmation__text_18kc4","textMobile":"confirmation__textMobile_18kc4","typographyTheme":"confirmation__typographyTheme_18kc4","typographyThemeMobile":"confirmation__typographyThemeMobile_18kc4","phoneDescription":"confirmation__phoneDescription_18kc4","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_18kc4","phonesWrap":"confirmation__phonesWrap_18kc4","phonesWrapMobile":"confirmation__phonesWrapMobile_18kc4","phoneWrap":"confirmation__phoneWrap_18kc4","phoneWrapMobile":"confirmation__phoneWrapMobile_18kc4","phoneLink":"confirmation__phoneLink_18kc4","phoneLinkMobile":"confirmation__phoneLinkMobile_18kc4","hintButton":"confirmation__hintButton_18kc4","hintButtonMobile":"confirmation__hintButtonMobile_18kc4","phoneContentMobile":"confirmation__phoneContentMobile_18kc4"};
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_130l0 {
51
+ .confirmation__component_4lyo5 {
51
52
  display: flex;
52
53
  flex-direction: column;
53
54
  }
54
- .confirmation__phone_130l0.confirmation__phone_130l0 {
55
+ .confirmation__phone_4lyo5.confirmation__phone_4lyo5 {
55
56
  color: var(--color-light-text-primary);
56
57
  margin-bottom: var(--confirmation-phone-margin-bottom);
57
58
  }
58
- .confirmation__phone_130l0.confirmation__phoneMobile_130l0 {
59
+ .confirmation__phone_4lyo5.confirmation__phoneMobile_4lyo5 {
59
60
  margin-bottom: var(--confirmation-phone-margin-bottom-mobile);
60
61
  }
61
- .confirmation__phoneLabel_130l0 {
62
+ .confirmation__phoneLabel_4lyo5 {
62
63
  color: var(--confirmation-phone-label-color);
63
64
  }
64
- .confirmation__phoneLabelMobile_130l0 {
65
+ .confirmation__phoneLabelMobile_4lyo5 {
65
66
  color: var(--confirmation-phone-label-color-mobile);
66
67
  }
67
- .confirmation__phoneNumber_130l0 {
68
+ .confirmation__phoneNumber_4lyo5 {
68
69
  color: var(--confirmation-phone-number-color);
69
70
  }
70
- .confirmation__phoneNumberMobile_130l0 {
71
+ .confirmation__phoneNumberMobile_4lyo5 {
71
72
  color: var(--confirmation-phone-number-color-mobile);
72
73
  }
73
- .confirmation__typographyTheme_130l0.confirmation__typographyTheme_130l0 {
74
+ .confirmation__typographyTheme_4lyo5.confirmation__typographyTheme_4lyo5 {
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_130l0.confirmation__typographyThemeMobile_130l0 {
82
+ .confirmation__typographyThemeMobile_4lyo5.confirmation__typographyThemeMobile_4lyo5 {
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_130l0 {
88
+ .confirmation__compact_4lyo5 {
88
89
  margin-bottom: var(--gap-24);
89
90
  }
90
- .confirmation__loaderWrap_130l0 {
91
+ .confirmation__loaderWrap_4lyo5 {
91
92
  display: flex;
92
93
  align-items: center;
93
94
  }
94
- .confirmation__left_130l0 {
95
+ .confirmation__left_4lyo5 {
95
96
  align-items: flex-start;
96
97
  }
97
- .confirmation__center_130l0 {
98
+ .confirmation__center_4lyo5 {
98
99
  align-items: center;
99
100
  text-align: center;
100
101
  }
101
- .confirmation__center_130l0 .confirmation__loaderWrap_130l0 {
102
+ .confirmation__center_4lyo5 .confirmation__loaderWrap_4lyo5 {
102
103
  justify-content: center;
103
104
  }
104
- .confirmation__center_130l0 .confirmation__countdownMobile_130l0 {
105
+ .confirmation__center_4lyo5 .confirmation__countdownMobile_4lyo5 {
105
106
  justify-content: center;
106
107
  }
107
- .confirmation__codeInput_130l0 {
108
+ .confirmation__codeInput_4lyo5 {
108
109
  margin-bottom: var(--confirmation-input-margin-bottom);
109
110
  }
110
- .confirmation__codeInput_130l0.confirmation__codeInputMobile_130l0 {
111
+ .confirmation__codeInput_4lyo5.confirmation__codeInputMobile_4lyo5 {
111
112
  margin-bottom: var(--confirmation-input-margin-bottom-mobile);
112
113
  }
113
- .confirmation__smsBtn_130l0.confirmation__smsBtn_130l0 {
114
+ .confirmation__smsBtn_4lyo5.confirmation__smsBtn_4lyo5 {
114
115
  min-height: var(--size-xs-height);
115
116
  }
116
- .confirmation__smsComeLink_130l0.confirmation__smsComeLink_130l0 {
117
+ .confirmation__smsComeLink_4lyo5.confirmation__smsComeLink_4lyo5 {
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_130l0.confirmation__countdownContainer_130l0 {
124
+ .confirmation__countdownContainer_4lyo5.confirmation__countdownContainer_4lyo5 {
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_130l0.confirmation__countdownMobile_130l0 {
129
+ .confirmation__countdownMobile_4lyo5.confirmation__countdownMobile_4lyo5 {
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_130l0.confirmation__loaderWrap_130l0 {
135
+ .confirmation__loaderWrap_4lyo5.confirmation__loaderWrap_4lyo5 {
134
136
  margin-bottom: var(--confirmation-countdown-loader-margin-bottom);
135
137
  }
136
- .confirmation__countdownLoaderMobile_130l0.confirmation__countdownLoaderMobile_130l0 {
138
+ .confirmation__countdownLoaderMobile_4lyo5.confirmation__countdownLoaderMobile_4lyo5 {
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_130l0 {
145
+ .confirmation__timeCounter_4lyo5 {
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_130l0 {
153
+ .confirmation__timeCounterMobile_4lyo5 {
152
154
  min-width: 0;
153
155
  text-align: inherit;
154
156
  }
155
- .confirmation__getCodeButton_130l0 {
157
+ .confirmation__getCodeButton_4lyo5 {
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_130l0 {
162
+ .confirmation__getCodeButtonMobile_4lyo5 {
161
163
  margin-bottom: var(--confirmation-code-button-margin-bottom-mobile);
162
164
  }
163
- .confirmation__getCodeButton_130l0.confirmation__getCodeButtonMobile_130l0 {
165
+ .confirmation__getCodeButton_4lyo5.confirmation__getCodeButtonMobile_4lyo5 {
164
166
  top: var(--confirmation-code-button-top-mobile);
165
167
  }
166
- .confirmation__containerInput_130l0 {
168
+ .confirmation__containerInput_4lyo5 {
167
169
  min-height: var(--confirmation-input-min-height);
168
170
  }
169
- .confirmation__containerInput_130l0.confirmation__codeInputMobile_130l0 {
171
+ .confirmation__containerInput_4lyo5.confirmation__codeInputMobile_4lyo5 {
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_130l0","phone":"confirmation__phone_130l0","phoneMobile":"confirmation__phoneMobile_130l0","phoneLabel":"confirmation__phoneLabel_130l0","phoneLabelMobile":"confirmation__phoneLabelMobile_130l0","phoneNumber":"confirmation__phoneNumber_130l0","phoneNumberMobile":"confirmation__phoneNumberMobile_130l0","typographyTheme":"confirmation__typographyTheme_130l0","typographyThemeMobile":"confirmation__typographyThemeMobile_130l0","compact":"confirmation__compact_130l0","loaderWrap":"confirmation__loaderWrap_130l0","left":"confirmation__left_130l0","center":"confirmation__center_130l0","countdownMobile":"confirmation__countdownMobile_130l0","codeInput":"confirmation__codeInput_130l0","codeInputMobile":"confirmation__codeInputMobile_130l0","smsBtn":"confirmation__smsBtn_130l0","smsComeLink":"confirmation__smsComeLink_130l0","countdownContainer":"confirmation__countdownContainer_130l0","countdownLoaderMobile":"confirmation__countdownLoaderMobile_130l0","timeCounter":"confirmation__timeCounter_130l0","timeCounterMobile":"confirmation__timeCounterMobile_130l0","getCodeButton":"confirmation__getCodeButton_130l0","getCodeButtonMobile":"confirmation__getCodeButtonMobile_130l0","containerInput":"confirmation__containerInput_130l0"};
5
+ var styles = {"component":"confirmation__component_4lyo5","phone":"confirmation__phone_4lyo5","phoneMobile":"confirmation__phoneMobile_4lyo5","phoneLabel":"confirmation__phoneLabel_4lyo5","phoneLabelMobile":"confirmation__phoneLabelMobile_4lyo5","phoneNumber":"confirmation__phoneNumber_4lyo5","phoneNumberMobile":"confirmation__phoneNumberMobile_4lyo5","typographyTheme":"confirmation__typographyTheme_4lyo5","typographyThemeMobile":"confirmation__typographyThemeMobile_4lyo5","compact":"confirmation__compact_4lyo5","loaderWrap":"confirmation__loaderWrap_4lyo5","left":"confirmation__left_4lyo5","center":"confirmation__center_4lyo5","countdownMobile":"confirmation__countdownMobile_4lyo5","codeInput":"confirmation__codeInput_4lyo5","codeInputMobile":"confirmation__codeInputMobile_4lyo5","smsBtn":"confirmation__smsBtn_4lyo5","smsComeLink":"confirmation__smsComeLink_4lyo5","countdownContainer":"confirmation__countdownContainer_4lyo5","countdownLoaderMobile":"confirmation__countdownLoaderMobile_4lyo5","timeCounter":"confirmation__timeCounter_4lyo5","timeCounterMobile":"confirmation__timeCounterMobile_4lyo5","getCodeButton":"confirmation__getCodeButton_4lyo5","getCodeButtonMobile":"confirmation__getCodeButtonMobile_4lyo5","containerInput":"confirmation__containerInput_4lyo5"};
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_ufit4 {
27
+ .confirmation__component_199ab {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  }
30
- .confirmation__center_ufit4 {
31
+ .confirmation__center_199ab {
31
32
  align-items: center;
32
33
  text-align: center;
33
34
  }
34
- .confirmation__typographyTheme_ufit4.confirmation__typographyTheme_ufit4 {
35
+ .confirmation__typographyTheme_199ab.confirmation__typographyTheme_199ab {
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_ufit4.confirmation__typographyThemeMobile_ufit4 {
44
+ .confirmation__typographyThemeMobile_199ab.confirmation__typographyThemeMobile_199ab {
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_ufit4.confirmation__description_ufit4 {
50
+ .confirmation__description_199ab.confirmation__description_199ab {
50
51
  margin-bottom: var(--confirmation-temp-block-description-margin-bottom);
51
52
  }
52
- .confirmation__description_ufit4.confirmation__descriptionMobile_ufit4 {
53
+ .confirmation__description_199ab.confirmation__descriptionMobile_199ab {
53
54
  margin-bottom: var(--confirmation-temp-block-description-margin-bottom-mobile);
54
55
  }
55
- .confirmation__countdownWrap_ufit4 {
56
+ .confirmation__countdownWrap_199ab {
56
57
  display: flex;
57
58
  align-items: center;
58
59
  }
59
- .confirmation__countdownWrapMobile_ufit4 {
60
+ .confirmation__countdownWrapMobile_199ab {
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_ufit4 {
65
+ .confirmation__timeCounter_199ab {
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_ufit4 {
73
+ .confirmation__loader_199ab {
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_ufit4","center":"confirmation__center_ufit4","typographyTheme":"confirmation__typographyTheme_ufit4","typographyThemeMobile":"confirmation__typographyThemeMobile_ufit4","description":"confirmation__description_ufit4","descriptionMobile":"confirmation__descriptionMobile_ufit4","countdownWrap":"confirmation__countdownWrap_ufit4","countdownWrapMobile":"confirmation__countdownWrapMobile_ufit4","timeCounter":"confirmation__timeCounter_ufit4","loader":"confirmation__loader_ufit4"};
5
+ var styles = {"component":"confirmation__component_199ab","center":"confirmation__center_199ab","typographyTheme":"confirmation__typographyTheme_199ab","typographyThemeMobile":"confirmation__typographyThemeMobile_199ab","description":"confirmation__description_199ab","descriptionMobile":"confirmation__descriptionMobile_199ab","countdownWrap":"confirmation__countdownWrap_199ab","countdownWrapMobile":"confirmation__countdownWrapMobile_199ab","timeCounter":"confirmation__timeCounter_199ab","loader":"confirmation__loader_199ab"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map