@alfalab/core-components-confirmation 15.2.3 → 15.2.4-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_tmqvi {
7
+ .confirmation__component_1oyx0 {
8
8
  width: 100%;
9
9
  max-width: 388px;
10
10
  color: var(--color-light-text-secondary);
11
11
  }
12
- .confirmation__component_tmqvi.confirmation__center_tmqvi {
12
+ .confirmation__component_1oyx0.confirmation__center_1oyx0 {
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_tmqvi","center":"confirmation__center_tmqvi"};
5
+ var styles = {"component":"confirmation__component_1oyx0","center":"confirmation__center_1oyx0"};
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_f4j6v {
4
+ .confirmation__circle_84x6q {
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_f4j6v"};
5
+ var styles = {"circle":"confirmation__circle_84x6q"};
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_1m9y1.confirmation__header_1m9y1 {
28
+ .confirmation__header_1wsiz.confirmation__header_1wsiz {
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_1m9y1.confirmation__headerMobile_1m9y1 {
37
+ .confirmation__headerMobile_1wsiz.confirmation__headerMobile_1wsiz {
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_1m9y1","headerMobile":"confirmation__headerMobile_1m9y1"};
5
+ var styles = {"header":"confirmation__header_1wsiz","headerMobile":"confirmation__headerMobile_1wsiz"};
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_16b39 {
27
+ .confirmation__component_adm1c {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  }
30
- .confirmation__typographyTheme_16b39.confirmation__typographyTheme_16b39 {
31
+ .confirmation__typographyTheme_adm1c.confirmation__typographyTheme_adm1c {
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_16b39.confirmation__typographyThemeMobile_16b39 {
40
+ .confirmation__typographyThemeMobile_adm1c.confirmation__typographyThemeMobile_adm1c {
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_16b39 {
46
+ .confirmation__left_adm1c {
46
47
  align-items: flex-start;
47
48
  }
48
- .confirmation__center_16b39 {
49
+ .confirmation__center_adm1c {
49
50
  align-items: center;
50
51
  text-align: center;
51
52
  }
52
- .confirmation__button_16b39.confirmation__button_16b39 {
53
+ .confirmation__button_adm1c.confirmation__button_adm1c {
53
54
  margin-top: var(--confirmation-fatal-error-button-margin-top);
54
55
  }
55
- .confirmation__button_16b39.confirmation__buttonMobile_16b39 {
56
+ .confirmation__button_adm1c.confirmation__buttonMobile_adm1c {
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_16b39","typographyTheme":"confirmation__typographyTheme_16b39","typographyThemeMobile":"confirmation__typographyThemeMobile_16b39","left":"confirmation__left_16b39","center":"confirmation__center_16b39","button":"confirmation__button_16b39","buttonMobile":"confirmation__buttonMobile_16b39"};
5
+ var styles = {"component":"confirmation__component_adm1c","typographyTheme":"confirmation__typographyTheme_adm1c","typographyThemeMobile":"confirmation__typographyThemeMobile_adm1c","left":"confirmation__left_adm1c","center":"confirmation__center_adm1c","button":"confirmation__button_adm1c","buttonMobile":"confirmation__buttonMobile_adm1c"};
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_ipr89 {
38
+ .confirmation__component_6lafb {
38
39
  display: flex;
39
40
  flex-direction: column;
40
41
  align-items: flex-start;
41
42
  }
42
- .confirmation__component_ipr89 span:last-of-type {
43
+ .confirmation__component_6lafb span:last-of-type {
43
44
  margin-bottom: var(--gap-0);
44
45
  }
45
- .confirmation__center_ipr89 {
46
+ .confirmation__center_6lafb {
46
47
  align-items: center;
47
48
  text-align: center;
48
49
  }
49
- .confirmation__text_ipr89.confirmation__text_ipr89 {
50
+ .confirmation__text_6lafb.confirmation__text_6lafb {
50
51
  margin-bottom: var(--confirmation-hint-text-margin-bottom);
51
52
  }
52
- .confirmation__text_ipr89.confirmation__textMobile_ipr89 {
53
+ .confirmation__text_6lafb.confirmation__textMobile_6lafb {
53
54
  margin-bottom: var(--confirmation-hint-text-margin-bottom-mobile);
54
55
  }
55
- .confirmation__typographyTheme_ipr89.confirmation__typographyTheme_ipr89 {
56
+ .confirmation__typographyTheme_6lafb.confirmation__typographyTheme_6lafb {
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_ipr89.confirmation__typographyThemeMobile_ipr89 {
65
+ .confirmation__typographyThemeMobile_6lafb.confirmation__typographyThemeMobile_6lafb {
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_ipr89.confirmation__phoneDescription_ipr89 {
71
+ .confirmation__phoneDescription_6lafb.confirmation__phoneDescription_6lafb {
71
72
  color: var(--confirmation-hint-phone-description-color);
72
73
  }
73
- .confirmation__phoneDescriptionMobile_ipr89.confirmation__phoneDescriptionMobile_ipr89 {
74
+ .confirmation__phoneDescriptionMobile_6lafb.confirmation__phoneDescriptionMobile_6lafb {
74
75
  color: var(--confirmation-hint-phone-description-color-mobile);
75
76
  }
76
- .confirmation__phonesWrap_ipr89 {
77
+ .confirmation__phonesWrap_6lafb {
77
78
  display: flex;
78
79
  flex-direction: column;
79
80
  margin-bottom: var(--confirmation-hint-phones-margin-bottom);
80
81
  }
81
- .confirmation__phonesWrap_ipr89.confirmation__phonesWrapMobile_ipr89 {
82
+ .confirmation__phonesWrap_6lafb.confirmation__phonesWrapMobile_6lafb {
82
83
  margin-bottom: var(--confirmation-hint-phones-margin-bottom-mobile);
83
84
  }
84
- .confirmation__phoneWrap_ipr89 {
85
+ .confirmation__phoneWrap_6lafb {
85
86
  margin-bottom: var(--confirmation-hint-phone-item-margin-bottom);
86
87
  }
87
- .confirmation__phoneWrap_ipr89:last-child {
88
+ .confirmation__phoneWrap_6lafb:last-child {
88
89
  margin-bottom: var(--gap-0);
89
90
  }
90
- .confirmation__phoneWrap_ipr89.confirmation__phoneWrapMobile_ipr89 {
91
+ .confirmation__phoneWrap_6lafb.confirmation__phoneWrapMobile_6lafb {
91
92
  margin-bottom: var(--confirmation-hint-phone-item-margin-bottom-mobile);
92
93
  }
93
- .confirmation__phoneWrap_ipr89.confirmation__phoneWrapMobile_ipr89:last-child {
94
+ .confirmation__phoneWrap_6lafb.confirmation__phoneWrapMobile_6lafb:last-child {
94
95
  margin-bottom: var(--gap-0);
95
96
  }
96
- .confirmation__phoneLink_ipr89.confirmation__phoneLink_ipr89 {
97
+ .confirmation__phoneLink_6lafb.confirmation__phoneLink_6lafb {
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_ipr89.confirmation__phoneLinkMobile_ipr89 {
104
+ .confirmation__phoneLink_6lafb.confirmation__phoneLinkMobile_6lafb {
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_ipr89 {
109
+ .confirmation__hintButton_6lafb {
108
110
  margin-top: var(--confirmation-hint-button-margin-top);
109
111
  }
110
- .confirmation__hintButton_ipr89.confirmation__hintButtonMobile_ipr89 {
112
+ .confirmation__hintButton_6lafb.confirmation__hintButtonMobile_6lafb {
111
113
  margin-top: var(--confirmation-hint-button-margin-top-mobile);
112
114
  }
113
- .confirmation__phoneContentMobile_ipr89 {
115
+ .confirmation__phoneContentMobile_6lafb {
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_ipr89","center":"confirmation__center_ipr89","text":"confirmation__text_ipr89","textMobile":"confirmation__textMobile_ipr89","typographyTheme":"confirmation__typographyTheme_ipr89","typographyThemeMobile":"confirmation__typographyThemeMobile_ipr89","phoneDescription":"confirmation__phoneDescription_ipr89","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_ipr89","phonesWrap":"confirmation__phonesWrap_ipr89","phonesWrapMobile":"confirmation__phonesWrapMobile_ipr89","phoneWrap":"confirmation__phoneWrap_ipr89","phoneWrapMobile":"confirmation__phoneWrapMobile_ipr89","phoneLink":"confirmation__phoneLink_ipr89","phoneLinkMobile":"confirmation__phoneLinkMobile_ipr89","hintButton":"confirmation__hintButton_ipr89","hintButtonMobile":"confirmation__hintButtonMobile_ipr89","phoneContentMobile":"confirmation__phoneContentMobile_ipr89"};
5
+ var styles = {"component":"confirmation__component_6lafb","center":"confirmation__center_6lafb","text":"confirmation__text_6lafb","textMobile":"confirmation__textMobile_6lafb","typographyTheme":"confirmation__typographyTheme_6lafb","typographyThemeMobile":"confirmation__typographyThemeMobile_6lafb","phoneDescription":"confirmation__phoneDescription_6lafb","phoneDescriptionMobile":"confirmation__phoneDescriptionMobile_6lafb","phonesWrap":"confirmation__phonesWrap_6lafb","phonesWrapMobile":"confirmation__phonesWrapMobile_6lafb","phoneWrap":"confirmation__phoneWrap_6lafb","phoneWrapMobile":"confirmation__phoneWrapMobile_6lafb","phoneLink":"confirmation__phoneLink_6lafb","phoneLinkMobile":"confirmation__phoneLinkMobile_6lafb","hintButton":"confirmation__hintButton_6lafb","hintButtonMobile":"confirmation__hintButtonMobile_6lafb","phoneContentMobile":"confirmation__phoneContentMobile_6lafb"};
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_6hofo {
51
+ .confirmation__component_adg86 {
51
52
  display: flex;
52
53
  flex-direction: column;
53
54
  }
54
- .confirmation__phone_6hofo.confirmation__phone_6hofo {
55
+ .confirmation__phone_adg86.confirmation__phone_adg86 {
55
56
  color: var(--color-light-text-primary);
56
57
  margin-bottom: var(--confirmation-phone-margin-bottom);
57
58
  }
58
- .confirmation__phone_6hofo.confirmation__phoneMobile_6hofo {
59
+ .confirmation__phone_adg86.confirmation__phoneMobile_adg86 {
59
60
  margin-bottom: var(--confirmation-phone-margin-bottom-mobile);
60
61
  }
61
- .confirmation__phoneLabel_6hofo {
62
+ .confirmation__phoneLabel_adg86 {
62
63
  color: var(--confirmation-phone-label-color);
63
64
  }
64
- .confirmation__phoneLabelMobile_6hofo {
65
+ .confirmation__phoneLabelMobile_adg86 {
65
66
  color: var(--confirmation-phone-label-color-mobile);
66
67
  }
67
- .confirmation__phoneNumber_6hofo {
68
+ .confirmation__phoneNumber_adg86 {
68
69
  color: var(--confirmation-phone-number-color);
69
70
  }
70
- .confirmation__phoneNumberMobile_6hofo {
71
+ .confirmation__phoneNumberMobile_adg86 {
71
72
  color: var(--confirmation-phone-number-color-mobile);
72
73
  }
73
- .confirmation__typographyTheme_6hofo.confirmation__typographyTheme_6hofo {
74
+ .confirmation__typographyTheme_adg86.confirmation__typographyTheme_adg86 {
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_6hofo.confirmation__typographyThemeMobile_6hofo {
82
+ .confirmation__typographyThemeMobile_adg86.confirmation__typographyThemeMobile_adg86 {
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_6hofo {
88
+ .confirmation__compact_adg86 {
88
89
  margin-bottom: var(--gap-24);
89
90
  }
90
- .confirmation__loaderWrap_6hofo {
91
+ .confirmation__loaderWrap_adg86 {
91
92
  display: flex;
92
93
  align-items: center;
93
94
  }
94
- .confirmation__left_6hofo {
95
+ .confirmation__left_adg86 {
95
96
  align-items: flex-start;
96
97
  }
97
- .confirmation__center_6hofo {
98
+ .confirmation__center_adg86 {
98
99
  align-items: center;
99
100
  text-align: center;
100
101
  }
101
- .confirmation__center_6hofo .confirmation__loaderWrap_6hofo {
102
+ .confirmation__center_adg86 .confirmation__loaderWrap_adg86 {
102
103
  justify-content: center;
103
104
  }
104
- .confirmation__center_6hofo .confirmation__countdownMobile_6hofo {
105
+ .confirmation__center_adg86 .confirmation__countdownMobile_adg86 {
105
106
  justify-content: center;
106
107
  }
107
- .confirmation__codeInput_6hofo {
108
+ .confirmation__codeInput_adg86 {
108
109
  margin-bottom: var(--confirmation-input-margin-bottom);
109
110
  }
110
- .confirmation__codeInput_6hofo.confirmation__codeInputMobile_6hofo {
111
+ .confirmation__codeInput_adg86.confirmation__codeInputMobile_adg86 {
111
112
  margin-bottom: var(--confirmation-input-margin-bottom-mobile);
112
113
  }
113
- .confirmation__smsBtn_6hofo.confirmation__smsBtn_6hofo {
114
+ .confirmation__smsBtn_adg86.confirmation__smsBtn_adg86 {
114
115
  min-height: var(--size-xs-height);
115
116
  }
116
- .confirmation__smsComeLink_6hofo.confirmation__smsComeLink_6hofo {
117
+ .confirmation__smsComeLink_adg86.confirmation__smsComeLink_adg86 {
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_6hofo.confirmation__countdownContainer_6hofo {
124
+ .confirmation__countdownContainer_adg86.confirmation__countdownContainer_adg86 {
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_6hofo.confirmation__countdownMobile_6hofo {
129
+ .confirmation__countdownMobile_adg86.confirmation__countdownMobile_adg86 {
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_6hofo.confirmation__loaderWrap_6hofo {
135
+ .confirmation__loaderWrap_adg86.confirmation__loaderWrap_adg86 {
134
136
  margin-bottom: var(--confirmation-countdown-loader-margin-bottom);
135
137
  }
136
- .confirmation__countdownLoaderMobile_6hofo.confirmation__countdownLoaderMobile_6hofo {
138
+ .confirmation__countdownLoaderMobile_adg86.confirmation__countdownLoaderMobile_adg86 {
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_6hofo {
145
+ .confirmation__timeCounter_adg86 {
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_6hofo {
153
+ .confirmation__timeCounterMobile_adg86 {
152
154
  min-width: 0;
153
155
  text-align: inherit;
154
156
  }
155
- .confirmation__getCodeButton_6hofo {
157
+ .confirmation__getCodeButton_adg86 {
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_6hofo {
162
+ .confirmation__getCodeButtonMobile_adg86 {
161
163
  margin-bottom: var(--confirmation-code-button-margin-bottom-mobile);
162
164
  }
163
- .confirmation__getCodeButton_6hofo.confirmation__getCodeButtonMobile_6hofo {
165
+ .confirmation__getCodeButton_adg86.confirmation__getCodeButtonMobile_adg86 {
164
166
  top: var(--confirmation-code-button-top-mobile);
165
167
  }
166
- .confirmation__containerInput_6hofo {
168
+ .confirmation__containerInput_adg86 {
167
169
  min-height: var(--confirmation-input-min-height);
168
170
  }
169
- .confirmation__containerInput_6hofo.confirmation__codeInputMobile_6hofo {
171
+ .confirmation__containerInput_adg86.confirmation__codeInputMobile_adg86 {
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_6hofo","phone":"confirmation__phone_6hofo","phoneMobile":"confirmation__phoneMobile_6hofo","phoneLabel":"confirmation__phoneLabel_6hofo","phoneLabelMobile":"confirmation__phoneLabelMobile_6hofo","phoneNumber":"confirmation__phoneNumber_6hofo","phoneNumberMobile":"confirmation__phoneNumberMobile_6hofo","typographyTheme":"confirmation__typographyTheme_6hofo","typographyThemeMobile":"confirmation__typographyThemeMobile_6hofo","compact":"confirmation__compact_6hofo","loaderWrap":"confirmation__loaderWrap_6hofo","left":"confirmation__left_6hofo","center":"confirmation__center_6hofo","countdownMobile":"confirmation__countdownMobile_6hofo","codeInput":"confirmation__codeInput_6hofo","codeInputMobile":"confirmation__codeInputMobile_6hofo","smsBtn":"confirmation__smsBtn_6hofo","smsComeLink":"confirmation__smsComeLink_6hofo","countdownContainer":"confirmation__countdownContainer_6hofo","countdownLoaderMobile":"confirmation__countdownLoaderMobile_6hofo","timeCounter":"confirmation__timeCounter_6hofo","timeCounterMobile":"confirmation__timeCounterMobile_6hofo","getCodeButton":"confirmation__getCodeButton_6hofo","getCodeButtonMobile":"confirmation__getCodeButtonMobile_6hofo","containerInput":"confirmation__containerInput_6hofo"};
5
+ var styles = {"component":"confirmation__component_adg86","phone":"confirmation__phone_adg86","phoneMobile":"confirmation__phoneMobile_adg86","phoneLabel":"confirmation__phoneLabel_adg86","phoneLabelMobile":"confirmation__phoneLabelMobile_adg86","phoneNumber":"confirmation__phoneNumber_adg86","phoneNumberMobile":"confirmation__phoneNumberMobile_adg86","typographyTheme":"confirmation__typographyTheme_adg86","typographyThemeMobile":"confirmation__typographyThemeMobile_adg86","compact":"confirmation__compact_adg86","loaderWrap":"confirmation__loaderWrap_adg86","left":"confirmation__left_adg86","center":"confirmation__center_adg86","countdownMobile":"confirmation__countdownMobile_adg86","codeInput":"confirmation__codeInput_adg86","codeInputMobile":"confirmation__codeInputMobile_adg86","smsBtn":"confirmation__smsBtn_adg86","smsComeLink":"confirmation__smsComeLink_adg86","countdownContainer":"confirmation__countdownContainer_adg86","countdownLoaderMobile":"confirmation__countdownLoaderMobile_adg86","timeCounter":"confirmation__timeCounter_adg86","timeCounterMobile":"confirmation__timeCounterMobile_adg86","getCodeButton":"confirmation__getCodeButton_adg86","getCodeButtonMobile":"confirmation__getCodeButtonMobile_adg86","containerInput":"confirmation__containerInput_adg86"};
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_1j40h {
27
+ .confirmation__component_f4nis {
27
28
  display: flex;
28
29
  flex-direction: column;
29
30
  }
30
- .confirmation__center_1j40h {
31
+ .confirmation__center_f4nis {
31
32
  align-items: center;
32
33
  text-align: center;
33
34
  }
34
- .confirmation__typographyTheme_1j40h.confirmation__typographyTheme_1j40h {
35
+ .confirmation__typographyTheme_f4nis.confirmation__typographyTheme_f4nis {
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_1j40h.confirmation__typographyThemeMobile_1j40h {
44
+ .confirmation__typographyThemeMobile_f4nis.confirmation__typographyThemeMobile_f4nis {
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_1j40h.confirmation__description_1j40h {
50
+ .confirmation__description_f4nis.confirmation__description_f4nis {
50
51
  margin-bottom: var(--confirmation-temp-block-description-margin-bottom);
51
52
  }
52
- .confirmation__description_1j40h.confirmation__descriptionMobile_1j40h {
53
+ .confirmation__description_f4nis.confirmation__descriptionMobile_f4nis {
53
54
  margin-bottom: var(--confirmation-temp-block-description-margin-bottom-mobile);
54
55
  }
55
- .confirmation__countdownWrap_1j40h {
56
+ .confirmation__countdownWrap_f4nis {
56
57
  display: flex;
57
58
  align-items: center;
58
59
  }
59
- .confirmation__countdownWrapMobile_1j40h {
60
+ .confirmation__countdownWrapMobile_f4nis {
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_1j40h {
65
+ .confirmation__timeCounter_f4nis {
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_1j40h {
73
+ .confirmation__loader_f4nis {
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_1j40h","center":"confirmation__center_1j40h","typographyTheme":"confirmation__typographyTheme_1j40h","typographyThemeMobile":"confirmation__typographyThemeMobile_1j40h","description":"confirmation__description_1j40h","descriptionMobile":"confirmation__descriptionMobile_1j40h","countdownWrap":"confirmation__countdownWrap_1j40h","countdownWrapMobile":"confirmation__countdownWrapMobile_1j40h","timeCounter":"confirmation__timeCounter_1j40h","loader":"confirmation__loader_1j40h"};
5
+ var styles = {"component":"confirmation__component_f4nis","center":"confirmation__center_f4nis","typographyTheme":"confirmation__typographyTheme_f4nis","typographyThemeMobile":"confirmation__typographyThemeMobile_f4nis","description":"confirmation__description_f4nis","descriptionMobile":"confirmation__descriptionMobile_f4nis","countdownWrap":"confirmation__countdownWrap_f4nis","countdownWrapMobile":"confirmation__countdownWrapMobile_f4nis","timeCounter":"confirmation__timeCounter_f4nis","loader":"confirmation__loader_f4nis"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map