@alfalab/core-components-confirmation 10.3.1 → 10.4.0

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 (79) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/component.js +2 -2
  3. package/components/countdown-loader/component.js +1 -1
  4. package/components/countdown-loader/index.css +2 -2
  5. package/components/index.js +1 -1
  6. package/components/screens/fatal-error/component.js +1 -1
  7. package/components/screens/fatal-error/index.css +3 -3
  8. package/components/screens/hint/component.js +1 -1
  9. package/components/screens/hint/index.css +13 -13
  10. package/components/screens/index.js +1 -1
  11. package/components/screens/initial/component.js +1 -1
  12. package/components/screens/initial/countdown-section.js +1 -1
  13. package/components/screens/initial/index.css +18 -15
  14. package/components/screens/initial/index.js +1 -1
  15. package/components/screens/temp-block/component.js +1 -1
  16. package/components/screens/temp-block/index.css +5 -5
  17. package/{countdown-section-8d2ab7dc.d.ts → countdown-section-7c7d6f72.d.ts} +0 -0
  18. package/{countdown-section-8d2ab7dc.js → countdown-section-7c7d6f72.js} +1 -1
  19. package/cssm/component.js +4 -4
  20. package/cssm/components/index.js +4 -4
  21. package/cssm/components/screens/fatal-error/component.js +1 -1
  22. package/cssm/components/screens/fatal-error/index.js +1 -1
  23. package/cssm/components/screens/hint/component.js +2 -2
  24. package/cssm/components/screens/hint/index.js +2 -2
  25. package/cssm/components/screens/index.js +4 -4
  26. package/cssm/components/screens/initial/component.js +4 -4
  27. package/cssm/components/screens/initial/countdown-section.js +2 -2
  28. package/cssm/components/screens/initial/index.js +4 -4
  29. package/cssm/components/screens/initial/index.module.css +3 -0
  30. package/cssm/index.js +4 -4
  31. package/cssm/types.d.ts +4 -0
  32. package/esm/component.js +6 -6
  33. package/esm/components/countdown-loader/component.js +1 -1
  34. package/esm/components/countdown-loader/index.css +2 -2
  35. package/esm/components/index.js +5 -5
  36. package/esm/components/screens/fatal-error/component.js +2 -2
  37. package/esm/components/screens/fatal-error/index.css +3 -3
  38. package/esm/components/screens/fatal-error/index.js +1 -1
  39. package/esm/components/screens/hint/component.js +3 -3
  40. package/esm/components/screens/hint/index.css +13 -13
  41. package/esm/components/screens/hint/index.js +2 -2
  42. package/esm/components/screens/index.js +5 -5
  43. package/esm/components/screens/initial/component.js +5 -5
  44. package/esm/components/screens/initial/countdown-section.js +3 -3
  45. package/esm/components/screens/initial/index.css +18 -15
  46. package/esm/components/screens/initial/index.js +5 -5
  47. package/esm/components/screens/temp-block/component.js +1 -1
  48. package/esm/components/screens/temp-block/index.css +5 -5
  49. package/esm/{countdown-section-5af6ca6c.d.ts → countdown-section-9d037a03.d.ts} +0 -0
  50. package/esm/{countdown-section-5af6ca6c.js → countdown-section-9d037a03.js} +3 -3
  51. package/esm/index.css +3 -3
  52. package/esm/index.js +5 -5
  53. package/esm/types.d.ts +4 -0
  54. package/index.css +3 -3
  55. package/index.js +1 -1
  56. package/modern/component.js +6 -6
  57. package/modern/components/countdown-loader/component.js +1 -1
  58. package/modern/components/countdown-loader/index.css +2 -2
  59. package/modern/components/index.js +5 -5
  60. package/modern/components/screens/fatal-error/component.js +2 -2
  61. package/modern/components/screens/fatal-error/index.css +3 -3
  62. package/modern/components/screens/fatal-error/index.js +1 -1
  63. package/modern/components/screens/hint/component.js +3 -3
  64. package/modern/components/screens/hint/index.css +13 -13
  65. package/modern/components/screens/hint/index.js +2 -2
  66. package/modern/components/screens/index.js +5 -5
  67. package/modern/components/screens/initial/component.js +5 -5
  68. package/modern/components/screens/initial/countdown-section.js +3 -3
  69. package/modern/components/screens/initial/index.css +18 -15
  70. package/modern/components/screens/initial/index.js +5 -5
  71. package/modern/components/screens/temp-block/component.js +1 -1
  72. package/modern/components/screens/temp-block/index.css +5 -5
  73. package/modern/{countdown-section-2b5dbe74.d.ts → countdown-section-184fc0e5.d.ts} +0 -0
  74. package/modern/{countdown-section-2b5dbe74.js → countdown-section-184fc0e5.js} +3 -3
  75. package/modern/index.css +3 -3
  76. package/modern/index.js +5 -5
  77. package/modern/types.d.ts +4 -0
  78. package/package.json +8 -8
  79. package/types.d.ts +4 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [10.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-confirmation@10.3.3...@alfalab/core-components-confirmation@10.4.0) (2022-08-04)
