@alfalab/core-components-confirmation 10.1.6 → 10.1.8

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 (59) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/component.js +2 -2
  3. package/dist/components/countdown-loader/component.js +1 -1
  4. package/dist/components/countdown-loader/index.css +2 -2
  5. package/dist/components/index.js +1 -1
  6. package/dist/components/screens/fatal-error/component.js +1 -1
  7. package/dist/components/screens/fatal-error/index.css +3 -3
  8. package/dist/components/screens/hint/component.js +1 -1
  9. package/dist/components/screens/hint/index.css +13 -13
  10. package/dist/components/screens/index.js +1 -1
  11. package/dist/components/screens/initial/component.js +1 -1
  12. package/dist/components/screens/initial/countdown-section.js +1 -1
  13. package/dist/components/screens/initial/index.css +15 -15
  14. package/dist/components/screens/initial/index.js +1 -1
  15. package/dist/components/screens/temp-block/component.js +1 -1
  16. package/dist/components/screens/temp-block/index.css +5 -5
  17. package/dist/{countdown-section-a6939541.d.ts → countdown-section-093d748b.d.ts} +0 -0
  18. package/dist/{countdown-section-a6939541.js → countdown-section-093d748b.js} +1 -1
  19. package/dist/esm/component.js +2 -2
  20. package/dist/esm/components/countdown-loader/component.js +1 -1
  21. package/dist/esm/components/countdown-loader/index.css +2 -2
  22. package/dist/esm/components/index.js +1 -1
  23. package/dist/esm/components/screens/fatal-error/component.js +1 -1
  24. package/dist/esm/components/screens/fatal-error/index.css +3 -3
  25. package/dist/esm/components/screens/hint/component.js +1 -1
  26. package/dist/esm/components/screens/hint/index.css +13 -13
  27. package/dist/esm/components/screens/index.js +1 -1
  28. package/dist/esm/components/screens/initial/component.js +1 -1
  29. package/dist/esm/components/screens/initial/countdown-section.js +1 -1
  30. package/dist/esm/components/screens/initial/index.css +15 -15
  31. package/dist/esm/components/screens/initial/index.js +1 -1
  32. package/dist/esm/components/screens/temp-block/component.js +1 -1
  33. package/dist/esm/components/screens/temp-block/index.css +5 -5
  34. package/dist/esm/{countdown-section-9e045680.d.ts → countdown-section-1fdb4e34.d.ts} +0 -0
  35. package/dist/esm/{countdown-section-9e045680.js → countdown-section-1fdb4e34.js} +1 -1
  36. package/dist/esm/index.css +3 -3
  37. package/dist/esm/index.js +1 -1
  38. package/dist/index.css +3 -3
  39. package/dist/index.js +1 -1
  40. package/dist/modern/component.js +2 -2
  41. package/dist/modern/components/countdown-loader/component.js +1 -1
  42. package/dist/modern/components/countdown-loader/index.css +2 -2
  43. package/dist/modern/components/index.js +1 -1
  44. package/dist/modern/components/screens/fatal-error/component.js +1 -1
  45. package/dist/modern/components/screens/fatal-error/index.css +3 -3
  46. package/dist/modern/components/screens/hint/component.js +1 -1
  47. package/dist/modern/components/screens/hint/index.css +13 -13
  48. package/dist/modern/components/screens/index.js +1 -1
  49. package/dist/modern/components/screens/initial/component.js +1 -1
  50. package/dist/modern/components/screens/initial/countdown-section.js +1 -1
  51. package/dist/modern/components/screens/initial/index.css +15 -15
  52. package/dist/modern/components/screens/initial/index.js +1 -1
  53. package/dist/modern/components/screens/temp-block/component.js +1 -1
  54. package/dist/modern/components/screens/temp-block/index.css +5 -5
  55. package/dist/modern/{countdown-section-a2c4f1ad.d.ts → countdown-section-46ead40f.d.ts} +0 -0
  56. package/dist/modern/{countdown-section-a2c4f1ad.js → countdown-section-46ead40f.js} +1 -1
  57. package/dist/modern/index.css +3 -3
  58. package/dist/modern/index.js +1 -1
  59. package/package.json +4 -4
@@ -1,4 +1,4 @@
1
- /* hash: 18c5z */
1
+ /* hash: 96ivm */
2
2
  :root {
3
3
  --color-light-text-primary: #0b1f35;
4
4
  }
@@ -36,11 +36,11 @@
36
36
 
37
37
  /* input */
