@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/esm/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/esm/components/screens/initial/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- 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"};
3
+ 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"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/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/esm/components/screens/temp-block/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- 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"};
3
+ 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"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/screens/temp-block-over/index.css CHANGED
@@ -6,46 +6,47 @@
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-temp-block-over-button-margin-top: var(--gap-32);
22
23
  --confirmation-temp-block-over-button-margin-top-mobile: var(--gap-32);
23
24
  }
24
- .confirmation__component_6bvt6 {
25
+ .confirmation__component_1c27j {
25
26
  display: flex;
26
27
  flex-direction: column;
27
28
  }
28
- .confirmation__center_6bvt6 {
29
+ .confirmation__center_1c27j {
29
30
  align-items: center;
30
31
  text-align: center;
31
32
  }
32
- .confirmation__typographyTheme_6bvt6.confirmation__typographyTheme_6bvt6 {
33
+ .confirmation__typographyTheme_1c27j.confirmation__typographyTheme_1c27j {
33
34
  font-size: var(--confirmation-text-font-size);
34
35
  line-height: var(--confirmation-text-line-height);
35
36
  letter-spacing: var(--confirmation-text-letter-spacing);
36
37
  font-weight: var(--confirmation-text-font-weight);
37
- font-family: var(--font-family-system);
38
+ font-family: var(--font-family-alfasans);
38
39
  color: var(--confirmation-text-color);
39
40
  }
40
- .confirmation__typographyThemeMobile_6bvt6.confirmation__typographyThemeMobile_6bvt6 {
41
+ .confirmation__typographyThemeMobile_1c27j.confirmation__typographyThemeMobile_1c27j {
41
42
  font-size: var(--confirmation-text-font-size-mobile);
42
43
  line-height: var(--confirmation-text-line-height-mobile);
43
44
  letter-spacing: var(--confirmation-text-letter-spacing-mobile);
44
45
  color: var(--color-light-text-secondary);
45
46
  }
46
- .confirmation__button_6bvt6.confirmation__button_6bvt6 {
47
+ .confirmation__button_1c27j.confirmation__button_1c27j {
47
48
  margin-top: var(--confirmation-temp-block-over-button-margin-top);
48
49
  }
49
- .confirmation__button_6bvt6.confirmation__buttonMobile_6bvt6 {
50
+ .confirmation__button_1c27j.confirmation__buttonMobile_1c27j {
50
51
  margin-top: var(--confirmation-temp-block-over-button-margin-top-mobile);
51
52
  }
package/esm/components/screens/temp-block-over/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"confirmation__component_6bvt6","center":"confirmation__center_6bvt6","typographyTheme":"confirmation__typographyTheme_6bvt6","typographyThemeMobile":"confirmation__typographyThemeMobile_6bvt6","button":"confirmation__button_6bvt6","buttonMobile":"confirmation__buttonMobile_6bvt6"};
3
+ var styles = {"component":"confirmation__component_1c27j","center":"confirmation__center_1c27j","typographyTheme":"confirmation__typographyTheme_1c27j","typographyThemeMobile":"confirmation__typographyThemeMobile_1c27j","button":"confirmation__button_1c27j","buttonMobile":"confirmation__buttonMobile_1c27j"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/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/modern/components/base-confirmation/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"confirmation__component_1gynn","center":"confirmation__center_1gynn"};
3
+ const styles = {"component":"confirmation__component_1sw4g","center":"confirmation__center_1sw4g"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/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/modern/components/countdown-loader/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"circle":"confirmation__circle_3ptlj"};
3
+ const styles = {"circle":"confirmation__circle_c24n0"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/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/modern/components/header/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"header":"confirmation__header_nie0g","headerMobile":"confirmation__headerMobile_nie0g"};
3
+ const styles = {"header":"confirmation__header_1xw74","headerMobile":"confirmation__headerMobile_1xw74"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/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/modern/components/screens/fatal-error/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const 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"};
3
+ const 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"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map