7
+
8
+
9
+ ### Features
10
+
11
+ * react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
12
+
13
+
14
+
15
+
16
+
17
+ ## [10.3.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-confirmation@10.3.2...@alfalab/core-components-confirmation@10.3.3) (2022-07-18)
18
+
19
+ **Note:** Version bump only for package @alfalab/core-components-confirmation
20
+
21
+
22
+
23
+
24
+
25
+ ## [10.3.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-confirmation@10.3.1...@alfalab/core-components-confirmation@10.3.2) (2022-07-15)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * bump packages version ([#153](https://github.com/core-ds/core-components/issues/153)) ([fd3e082](https://github.com/core-ds/core-components/commit/fd3e08205672129cdce04e1000c673f2cd9c10da))
31
+
32
+
33
+
34
+
35
+
6
36
  ## [10.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-confirmation@10.3.0...@alfalab/core-components-confirmation@10.3.1) (2022-07-14)
7
37
 
8
38
  **Note:** Version bump only for package @alfalab/core-components-confirmation
@@ -658,4 +688,5 @@ remove z-index, add stack component
658
688
 
659
689
  ## [3.3.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-confirmation@3.3.0...@alfalab/core-components-confirmation@3.3.1) (2021-02-18)
660
690
 
691
+
661
692
  **Note:** Version bump only for package @alfalab/core-components-confirmation
package/component.js CHANGED
@@ -10,7 +10,7 @@ var context = require('./context.js');
10
10
  var types = require('./types.js');
11
11
  require('@alfalab/core-components-code-input');
12
12
  require('@alfalab/core-components-link');
13
- require('./countdown-section-8d2ab7dc.js');
13
+ require('./countdown-section-7c7d6f72.js');
14
14
  require('@alfalab/core-components-loader');
15
15
  require('@alfalab/core-components-button');
16
16
  var components_screens_initial_component = require('./components/screens/initial/component.js');
@@ -63,7 +63,7 @@ function __rest(s, e) {
63
63
  return t;
64
64
  }
65
65
 
66
- var styles = {"component":"confirmation__component_1y0fi","center":"confirmation__center_1y0fi"};
66
+ var styles = {"component":"confirmation__component_lotkd","center":"confirmation__center_lotkd"};
67
67
  require('./index.css')
68
68
 