38
38
  }
39
- .confirmation__component_1l0m2 {
39
+ .confirmation__component_1j680 {
40
40
  display: flex;
41
41
  flex-direction: column;
42
42
  }
43
- .confirmation__header_1l0m2 {
43
+ .confirmation__header_1j680 {
44
44
  margin: 0;
45
45
  margin-bottom: var(--gap-xl);
46
46
  font-size: var(--confirmation-title-font-size);
@@ -50,47 +50,47 @@
50
50
  color: var(--confirmation-title-color);
51
51
  font-feature-settings: var(--confirmation-title-font-feature-settings);
52
52
  }
53
- .confirmation__phone_1l0m2 {
53
+ .confirmation__phone_1j680 {
54
54
  margin-bottom: var(--gap-2xl);
55
55
  color: var(--color-light-text-primary);
56
56
  }
57
- .confirmation__inputContainer_1l0m2 {
57
+ .confirmation__inputContainer_1j680 {
58
58
  display: flex;
59
59
  flex-direction: column;
60
60
  margin-bottom: var(--gap-2xl);
61
61
  }
62
- .confirmation__compact_1l0m2 {
62
+ .confirmation__compact_1j680 {
63
63
  margin-bottom: var(--gap-xl);
64
64
  }
65
- .confirmation__loaderWrap_1l0m2 {
65
+ .confirmation__loaderWrap_1j680 {
66
66
  display: flex;
67
67
  align-items: center;
68
68
  }
69
- .confirmation__center_1l0m2 {
69
+ .confirmation__center_1j680 {
70
70
  align-items: center;
71
71
  text-align: center
72
72
  }
73
- .confirmation__center_1l0m2 .confirmation__codeInput_1l0m2,
74
- .confirmation__center_1l0m2 .confirmation__loaderWrap_1l0m2 {
73
+ .confirmation__center_1j680 .confirmation__codeInput_1j680,
74
+ .confirmation__center_1j680 .confirmation__loaderWrap_1j680 {
75
75
  justify-content: center;
76
76
  }
77
- .confirmation__smsComeLink_1l0m2 {
77
+ .confirmation__smsComeLink_1j680 {
78
78
  font-size: 14px;
79
79
  line-height: 20px;
80
80
  font-weight: 400;
81
81
  }
82
- .confirmation__countdownContainer_1l0m2 {
82
+ .confirmation__countdownContainer_1j680 {
83
83
  margin-bottom: var(--gap-xl);
84
84
  }
85
- .confirmation__getCodeButton_1l0m2 {
85
+ .confirmation__getCodeButton_1j680 {
86
86
  position: relative;
87
87
  top: var(--gap-2xs-neg);
88
88
  margin-bottom: var(--gap-m);
89
89
  }
90
- .confirmation__countdown_1l0m2 {
90
+ .confirmation__countdown_1j680 {
91
91
  display: flex;
92
92
  }
93
- .confirmation__countdownTimer_1l0m2 {
93
+ .confirmation__countdownTimer_1j680 {
94
94
  display: flex;
95
95
  justify-content: flex-start;
96
96
  min-width: 45px;
@@ -5,7 +5,7 @@ import '../../../utils.js';
5
5
  import '../../../context.js';
6
6
  import '@alfalab/core-components-code-input/dist/esm';
7
7
  import '@alfalab/core-components-link/dist/esm';
8
- import '../../../countdown-section-9e045680.js';
8
+ import '../../../countdown-section-1fdb4e34.js';
9
9
  import '@alfalab/core-components-loader/dist/esm';
10
10
  import '@alfalab/core-components-button/dist/esm';
11
11
  export { Initial } from './component.js';
@@ -3,7 +3,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
3
3
  import { ConfirmationContext } from '../../../context.js';
4
4
  import { CountdownLoader } from '../../countdown-loader/component.js';
5
5
 
6
- var styles = {"header":"confirmation__header_55ywu","description":"confirmation__description_55ywu","countdownWrap":"confirmation__countdownWrap_55ywu","loader":"confirmation__loader_55ywu"};
6
+ var styles = {"header":"confirmation__header_1m5kd","description":"confirmation__description_1m5kd","countdownWrap":"confirmation__countdownWrap_1m5kd","loader":"confirmation__loader_1m5kd"};
7
7
  require('./index.css')
8
8
 
9
9
  var TempBlock = function () {
@@ -1,4 +1,4 @@
1
- /* hash: 1kcdh */
1
+ /* hash: l6qe6 */
2
2
  :root {
3
3
  --color-light-text-primary: #0b1f35;
4
4
  --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
40
40
 
41
41
  /* input */
42
42
  }
43
- .confirmation__header_55ywu {
43
+ .confirmation__header_1m5kd {
44
44
  margin: 0;
45
45
  margin-bottom: var(--gap-xl);
46
46
  font-size: var(--confirmation-title-font-size);
@@ -50,7 +50,7 @@
50
50
  color: var(--confirmation-title-color);
51
51
  font-feature-settings: var(--confirmation-title-font-feature-settings);
52
52
  }
53
- .confirmation__description_55ywu {
53
+ .confirmation__description_1m5kd {
54
54
  font-size: var(--confirmation-text-font-size);
55
55
  line-height: var(--confirmation-text-line-height);
56
56
  font-weight: var(--confirmation-text-font-weight);
@@ -59,10 +59,10 @@
59
59
 
60
60
  margin-bottom: var(--gap-2xl);
61
61
  }
62
- .confirmation__countdownWrap_55ywu {
62
+ .confirmation__countdownWrap_1m5kd {
63
63
  display: flex;
64
64
  align-items: center;
65
65
  }
66
- .confirmation__loader_55ywu {
66
+ .confirmation__loader_1m5kd {
67
67
  margin-right: var(--gap-xs);
68
68
  }
@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
5
5
  import { Loader } from '@alfalab/core-components-loader/dist/esm';
6
6
  import { Button } from '@alfalab/core-components-button/dist/esm';
7
7
 
8
- var styles = {"component":"confirmation__component_1l0m2","header":"confirmation__header_1l0m2","phone":"confirmation__phone_1l0m2","inputContainer":"confirmation__inputContainer_1l0m2","compact":"confirmation__compact_1l0m2","loaderWrap":"confirmation__loaderWrap_1l0m2","center":"confirmation__center_1l0m2","codeInput":"confirmation__codeInput_1l0m2","smsComeLink":"confirmation__smsComeLink_1l0m2","countdownContainer":"confirmation__countdownContainer_1l0m2","getCodeButton":"confirmation__getCodeButton_1l0m2","countdown":"confirmation__countdown_1l0m2","countdownTimer":"confirmation__countdownTimer_1l0m2"};
8
+ var styles = {"component":"confirmation__component_1j680","header":"confirmation__header_1j680","phone":"confirmation__phone_1j680","inputContainer":"confirmation__inputContainer_1j680","compact":"confirmation__compact_1j680","loaderWrap":"confirmation__loaderWrap_1j680","center":"confirmation__center_1j680","codeInput":"confirmation__codeInput_1j680","smsComeLink":"confirmation__smsComeLink_1j680","countdownContainer":"confirmation__countdownContainer_1j680","getCodeButton":"confirmation__getCodeButton_1j680","countdown":"confirmation__countdown_1j680","countdownTimer":"confirmation__countdownTimer_1j680"};
9
9
  require('./components/screens/initial/index.css')
10
10
 
11
11
  var CountdownSection = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: v5r0s */
1
+ /* hash: 133qh */
2
2
  :root {
3
3
  --color-light-text-secondary: #546272;
4
4
  }
@@ -28,7 +28,7 @@
28
28
 
29
29
  /* input */
30
30
  }
31
- .confirmation__component_c34vk {
31
+ .confirmation__component_1m9wy {
32
32
  font-size: var(--confirmation-text-font-size);
33
33
  line-height: var(--confirmation-text-line-height);
34
34
  font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
41
41
  max-width: 400px;
42
42
  margin: 0 auto;
43
43
  }
44
- .confirmation__center_c34vk {
44
+ .confirmation__center_1m9wy {
45
45
  align-items: center;
46
46
  text-align: center;
47
47
  }
package/dist/esm/index.js CHANGED
@@ -7,7 +7,7 @@ export { ConfirmationContext } from './context.js';
7
7
  export { defaultTexts } from './types.js';
8
8
  import '@alfalab/core-components-code-input/dist/esm';
9
9
  import '@alfalab/core-components-link/dist/esm';
10
- import './countdown-section-9e045680.js';
10
+ import './countdown-section-1fdb4e34.js';
11
11
  import '@alfalab/core-components-loader/dist/esm';
12
12
  import '@alfalab/core-components-button/dist/esm';
13
13
  export { Initial } from './components/screens/initial/component.js';
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: v5r0s */
1
+ /* hash: 133qh */
2
2
  :root {
3
3
  --color-light-text-secondary: #546272;
4
4
  }
@@ -28,7 +28,7 @@
28
28
 
29
29
  /* input */
30
30
  }
31
- .confirmation__component_c34vk {
31
+ .confirmation__component_1m9wy {
32
32
  font-size: var(--confirmation-text-font-size);
33
33
  line-height: var(--confirmation-text-line-height);
34
34
  font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
41
41
  max-width: 400px;
42
42
  margin: 0 auto;
43
43
  }
44
- .confirmation__center_c34vk {
44
+ .confirmation__center_1m9wy {
45
45
  align-items: center;
46
46
  text-align: center;
47
47
  }
package/dist/index.js CHANGED
@@ -11,7 +11,7 @@ var context = require('./context.js');
11
11
  var types = require('./types.js');
12
12
  require('@alfalab/core-components-code-input');
13
13
  require('@alfalab/core-components-link');
14
- require('./countdown-section-a6939541.js');
14
+ require('./countdown-section-093d748b.js');
15
15
  require('@alfalab/core-components-loader');
16
16
  require('@alfalab/core-components-button');
17
17
  var components_screens_initial_component = require('./components/screens/initial/component.js');
@@ -6,7 +6,7 @@ import { ConfirmationContext } from './context.js';
6
6
  import { defaultTexts } from './types.js';
7
7
  import '@alfalab/core-components-code-input/dist/modern';
8
8
  import '@alfalab/core-components-link/dist/modern';
9
- import './countdown-section-a2c4f1ad.js';
9
+ import './countdown-section-46ead40f.js';
10
10
  import '@alfalab/core-components-loader/dist/modern';
11
11
  import '@alfalab/core-components-button/dist/modern';
12
12
  import { Initial } from './components/screens/initial/component.js';
@@ -15,7 +15,7 @@ import { FatalError } from './components/screens/fatal-error/component.js';
15
15
  import './components/countdown-loader/component.js';
16
16
  import { TempBlock } from './components/screens/temp-block/component.js';
17
17
 
18
- var styles = {"component":"confirmation__component_c34vk","center":"confirmation__center_c34vk"};
18
+ var styles = {"component":"confirmation__component_1m9wy","center":"confirmation__center_1m9wy"};
19
19
  require('./index.css')
20
20
 
21
21
  const confirmationScreens = {
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- var styles = {"circle":"confirmation__circle_150ny"};
3
+ var styles = {"circle":"confirmation__circle_b8uth"};
4
4
  require('./index.css')
5
5
 
6
6
  const SIZE = 16;
@@ -1,4 +1,4 @@
1
- /* hash: 1bonw */
1
+ /* hash: 13qog */
2
2
  :root {
3
3
  --color-light-graphic-tertiary: #b6bcc3;
4
4
  }
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* input */
21
21
  }
22
- .confirmation__circle_150ny {
22
+ .confirmation__circle_b8uth {
23
23
  fill: transparent;
24
24
  stroke: var(--color-light-graphic-tertiary);
25
25
  stroke-width: 2px;
@@ -5,7 +5,7 @@ import '../utils.js';
5
5
  import '../context.js';
6
6
  import '@alfalab/core-components-code-input/dist/modern';
7
7
  import '@alfalab/core-components-link/dist/modern';
8
- import '../countdown-section-a2c4f1ad.js';
8
+ import '../countdown-section-46ead40f.js';
9
9
  import '@alfalab/core-components-loader/dist/modern';
10
10
  import '@alfalab/core-components-button/dist/modern';
11
11
  export { Initial } from './screens/initial/component.js';
@@ -3,7 +3,7 @@ import '../../../utils.js';
3
3
  import { ConfirmationContext } from '../../../context.js';
4
4
  import { Button } from '@alfalab/core-components-button/dist/modern';
5
5
 
6
- var styles = {"header":"confirmation__header_r4uer","description":"confirmation__description_r4uer"};
6
+ var styles = {"header":"confirmation__header_ymbar","description":"confirmation__description_ymbar"};
7
7
  require('./index.css')
8
8
 
9
9
  const FatalError = () => {
@@ -1,4 +1,4 @@
1
- /* hash: y0n2d */
1
+ /* hash: 10yq0 */
2
2
  :root {
3
3
  --color-light-text-primary: #0b1f35;
4
4
  --color-light-text-secondary: #546272;
@@ -39,7 +39,7 @@
39
39
 
40
40
  /* input */
41
41
  }
42
- .confirmation__header_r4uer {
42
+ .confirmation__header_ymbar {
43
43
  margin: 0;
44
44
  margin-bottom: var(--gap-xl);
45
45
  font-size: var(--confirmation-title-font-size);
@@ -49,7 +49,7 @@
49
49
  color: var(--confirmation-title-color);
50
50
  font-feature-settings: var(--confirmation-title-font-feature-settings);
51
51
  }
52
- .confirmation__description_r4uer {
52
+ .confirmation__description_ymbar {
53
53
  font-size: var(--confirmation-text-font-size);
54
54
  line-height: var(--confirmation-text-line-height);
55
55
  font-weight: var(--confirmation-text-font-weight);
@@ -5,7 +5,7 @@ import { ConfirmationContext } from '../../../context.js';
5
5
  import { Link } from '@alfalab/core-components-link/dist/modern';
6
6
  import { Button } from '@alfalab/core-components-button/dist/modern';
7
7
 
8
- var styles = {"center":"confirmation__center_z5d7p","phoneHintWrap":"confirmation__phoneHintWrap_z5d7p","hintWrap":"confirmation__hintWrap_z5d7p","title":"confirmation__title_z5d7p","text":"confirmation__text_z5d7p","phonesWrap":"confirmation__phonesWrap_z5d7p","phoneWrap":"confirmation__phoneWrap_z5d7p","phoneLink":"confirmation__phoneLink_z5d7p","phoneDescription":"confirmation__phoneDescription_z5d7p","hintButton":"confirmation__hintButton_z5d7p"};
8
+ var styles = {"center":"confirmation__center_oiik3","phoneHintWrap":"confirmation__phoneHintWrap_oiik3","hintWrap":"confirmation__hintWrap_oiik3","title":"confirmation__title_oiik3","text":"confirmation__text_oiik3","phonesWrap":"confirmation__phonesWrap_oiik3","phoneWrap":"confirmation__phoneWrap_oiik3","phoneLink":"confirmation__phoneLink_oiik3","phoneDescription":"confirmation__phoneDescription_oiik3","hintButton":"confirmation__hintButton_oiik3"};
9
9
  require('./index.css')
10
10
 
11
11
  const Hint = () => {
@@ -1,4 +1,4 @@
1
- /* hash: p7hy6 */
1
+ /* hash: 1k32e */
2
2
  :root {
3
3
  --color-light-text-primary: #0b1f35;
4
4
  --color-light-text-secondary: #546272;
@@ -40,18 +40,18 @@
40
40
 
41
41
  /* input */
42
42
  }
43
- .confirmation__center_z5d7p .confirmation__phoneHintWrap_z5d7p {
43
+ .confirmation__center_oiik3 .confirmation__phoneHintWrap_oiik3 {
44
44
  align-items: center;
45
45
  }
46
- .confirmation__center_z5d7p .confirmation__hintWrap_z5d7p {
46
+ .confirmation__center_oiik3 .confirmation__hintWrap_oiik3 {
47
47
  align-items: center;
48
48
  }
49
- .confirmation__hintWrap_z5d7p {
49
+ .confirmation__hintWrap_oiik3 {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  align-items: flex-start;
53
53
  }
54
- .confirmation__title_z5d7p {
54
+ .confirmation__title_oiik3 {
55
55
  margin: 0;
56
56
  margin-bottom: var(--gap-xl);
57
57
  font-size: var(--confirmation-title-font-size);
@@ -61,7 +61,7 @@
61
61
  color: var(--confirmation-title-color);
62
62
  font-feature-settings: var(--confirmation-title-font-feature-settings);
63
63
  }
64
- .confirmation__text_z5d7p {
64
+ .confirmation__text_oiik3 {
65
65
  font-size: var(--confirmation-text-font-size);
66
66
  line-height: var(--confirmation-text-line-height);
67
67
  font-weight: var(--confirmation-text-font-weight);
@@ -70,7 +70,7 @@
70
70
 
71
71
  margin-bottom: var(--gap-xl);
72
72
  }
73
- .confirmation__phonesWrap_z5d7p {
73
+ .confirmation__phonesWrap_oiik3 {
74
74
  font-size: var(--confirmation-text-font-size);
75
75
  line-height: var(--confirmation-text-line-height);
76
76
  font-weight: var(--confirmation-text-font-weight);
@@ -81,23 +81,23 @@
81
81
  flex-direction: column;
82
82
  margin-bottom: var(--gap-xl);
83
83
  }
84
- .confirmation__phoneWrap_z5d7p {
84
+ .confirmation__phoneWrap_oiik3 {
85
85
  margin-bottom: var(--gap-xs)
86
86
  }
87
- .confirmation__phoneWrap_z5d7p:last-child {
87
+ .confirmation__phoneWrap_oiik3:last-child {
88
88
  margin-bottom: 0;
89
89
  }
90
- .confirmation__phoneLink_z5d7p {
90
+ .confirmation__phoneLink_oiik3 {
91
91
  font-size: 16px;
92
92
  line-height: 24px;
93
93
  font-weight: 500
94
94
  }
95
- .confirmation__phoneLink_z5d7p > span {
95
+ .confirmation__phoneLink_oiik3 > span {
96
96
  border-bottom: none;
97
97
  }
98
- .confirmation__phoneDescription_z5d7p {
98
+ .confirmation__phoneDescription_oiik3 {
99
99
  color: var(--confirmation-text-color);
100
100
  }
101
- .confirmation__hintButton_z5d7p {
101
+ .confirmation__hintButton_oiik3 {
102
102
  margin-top: var(--gap-2xl);
103
103
  }
@@ -5,7 +5,7 @@ import '../../utils.js';
5
5
  import '../../context.js';
6
6
  import '@alfalab/core-components-code-input/dist/modern';
7
7
  import '@alfalab/core-components-link/dist/modern';
8
- import '../../countdown-section-a2c4f1ad.js';
8
+ import '../../countdown-section-46ead40f.js';
9
9
  import '@alfalab/core-components-loader/dist/modern';
10
10
  import '@alfalab/core-components-button/dist/modern';
11
11
  export { Initial } from './initial/component.js';
@@ -5,7 +5,7 @@ import '../../../utils.js';
5
5
  import { ConfirmationContext } from '../../../context.js';
6
6
  import { CodeInput } from '@alfalab/core-components-code-input/dist/modern';
7
7
  import { Link } from '@alfalab/core-components-link/dist/modern';
8
- import { s as styles, C as CountdownSection } from '../../../countdown-section-a2c4f1ad.js';
8
+ import { s as styles, C as CountdownSection } from '../../../countdown-section-46ead40f.js';
9
9
  import '@alfalab/core-components-loader/dist/modern';
10
10
  import '@alfalab/core-components-button/dist/modern';
11
11
 
@@ -2,6 +2,6 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '../../../utils.js';
4
4
  import '../../../context.js';
5
- export { C as CountdownSection } from '../../../countdown-section-a2c4f1ad.js';
5
+ export { C as CountdownSection } from '../../../countdown-section-46ead40f.js';
6
6
  import '@alfalab/core-components-loader/dist/modern';
7
7
  import '@alfalab/core-components-button/dist/modern';
@@ -1,4 +1,4 @@
1
- /* hash: 18c5z */
1
+ /* hash: 96ivm */
2
2
  :root {
3
3
  --color-light-text-primary: #0b1f35;
4
4
  }
@@ -36,11 +36,11 @@
36
36
 
37
37
  /* input */
38
38
  }
39
- .confirmation__component_1l0m2 {
39
+ .confirmation__component_1j680 {
40
40
  display: flex;
41
41
  flex-direction: column;
42
42
  }
43
- .confirmation__header_1l0m2 {
43
+ .confirmation__header_1j680 {
44
44
  margin: 0;
45
45
  margin-bottom: var(--gap-xl);
46
46
  font-size: var(--confirmation-title-font-size);
@@ -50,47 +50,47 @@
50
50
  color: var(--confirmation-title-color);
51
51
  font-feature-settings: var(--confirmation-title-font-feature-settings);
52
52
  }
53
- .confirmation__phone_1l0m2 {
53
+ .confirmation__phone_1j680 {
54
54
  margin-bottom: var(--gap-2xl);
55
55
  color: var(--color-light-text-primary);
56
56
  }
57
- .confirmation__inputContainer_1l0m2 {
57
+ .confirmation__inputContainer_1j680 {
58
58
  display: flex;
59
59
  flex-direction: column;
60
60
  margin-bottom: var(--gap-2xl);
61
61
  }
62
- .confirmation__compact_1l0m2 {
62
+ .confirmation__compact_1j680 {
63
63
  margin-bottom: var(--gap-xl);
64
64
  }
65
- .confirmation__loaderWrap_1l0m2 {
65
+ .confirmation__loaderWrap_1j680 {
66
66
  display: flex;
67
67
  align-items: center;
68
68
  }
69
- .confirmation__center_1l0m2 {
69
+ .confirmation__center_1j680 {
70
70
  align-items: center;
71
71
  text-align: center
72
72
  }
73
- .confirmation__center_1l0m2 .confirmation__codeInput_1l0m2,
74
- .confirmation__center_1l0m2 .confirmation__loaderWrap_1l0m2 {
73
+ .confirmation__center_1j680 .confirmation__codeInput_1j680,
74
+ .confirmation__center_1j680 .confirmation__loaderWrap_1j680 {
75
75
  justify-content: center;
76
76
  }
77
- .confirmation__smsComeLink_1l0m2 {
77
+ .confirmation__smsComeLink_1j680 {
78
78
  font-size: 14px;
79
79
  line-height: 20px;
80
80
  font-weight: 400;
81
81
  }
82
- .confirmation__countdownContainer_1l0m2 {
82
+ .confirmation__countdownContainer_1j680 {
83
83
  margin-bottom: var(--gap-xl);
84
84
  }
85
- .confirmation__getCodeButton_1l0m2 {
85
+ .confirmation__getCodeButton_1j680 {
86
86
  position: relative;
87
87
  top: var(--gap-2xs-neg);
88
88
  margin-bottom: var(--gap-m);
89
89
  }
90
- .confirmation__countdown_1l0m2 {
90
+ .confirmation__countdown_1j680 {
91
91
  display: flex;
92
92
  }
93
- .confirmation__countdownTimer_1l0m2 {
93
+ .confirmation__countdownTimer_1j680 {
94
94
  display: flex;
95
95
  justify-content: flex-start;
96
96
  min-width: 45px;
@@ -5,7 +5,7 @@ import '../../../utils.js';
5
5
  import '../../../context.js';
6
6
  import '@alfalab/core-components-code-input/dist/modern';
7
7
  import '@alfalab/core-components-link/dist/modern';
8
- import '../../../countdown-section-a2c4f1ad.js';
8
+ import '../../../countdown-section-46ead40f.js';
9
9
  import '@alfalab/core-components-loader/dist/modern';
10
10
  import '@alfalab/core-components-button/dist/modern';
11
11
  export { Initial } from './component.js';
@@ -3,7 +3,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
3
3
  import { ConfirmationContext } from '../../../context.js';
4
4
  import { CountdownLoader } from '../../countdown-loader/component.js';
5
5
 
6
- var styles = {"header":"confirmation__header_55ywu","description":"confirmation__description_55ywu","countdownWrap":"confirmation__countdownWrap_55ywu","loader":"confirmation__loader_55ywu"};
6
+ var styles = {"header":"confirmation__header_1m5kd","description":"confirmation__description_1m5kd","countdownWrap":"confirmation__countdownWrap_1m5kd","loader":"confirmation__loader_1m5kd"};
7
7
  require('./index.css')
8
8
 
9
9
  const TempBlock = () => {
@@ -1,4 +1,4 @@
1
- /* hash: 1kcdh */
1
+ /* hash: l6qe6 */
2
2
  :root {
3
3
  --color-light-text-primary: #0b1f35;
4
4
  --color-light-text-secondary: #546272;
@@ -40,7 +40,7 @@
40
40
 
41
41
  /* input */
42
42
  }
43
- .confirmation__header_55ywu {
43
+ .confirmation__header_1m5kd {
44
44
  margin: 0;
45
45
  margin-bottom: var(--gap-xl);
46
46
  font-size: var(--confirmation-title-font-size);
@@ -50,7 +50,7 @@
50
50
  color: var(--confirmation-title-color);
51
51
  font-feature-settings: var(--confirmation-title-font-feature-settings);
52
52
  }
53
- .confirmation__description_55ywu {
53
+ .confirmation__description_1m5kd {
54
54
  font-size: var(--confirmation-text-font-size);
55
55
  line-height: var(--confirmation-text-line-height);
56
56
  font-weight: var(--confirmation-text-font-weight);
@@ -59,10 +59,10 @@
59
59
 
60
60
  margin-bottom: var(--gap-2xl);
61
61
  }
62
- .confirmation__countdownWrap_55ywu {
62
+ .confirmation__countdownWrap_1m5kd {
63
63
  display: flex;
64
64
  align-items: center;
65
65
  }
66
- .confirmation__loader_55ywu {
66
+ .confirmation__loader_1m5kd {
67
67
  margin-right: var(--gap-xs);
68
68
  }
@@ -5,7 +5,7 @@ import { ConfirmationContext } from './context.js';
5
5
  import { Loader } from '@alfalab/core-components-loader/dist/modern';
6
6
  import { Button } from '@alfalab/core-components-button/dist/modern';
7
7
 
8
- var styles = {"component":"confirmation__component_1l0m2","header":"confirmation__header_1l0m2","phone":"confirmation__phone_1l0m2","inputContainer":"confirmation__inputContainer_1l0m2","compact":"confirmation__compact_1l0m2","loaderWrap":"confirmation__loaderWrap_1l0m2","center":"confirmation__center_1l0m2","codeInput":"confirmation__codeInput_1l0m2","smsComeLink":"confirmation__smsComeLink_1l0m2","countdownContainer":"confirmation__countdownContainer_1l0m2","getCodeButton":"confirmation__getCodeButton_1l0m2","countdown":"confirmation__countdown_1l0m2","countdownTimer":"confirmation__countdownTimer_1l0m2"};
8
+ var styles = {"component":"confirmation__component_1j680","header":"confirmation__header_1j680","phone":"confirmation__phone_1j680","inputContainer":"confirmation__inputContainer_1j680","compact":"confirmation__compact_1j680","loaderWrap":"confirmation__loaderWrap_1j680","center":"confirmation__center_1j680","codeInput":"confirmation__codeInput_1j680","smsComeLink":"confirmation__smsComeLink_1j680","countdownContainer":"confirmation__countdownContainer_1j680","getCodeButton":"confirmation__getCodeButton_1j680","countdown":"confirmation__countdown_1j680","countdownTimer":"confirmation__countdownTimer_1j680"};
9
9
  require('./components/screens/initial/index.css')
10
10
 
11
11
  const CountdownSection = ({ codeSendHintVisible, timePassed, processing, handleSmsRetryClick, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: v5r0s */
1
+ /* hash: 133qh */
2
2
  :root {
3
3
  --color-light-text-secondary: #546272;
4
4
  }
@@ -28,7 +28,7 @@
28
28
 
29
29
  /* input */
30
30
  }
31
- .confirmation__component_c34vk {
31
+ .confirmation__component_1m9wy {
32
32
  font-size: var(--confirmation-text-font-size);
33
33
  line-height: var(--confirmation-text-line-height);
34
34
  font-weight: var(--confirmation-text-font-weight);
@@ -41,7 +41,7 @@
41
41
  max-width: 400px;
42
42
  margin: 0 auto;
43
43
  }
44
- .confirmation__center_c34vk {
44
+ .confirmation__center_1m9wy {
45
45
  align-items: center;
46
46
  text-align: center;
47
47
  }
@@ -6,7 +6,7 @@ export { ConfirmationContext } from './context.js';
6
6
  export { defaultTexts } from './types.js';
7
7
  import '@alfalab/core-components-code-input/dist/modern';
8
8
  import '@alfalab/core-components-link/dist/modern';
9
- import './countdown-section-a2c4f1ad.js';
9
+ import './countdown-section-46ead40f.js';
10
10
  import '@alfalab/core-components-loader/dist/modern';
11
11
  import '@alfalab/core-components-button/dist/modern';
12
12
  export { Initial } from './components/screens/initial/component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-confirmation",
3
- "version": "10.1.6",
3
+ "version": "10.1.8",
4
4
  "description": "Sms confirmation component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,17 +16,17 @@
16
16
  "access": "public"
17
17
  },
18
18
  "dependencies": {
19
- "@alfalab/core-components-button": "^5.1.5",
19
+ "@alfalab/core-components-button": "^5.1.6",
20
20
  "@alfalab/core-components-code-input": "^1.2.3",
21
21
  "@alfalab/core-components-link": "^3.2.4",
22
22
  "@alfalab/core-components-loader": "^2.0.4",
23
23
  "@alfalab/hooks": "^1.4.1",
24
24
  "@alfalab/icons-glyph": "^2.16.0",
25
- "@alfalab/utils": "^1.5.1",
25
+ "@alfalab/utils": "^1.9.0",
26
26
  "classnames": "2.2.6"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "react": "^16.9.0 || ^17.0.1"
30
30
  },
31
- "gitHead": "b44d81f1c42835fa6946c4bf15aee99abe2b4b96"
31
+ "gitHead": "bd84a67568c04917ea754a9d2899b3d5b0244308"
32
32
  }