69
69
  var confirmationScreens = {
@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
8
8
 
9
9
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
10
 
11
- var styles = {"circle":"confirmation__circle_10dp8"};
11
+ var styles = {"circle":"confirmation__circle_1uxo0"};
12
12
  require('./index.css')
13
13
 
14
14
  var SIZE = 16;
@@ -1,4 +1,4 @@
1
- /* hash: fksu3 */
1
+ /* hash: 1la5r */
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_10dp8 {
22
+ .confirmation__circle_1uxo0 {
23
23
  fill: transparent;
24
24
  stroke: var(--color-light-graphic-tertiary);
25
25
  stroke-width: 2px;
@@ -9,7 +9,7 @@ require('../utils.js');
9
9
  require('../context.js');
10
10
  require('@alfalab/core-components-code-input');
11
11
  require('@alfalab/core-components-link');
12
- require('../countdown-section-8d2ab7dc.js');
12
+ require('../countdown-section-7c7d6f72.js');
13
13
  require('@alfalab/core-components-loader');
14
14
  require('@alfalab/core-components-button');
15
15
  var components_screens_initial_component = require('./screens/initial/component.js');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- var styles = {"header":"confirmation__header_1lren","description":"confirmation__description_1lren"};
14
+ var styles = {"header":"confirmation__header_7xnuw","description":"confirmation__description_7xnuw"};
15
15
  require('./index.css')
16
16
 
17
17
  var FatalError = function () {
@@ -1,4 +1,4 @@
1
- /* hash: 1p4lm */
1
+ /* hash: 1wknl */
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_1lren {
42
+ .confirmation__header_7xnuw {
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_1lren {
52
+ .confirmation__description_7xnuw {
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);
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
16
16
 
17
- var styles = {"center":"confirmation__center_10en3","phoneHintWrap":"confirmation__phoneHintWrap_10en3","hintWrap":"confirmation__hintWrap_10en3","title":"confirmation__title_10en3","text":"confirmation__text_10en3","phonesWrap":"confirmation__phonesWrap_10en3","phoneWrap":"confirmation__phoneWrap_10en3","phoneLink":"confirmation__phoneLink_10en3","phoneDescription":"confirmation__phoneDescription_10en3","hintButton":"confirmation__hintButton_10en3"};
17
+ var styles = {"center":"confirmation__center_dp4zg","phoneHintWrap":"confirmation__phoneHintWrap_dp4zg","hintWrap":"confirmation__hintWrap_dp4zg","title":"confirmation__title_dp4zg","text":"confirmation__text_dp4zg","phonesWrap":"confirmation__phonesWrap_dp4zg","phoneWrap":"confirmation__phoneWrap_dp4zg","phoneLink":"confirmation__phoneLink_dp4zg","phoneDescription":"confirmation__phoneDescription_dp4zg","hintButton":"confirmation__hintButton_dp4zg"};
18
18
  require('./index.css')
19
19
 
20
20
  var Hint = function () {
@@ -1,4 +1,4 @@
1
- /* hash: 97tyh */
1
+ /* hash: kspi1 */
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_10en3 .confirmation__phoneHintWrap_10en3 {
43
+ .confirmation__center_dp4zg .confirmation__phoneHintWrap_dp4zg {
44
44
  align-items: center;
45
45
  }
46
- .confirmation__center_10en3 .confirmation__hintWrap_10en3 {
46
+ .confirmation__center_dp4zg .confirmation__hintWrap_dp4zg {
47
47
  align-items: center;
48
48
  }
49
- .confirmation__hintWrap_10en3 {
49
+ .confirmation__hintWrap_dp4zg {
50
50
  display: flex;
51
51
  flex-direction: column;
52
52
  align-items: flex-start;
53
53
  }
54
- .confirmation__title_10en3 {
54
+ .confirmation__title_dp4zg {
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_10en3 {
64
+ .confirmation__text_dp4zg {
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_10en3 {
73
+ .confirmation__phonesWrap_dp4zg {
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_10en3 {
84
+ .confirmation__phoneWrap_dp4zg {
85
85
  margin-bottom: var(--gap-xs)
86
86
  }
87
- .confirmation__phoneWrap_10en3:last-child {
87
+ .confirmation__phoneWrap_dp4zg:last-child {
88
88
  margin-bottom: 0;
89
89
  }
90
- .confirmation__phoneLink_10en3 {
90
+ .confirmation__phoneLink_dp4zg {
91
91
  font-size: 16px;
92
92
  line-height: 24px;
93
93
  font-weight: 500
94
94
  }
95
- .confirmation__phoneLink_10en3 > span {
95
+ .confirmation__phoneLink_dp4zg > span {
96
96
  border-bottom: none;
97
97
  }
98
- .confirmation__phoneDescription_10en3 {
98
+ .confirmation__phoneDescription_dp4zg {
99
99
  color: var(--confirmation-text-color);
100
100
  }
101
- .confirmation__hintButton_10en3 {
101
+ .confirmation__hintButton_dp4zg {
102
102
  margin-top: var(--gap-2xl);
103
103
  }
@@ -9,7 +9,7 @@ require('../../utils.js');
9
9
  require('../../context.js');
10
10
  require('@alfalab/core-components-code-input');
11
11
  require('@alfalab/core-components-link');
12
- require('../../countdown-section-8d2ab7dc.js');
12
+ require('../../countdown-section-7c7d6f72.js');
13
13
  require('@alfalab/core-components-loader');
14
14
  require('@alfalab/core-components-button');
15
15
  var components_screens_initial_component = require('./initial/component.js');
@@ -9,7 +9,7 @@ require('../../../utils.js');
9
9
  var context = require('../../../context.js');
10
10
  var coreComponentsCodeInput = require('@alfalab/core-components-code-input');
11
11
  var coreComponentsLink = require('@alfalab/core-components-link');
12
- var components_screens_initial_countdownSection = require('../../../countdown-section-8d2ab7dc.js');
12
+ var components_screens_initial_countdownSection = require('../../../countdown-section-7c7d6f72.js');
13
13
  require('@alfalab/core-components-loader');
14
14
  require('@alfalab/core-components-button');
15
15
 
@@ -6,7 +6,7 @@ require('react');
6
6
  require('classnames');
7
7
  require('../../../utils.js');
8
8
  require('../../../context.js');
9
- var components_screens_initial_countdownSection = require('../../../countdown-section-8d2ab7dc.js');
9
+ var components_screens_initial_countdownSection = require('../../../countdown-section-7c7d6f72.js');
10
10
  require('@alfalab/core-components-loader');
11
11
  require('@alfalab/core-components-button');
12
12
 
@@ -1,4 +1,4 @@
1
- /* hash: 1p8cc */
1
+ /* hash: 1kft5 */
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_x152m {
39
+ .confirmation__component_1lhct {
40
40
  display: flex;
41
41
  flex-direction: column;
42
42
  }
43
- .confirmation__header_x152m {
43
+ .confirmation__header_1lhct {
44
44
  margin: 0;
45
45
  margin-bottom: var(--gap-xl);
46
46
  font-size: var(--confirmation-title-font-size);
@@ -50,47 +50,50 @@
50
50
  color: var(--confirmation-title-color);
51
51
  font-feature-settings: var(--confirmation-title-font-feature-settings);
52
52
  }
53
- .confirmation__phone_x152m {
53
+ .confirmation__phone_1lhct {
54
54
  margin-bottom: var(--gap-2xl);
55
55
  color: var(--color-light-text-primary);
56
56
  }
57
- .confirmation__inputContainer_x152m {
57
+ .confirmation__inputContainer_1lhct {
58
58
  display: flex;
59
59
  flex-direction: column;
60
60
  margin-bottom: var(--gap-2xl);
61
61
  }
62
- .confirmation__compact_x152m {
62
+ .confirmation__compact_1lhct {
63
63
  margin-bottom: var(--gap-xl);
64
64
  }
65
- .confirmation__loaderWrap_x152m {
65
+ .confirmation__loaderWrap_1lhct {
66
66
  display: flex;
67
67
  align-items: center;
68
68
  }
69
- .confirmation__center_x152m {
69
+ .confirmation__center_1lhct {
70
70
  align-items: center;
71
71
  text-align: center
72
72
  }
73
- .confirmation__center_x152m .confirmation__codeInput_x152m,
74
- .confirmation__center_x152m .confirmation__loaderWrap_x152m {
73
+ .confirmation__center_1lhct .confirmation__codeInput_1lhct,
74
+ .confirmation__center_1lhct .confirmation__loaderWrap_1lhct {
75
75
  justify-content: center;
76
76
  }
77
- .confirmation__smsComeLink_x152m {
77
+ .confirmation__center_1lhct input {
78
+ margin: 0 var(--gap-2xs);
79
+ }
80
+ .confirmation__smsComeLink_1lhct {
78
81
  font-size: 14px;
79
82
  line-height: 20px;
80
83
  font-weight: 400;
81
84
  }
82
- .confirmation__countdownContainer_x152m {
85
+ .confirmation__countdownContainer_1lhct {
83
86
  margin-bottom: var(--gap-xl);
84
87
  }
85
- .confirmation__getCodeButton_x152m {
88
+ .confirmation__getCodeButton_1lhct {
86
89
  position: relative;
87
90
  top: var(--gap-2xs-neg);
88
91
  margin-bottom: var(--gap-m);
89
92
  }
90
- .confirmation__countdown_x152m {
93
+ .confirmation__countdown_1lhct {
91
94
  display: flex;
92
95
  }
93
- .confirmation__countdownTimer_x152m {
96
+ .confirmation__countdownTimer_1lhct {
94
97
  display: flex;
95
98
  justify-content: flex-start;
96
99
  min-width: 45px;
@@ -9,7 +9,7 @@ require('../../../utils.js');
9
9
  require('../../../context.js');
10
10
  require('@alfalab/core-components-code-input');
11
11
  require('@alfalab/core-components-link');
12
- require('../../../countdown-section-8d2ab7dc.js');
12
+ require('../../../countdown-section-7c7d6f72.js');
13
13
  require('@alfalab/core-components-loader');
14
14
  require('@alfalab/core-components-button');
15
15
  var components_screens_initial_component = require('./component.js');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
- var styles = {"header":"confirmation__header_1or77","description":"confirmation__description_1or77","countdownWrap":"confirmation__countdownWrap_1or77","loader":"confirmation__loader_1or77"};
14
+ var styles = {"header":"confirmation__header_1vjf3","description":"confirmation__description_1vjf3","countdownWrap":"confirmation__countdownWrap_1vjf3","loader":"confirmation__loader_1vjf3"};
15
15
  require('./index.css')
16
16
 
17
17
  var TempBlock = function () {
@@ -1,4 +1,4 @@
1
- /* hash: 1460z */
1
+ /* hash: 1imau */
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_1or77 {
43
+ .confirmation__header_1vjf3 {
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_1or77 {
53
+ .confirmation__description_1vjf3 {
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_1or77 {
62
+ .confirmation__countdownWrap_1vjf3 {
63
63
  display: flex;
64
64
  align-items: center;
65
65
  }
66
- .confirmation__loader_1or77 {
66
+ .confirmation__loader_1vjf3 {
67
67
  margin-right: var(--gap-xs);
68
68
  }
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
14
 
15
- var styles = {"component":"confirmation__component_x152m","header":"confirmation__header_x152m","phone":"confirmation__phone_x152m","inputContainer":"confirmation__inputContainer_x152m","compact":"confirmation__compact_x152m","loaderWrap":"confirmation__loaderWrap_x152m","center":"confirmation__center_x152m","codeInput":"confirmation__codeInput_x152m","smsComeLink":"confirmation__smsComeLink_x152m","countdownContainer":"confirmation__countdownContainer_x152m","getCodeButton":"confirmation__getCodeButton_x152m","countdown":"confirmation__countdown_x152m","countdownTimer":"confirmation__countdownTimer_x152m"};
15
+ var styles = {"component":"confirmation__component_1lhct","header":"confirmation__header_1lhct","phone":"confirmation__phone_1lhct","inputContainer":"confirmation__inputContainer_1lhct","compact":"confirmation__compact_1lhct","loaderWrap":"confirmation__loaderWrap_1lhct","center":"confirmation__center_1lhct","codeInput":"confirmation__codeInput_1lhct","smsComeLink":"confirmation__smsComeLink_1lhct","countdownContainer":"confirmation__countdownContainer_1lhct","getCodeButton":"confirmation__getCodeButton_1lhct","countdown":"confirmation__countdown_1lhct","countdownTimer":"confirmation__countdownTimer_1lhct"};
16
16
  require('./components/screens/initial/index.css')
17
17
 
18
18
  var CountdownSection = function (_a) {
package/cssm/component.js CHANGED
@@ -8,11 +8,11 @@ var hooks = require('@alfalab/hooks');
8
8
  var utils = require('./utils.js');
9
9
  var context = require('./context.js');
10
10
  var types = require('./types.js');
11
- require('@alfalab/core-components-code-input/dist/cssm');
12
- require('@alfalab/core-components-link/dist/cssm');
11
+ require('@alfalab/core-components-code-input/cssm');
12
+ require('@alfalab/core-components-link/cssm');
13
13
  require('./components/screens/initial/index.module.css');
14
- require('@alfalab/core-components-loader/dist/cssm');
15
- require('@alfalab/core-components-button/dist/cssm');
14
+ require('@alfalab/core-components-loader/cssm');
15
+ require('@alfalab/core-components-button/cssm');
16
16
  require('./components/screens/initial/countdown-section.js');
17
17
  var components_screens_initial_component = require('./components/screens/initial/component.js');
18
18
  require('./components/screens/hint/index.module.css');
@@ -7,11 +7,11 @@ require('classnames');
7
7
  require('@alfalab/hooks');
8
8
  require('../utils.js');
9
9
  require('../context.js');
10
- require('@alfalab/core-components-code-input/dist/cssm');
11
- require('@alfalab/core-components-link/dist/cssm');
10
+ require('@alfalab/core-components-code-input/cssm');
11
+ require('@alfalab/core-components-link/cssm');
12
12
  require('./screens/initial/index.module.css');
13
- require('@alfalab/core-components-loader/dist/cssm');
14
- require('@alfalab/core-components-button/dist/cssm');
13
+ require('@alfalab/core-components-loader/cssm');
14
+ require('@alfalab/core-components-button/cssm');
15
15
  require('./screens/initial/countdown-section.js');
16
16
  var components_screens_initial_component = require('./screens/initial/component.js');
17
17
  require('./screens/hint/index.module.css');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  require('../../../utils.js');
7
7
  var context = require('../../../context.js');
8
- var coreComponentsButton = require('@alfalab/core-components-button/dist/cssm');
8
+ var coreComponentsButton = require('@alfalab/core-components-button/cssm');
9
9
  var styles = require('./index.module.css');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  require('../../../utils.js');
7
7
  require('../../../context.js');
8
- require('@alfalab/core-components-button/dist/cssm');
8
+ require('@alfalab/core-components-button/cssm');
9
9
  require('./index.module.css');
10
10
  var components_screens_fatalError_component = require('./component.js');
11
11
 
@@ -6,8 +6,8 @@ var React = require('react');
6
6
  var cn = require('classnames');
7
7
  require('../../../utils.js');
8
8
  var context = require('../../../context.js');
9
- var coreComponentsLink = require('@alfalab/core-components-link/dist/cssm');
10
- var coreComponentsButton = require('@alfalab/core-components-button/dist/cssm');
9
+ var coreComponentsLink = require('@alfalab/core-components-link/cssm');
10
+ var coreComponentsButton = require('@alfalab/core-components-button/cssm');
11
11
  var styles = require('./index.module.css');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -6,8 +6,8 @@ require('react');
6
6
  require('classnames');
7
7
  require('../../../utils.js');
8
8
  require('../../../context.js');
9
- require('@alfalab/core-components-link/dist/cssm');
10
- require('@alfalab/core-components-button/dist/cssm');
9
+ require('@alfalab/core-components-link/cssm');
10
+ require('@alfalab/core-components-button/cssm');
11
11
  require('./index.module.css');
12
12
  var components_screens_hint_component = require('./component.js');
13
13
 
@@ -7,11 +7,11 @@ require('classnames');
7
7
  require('@alfalab/hooks');
8
8
  require('../../utils.js');
9
9
  require('../../context.js');
10
- require('@alfalab/core-components-code-input/dist/cssm');
11
- require('@alfalab/core-components-link/dist/cssm');
10
+ require('@alfalab/core-components-code-input/cssm');
11
+ require('@alfalab/core-components-link/cssm');
12
12
  require('./initial/index.module.css');
13
- require('@alfalab/core-components-loader/dist/cssm');
14
- require('@alfalab/core-components-button/dist/cssm');
13
+ require('@alfalab/core-components-loader/cssm');
14
+ require('@alfalab/core-components-button/cssm');
15
15
  require('./initial/countdown-section.js');
16
16
  var components_screens_initial_component = require('./initial/component.js');
17
17
  require('./hint/index.module.css');
@@ -7,11 +7,11 @@ var cn = require('classnames');
7
7
  var hooks = require('@alfalab/hooks');
8
8
  require('../../../utils.js');
9
9
  var context = require('../../../context.js');
10
- var coreComponentsCodeInput = require('@alfalab/core-components-code-input/dist/cssm');
11
- var coreComponentsLink = require('@alfalab/core-components-link/dist/cssm');
10
+ var coreComponentsCodeInput = require('@alfalab/core-components-code-input/cssm');
11
+ var coreComponentsLink = require('@alfalab/core-components-link/cssm');
12
12
  var styles = require('./index.module.css');
13
- require('@alfalab/core-components-loader/dist/cssm');
14
- require('@alfalab/core-components-button/dist/cssm');
13
+ require('@alfalab/core-components-loader/cssm');
14
+ require('@alfalab/core-components-button/cssm');
15
15
  var components_screens_initial_countdownSection = require('./countdown-section.js');
16
16
 
17
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -7,8 +7,8 @@ var cn = require('classnames');
7
7
  var utils = require('../../../utils.js');
8
8
  var context = require('../../../context.js');
9
9
  var styles = require('./index.module.css');
10
- var coreComponentsLoader = require('@alfalab/core-components-loader/dist/cssm');
11
- var coreComponentsButton = require('@alfalab/core-components-button/dist/cssm');
10
+ var coreComponentsLoader = require('@alfalab/core-components-loader/cssm');
11
+ var coreComponentsButton = require('@alfalab/core-components-button/cssm');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
@@ -7,11 +7,11 @@ require('classnames');
7
7
  require('@alfalab/hooks');
8
8
  require('../../../utils.js');
9
9
  require('../../../context.js');
10
- require('@alfalab/core-components-code-input/dist/cssm');
11
- require('@alfalab/core-components-link/dist/cssm');
10
+ require('@alfalab/core-components-code-input/cssm');
11
+ require('@alfalab/core-components-link/cssm');
12
12
  require('./index.module.css');
13
- require('@alfalab/core-components-loader/dist/cssm');
14
- require('@alfalab/core-components-button/dist/cssm');
13
+ require('@alfalab/core-components-loader/cssm');
14
+ require('@alfalab/core-components-button/cssm');
15
15
  require('./countdown-section.js');
16
16
  var components_screens_initial_component = require('./component.js');
17
17
 
@@ -73,6 +73,9 @@
73
73
  .center .loaderWrap {
74
74
  justify-content: center;
75
75
  }
76
+ .center input {
77
+ margin: 0 var(--gap-2xs);
78
+ }
76
79
  .smsComeLink {
77
80
  font-size: 14px;
78
81
  line-height: 20px;
package/cssm/index.js CHANGED
@@ -9,11 +9,11 @@ require('@alfalab/hooks');
9
9
  var utils = require('./utils.js');
10
10
  var context = require('./context.js');
11
11
  var types = require('./types.js');
12
- require('@alfalab/core-components-code-input/dist/cssm');
13
- require('@alfalab/core-components-link/dist/cssm');
12
+ require('@alfalab/core-components-code-input/cssm');
13
+ require('@alfalab/core-components-link/cssm');
14
14
  require('./components/screens/initial/index.module.css');
15
- require('@alfalab/core-components-loader/dist/cssm');
16
- require('@alfalab/core-components-button/dist/cssm');
15
+ require('@alfalab/core-components-loader/cssm');
16
+ require('@alfalab/core-components-button/cssm');
17
17
  require('./components/screens/initial/countdown-section.js');
18
18
  var components_screens_initial_component = require('./components/screens/initial/component.js');
19
19
  require('./components/screens/hint/index.module.css');
package/cssm/types.d.ts CHANGED
@@ -72,6 +72,10 @@ type ConfirmationProps = {
72
72
  * Возввращает объект, где ключ - название экрана (screen), значение - компонент для экрана
73
73
  */
74
74
  getScreensMap?: (defaulScreensMap: ScreensMap) => ScreensMap;
75
+ /**
76
+ * Дочерние элементы.
77
+ */
78
+ children?: ReactNode;
75
79
  };
76
80
  type TConfirmationContext = Required<Pick<ConfirmationProps, 'alignContent' | 'texts' | 'state' | 'screen' | 'requiredCharAmount' | 'onInputFinished' | 'countdownDuration' | 'onChangeState' | 'onSmsRetryClick' | 'onChangeScreen' | 'onFatalErrorOkButtonClick' | 'tempBlockDuration'>> & Pick<ConfirmationProps, 'phone' | 'blockSmsRetry' | 'onTempBlockFinished'> & {
77
81
  timeLeft: number;
package/esm/component.js CHANGED
@@ -4,11 +4,11 @@ import { usePrevious } from '@alfalab/hooks';
4
4
  import { useCountdown, ONE_MINUTE, ONE_DAY } from './utils.js';
5
5
  import { ConfirmationContext } from './context.js';
6
6
  import { defaultTexts } from './types.js';
7
- import '@alfalab/core-components-code-input/dist/esm';
8
- import '@alfalab/core-components-link/dist/esm';
9
- import './countdown-section-5af6ca6c.js';
10
- import '@alfalab/core-components-loader/dist/esm';
11
- import '@alfalab/core-components-button/dist/esm';
7
+ import '@alfalab/core-components-code-input/esm';
8
+ import '@alfalab/core-components-link/esm';
9
+ import './countdown-section-9d037a03.js';
10
+ import '@alfalab/core-components-loader/esm';
11
+ import '@alfalab/core-components-button/esm';
12
12
  import { Initial } from './components/screens/initial/component.js';
13
13
  import { Hint } from './components/screens/hint/component.js';
14
14
  import { FatalError } from './components/screens/fatal-error/component.js';
@@ -54,7 +54,7 @@ function __rest(s, e) {
54
54
  return t;
55
55
  }
56
56
 
57
- var styles = {"component":"confirmation__component_1y0fi","center":"confirmation__center_1y0fi"};
57
+ var styles = {"component":"confirmation__component_lotkd","center":"confirmation__center_lotkd"};
58
58
  require('./index.css')
59
59
 
60
60
  var confirmationScreens = {
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- var styles = {"circle":"confirmation__circle_10dp8"};
3
+ var styles = {"circle":"confirmation__circle_1uxo0"};
4
4
  require('./index.css')
5
5
 
6
6
  var SIZE = 16;