@alfalab/core-components-confirmation 8.5.0 → 9.0.2

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 (38) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/dist/component.js +1 -1
  3. package/dist/components/code-input/component.js +1 -1
  4. package/dist/components/code-input/index.css +10 -10
  5. package/dist/components/countdown/component.js +1 -1
  6. package/dist/components/countdown/index.css +13 -13
  7. package/dist/components/countdown-loader/component.js +1 -1
  8. package/dist/components/countdown-loader/index.css +2 -2
  9. package/dist/components/overlimit/component.js +1 -1
  10. package/dist/components/overlimit/index.css +9 -9
  11. package/dist/components/sign-confirmation/component.js +1 -1
  12. package/dist/components/sign-confirmation/index.css +13 -13
  13. package/dist/esm/component.js +1 -1
  14. package/dist/esm/components/code-input/component.js +1 -1
  15. package/dist/esm/components/code-input/index.css +10 -10
  16. package/dist/esm/components/countdown/component.js +1 -1
  17. package/dist/esm/components/countdown/index.css +13 -13
  18. package/dist/esm/components/countdown-loader/component.js +1 -1
  19. package/dist/esm/components/countdown-loader/index.css +2 -2
  20. package/dist/esm/components/overlimit/component.js +1 -1
  21. package/dist/esm/components/overlimit/index.css +9 -9
  22. package/dist/esm/components/sign-confirmation/component.js +1 -1
  23. package/dist/esm/components/sign-confirmation/index.css +13 -13
  24. package/dist/esm/index.css +14 -14
  25. package/dist/index.css +14 -14
  26. package/dist/modern/component.js +1 -1
  27. package/dist/modern/components/code-input/component.js +1 -1
  28. package/dist/modern/components/code-input/index.css +10 -10
  29. package/dist/modern/components/countdown/component.js +1 -1
  30. package/dist/modern/components/countdown/index.css +13 -13
  31. package/dist/modern/components/countdown-loader/component.js +1 -1
  32. package/dist/modern/components/countdown-loader/index.css +2 -2
  33. package/dist/modern/components/overlimit/component.js +1 -1
  34. package/dist/modern/components/overlimit/index.css +9 -9
  35. package/dist/modern/components/sign-confirmation/component.js +1 -1
  36. package/dist/modern/components/sign-confirmation/index.css +13 -13
  37. package/dist/modern/index.css +14 -14
  38. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -3,6 +3,73 @@
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
+ ## [9.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-confirmation@9.0.1...@alfalab/core-components-confirmation@9.0.2) (2021-12-14)
7
+
8
+ **Note:** Version bump only for package @alfalab/core-components-confirmation
9
+
10
+
11
+
12
+
13
+
14
+ ## [9.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-confirmation@9.0.0...@alfalab/core-components-confirmation@9.0.1) (2021-12-08)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * актуализируем @alfalab/utils ([#897](https://github.com/alfa-laboratory/core-components/issues/897)) ([30fb88e](https://github.com/alfa-laboratory/core-components/commit/30fb88eee36f68cabf80069e5125d911fabde4a5))
20
+
21
+
22
+
23
+
24
+
25
+ # [9.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-confirmation@8.5.1...@alfalab/core-components-confirmation@9.0.0) (2021-11-26)
26
+
27
+
28
+ ### Features
29
+
30
+ * **button:** добавлена кнопка размера 40px, изменены скругления ([#886](https://github.com/alfa-laboratory/core-components/issues/886)) ([88e657a](https://github.com/alfa-laboratory/core-components/commit/88e657a9f0f68b8b58f6e9437053954ee984f83c)), closes [#890](https://github.com/alfa-laboratory/core-components/issues/890)
31
+
32
+
33
+ ### BREAKING CHANGES
34
+
35
+ * **button:** Кнопка размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
36
+ заменить размер на xxs. Можно воспользоваться codemod.
37
+
38
+ * feat(codemod): add button xs to xxs transformer
39
+
40
+ * feat(tag): добавлен тэг размера 40px, изменены отступы
41
+
42
+ Добавлен тэг размером 40px, изменены отступы. Тем, кто использовал размер xs, надо заменить размер
43
+ на xxs.
44
+ * **button:** Тэг размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
45
+ заменить размер на xxs. Можно воспользоваться codemod.
46
+
47
+ * test: update screenshots
48
+
49
+ * test: update screenshots
50
+
51
+ * feat(button): linter fix
52
+
53
+ * feat(button): fix min-width
54
+
55
+ * feat(tag): remove vertical paddings
56
+
57
+ * feat(tag): remove vertical paddings
58
+
59
+ * feat(button): updates
60
+
61
+
62
+
63
+
64
+
65
+ ## [8.5.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-confirmation@8.5.0...@alfalab/core-components-confirmation@8.5.1) (2021-11-16)
66
+
67
+ **Note:** Version bump only for package @alfalab/core-components-confirmation
68
+
69
+
70
+
71
+
72
+
6
73
  # [8.5.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-confirmation@8.4.0...@alfalab/core-components-confirmation@8.5.0) (2021-10-18)
7
74
 
8
75
 
package/dist/component.js CHANGED
@@ -22,7 +22,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
22
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
24
24
 
25
- var styles = {"component":"confirmation__component_1tkto","error":"confirmation__error_1tkto","errorHeader":"confirmation__errorHeader_1tkto","errorText":"confirmation__errorText_1tkto","phoneHintWrap":"confirmation__phoneHintWrap_1tkto","phoneHintText":"confirmation__phoneHintText_1tkto","phonesWrap":"confirmation__phonesWrap_1tkto","phoneWrap":"confirmation__phoneWrap_1tkto","phoneDescription":"confirmation__phoneDescription_1tkto","center":"confirmation__center_1tkto"};
25
+ var styles = {"component":"confirmation__component_1gd21","error":"confirmation__error_1gd21","errorHeader":"confirmation__errorHeader_1gd21","errorText":"confirmation__errorText_1gd21","phoneHintWrap":"confirmation__phoneHintWrap_1gd21","phoneHintText":"confirmation__phoneHintText_1gd21","phonesWrap":"confirmation__phonesWrap_1gd21","phoneWrap":"confirmation__phoneWrap_1gd21","phoneDescription":"confirmation__phoneDescription_1gd21","center":"confirmation__center_1gd21"};
26
26
  require('./index.css')
27
27
 
28
28
  var Confirmation = React.forwardRef(function (_a, ref) {
@@ -35,7 +35,7 @@ function __spreadArrays() {
35
35
  return r;
36
36
  }
37
37
 
38
- var styles = {"component":"confirmation__component_16s9a","input":"confirmation__input_16s9a","hasError":"confirmation__hasError_16s9a","center":"confirmation__center_16s9a","disabled":"confirmation__disabled_16s9a","compact":"confirmation__compact_16s9a","shake":"confirmation__shake_16s9a"};
38
+ var styles = {"component":"confirmation__component_10ywr","input":"confirmation__input_10ywr","hasError":"confirmation__hasError_10ywr","center":"confirmation__center_10ywr","disabled":"confirmation__disabled_10ywr","compact":"confirmation__compact_10ywr","shake":"confirmation__shake_10ywr"};
39
39
  require('./index.css')
40
40
 
41
41
  var Input = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 16s9a */
1
+ /* hash: 7hhjz */
2
2
  :root {
3
3
  --color-light-bg-negative-muted: #feebea;
4
4
  --color-light-bg-secondary: #f3f4f5;
@@ -41,10 +41,10 @@
41
41
  --confirmation-input-bg-color: var(--color-light-bg-secondary);
42
42
  --confirmation-input-error-bg-color: var(--color-light-bg-negative-muted);
43
43
  }
44
- .confirmation__component_16s9a {
44
+ .confirmation__component_10ywr {
45
45
  display: flex;
46
46
  }
47
- .confirmation__input_16s9a {
47
+ .confirmation__input_10ywr {
48
48
  flex-shrink: 0;
49
49
  width: 36px;
50
50
  height: 48px;
@@ -61,23 +61,23 @@
61
61
  font-weight: var(--confirmation-input-font-weight);
62
62
  font-family: var(--confirmation-input-font-family)
63
63
  }
64
- .confirmation__input_16s9a.confirmation__hasError_16s9a {
64
+ .confirmation__input_10ywr.confirmation__hasError_10ywr {
65
65
  color: var(--confirmation-error-color);
66
66
  caret-color: var(--confirmation-input-text-color);
67
67
  background-color: var(--confirmation-input-error-bg-color);
68
68
  }
69
- .confirmation__input_16s9a.confirmation__center_16s9a {
69
+ .confirmation__input_10ywr.confirmation__center_10ywr {
70
70
  margin: 0 var(--gap-2xs);
71
71
  }
72
- .confirmation__input_16s9a.confirmation__disabled_16s9a {
72
+ .confirmation__input_10ywr.confirmation__disabled_10ywr {
73
73
  color: var(--color-light-text-tertiary);
74
74
  opacity: 1;
75
75
  }
76
- .confirmation__compact_16s9a .confirmation__input_16s9a {
76
+ .confirmation__compact_10ywr .confirmation__input_10ywr {
77
77
  width: 28px;
78
78
  height: 40px;
79
79
  }
80
- @keyframes confirmation__shake_16s9a {
80
+ @keyframes confirmation__shake_10ywr {
81
81
  0% {
82
82
  transform: translateX(0);
83
83
  }
@@ -94,6 +94,6 @@
94
94
  transform: translateX(0);
95
95
  }
96
96
  }
97
- .confirmation__shake_16s9a {
98
- animation: confirmation__shake_16s9a 0.15s linear 0s 3;
97
+ .confirmation__shake_10ywr {
98
+ animation: confirmation__shake_10ywr 0.15s linear 0s 3;
99
99
  }
@@ -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 = {"component":"confirmation__component_19xr0","hasError":"confirmation__hasError_19xr0","getCodeButton":"confirmation__getCodeButton_19xr0","info":"confirmation__info_19xr0","customContent":"confirmation__customContent_19xr0","loaderWrap":"confirmation__loaderWrap_19xr0","loader":"confirmation__loader_19xr0","center":"confirmation__center_19xr0","timePassed":"confirmation__timePassed_19xr0","noAttemptsLeftMessage":"confirmation__noAttemptsLeftMessage_19xr0"};
17
+ var styles = {"component":"confirmation__component_wvtim","hasError":"confirmation__hasError_wvtim","getCodeButton":"confirmation__getCodeButton_wvtim","info":"confirmation__info_wvtim","customContent":"confirmation__customContent_wvtim","loaderWrap":"confirmation__loaderWrap_wvtim","loader":"confirmation__loader_wvtim","center":"confirmation__center_wvtim","timePassed":"confirmation__timePassed_wvtim","noAttemptsLeftMessage":"confirmation__noAttemptsLeftMessage_wvtim"};
18
18
  require('./index.css')
19
19
 
20
20
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 19xr0 */
1
+ /* hash: a7ep6 */
2
2
  :root {
3
3
  --color-light-text-secondary: #546272;
4
4
  }
@@ -34,7 +34,7 @@
34
34
 
35
35
  /* input */
36
36
  }
37
- .confirmation__component_19xr0 {
37
+ .confirmation__component_wvtim {
38
38
  font-size: var(--confirmation-text-font-size);
39
39
  line-height: var(--confirmation-text-line-height);
40
40
  font-weight: var(--confirmation-text-font-weight);
@@ -47,39 +47,39 @@
47
47
  margin-top: var(--gap-3xl);
48
48
  color: var(--confirmation-text-color);
49
49
  }
50
- .confirmation__hasError_19xr0 .confirmation__getCodeButton_19xr0 {
50
+ .confirmation__hasError_wvtim .confirmation__getCodeButton_wvtim {
51
51
  margin-top: 0;
52
52
  }
53
- .confirmation__hasError_19xr0 .confirmation__info_19xr0 {
53
+ .confirmation__hasError_wvtim .confirmation__info_wvtim {
54
54
  margin-top: 0;
55
55
  }
56
- .confirmation__hasError_19xr0 .confirmation__customContent_19xr0 {
56
+ .confirmation__hasError_wvtim .confirmation__customContent_wvtim {
57
57
  margin-bottom: var(--gap-2xl);
58
58
  }
59
- .confirmation__info_19xr0 {
59
+ .confirmation__info_wvtim {
60
60
  margin: var(--gap-2xs) 0;
61
61
  }
62
- .confirmation__loaderWrap_19xr0 {
62
+ .confirmation__loaderWrap_wvtim {
63
63
  display: flex;
64
64
  align-items: center;
65
65
  margin-bottom: var(--gap-xs);
66
66
  }
67
- .confirmation__loader_19xr0 {
67
+ .confirmation__loader_wvtim {
68
68
  margin-right: var(--gap-xs);
69
69
  }
70
- .confirmation__center_19xr0 {
70
+ .confirmation__center_wvtim {
71
71
  align-items: center
72
72
  }
73
- .confirmation__center_19xr0 .confirmation__loaderWrap_19xr0 {
73
+ .confirmation__center_wvtim .confirmation__loaderWrap_wvtim {
74
74
  justify-content: center;
75
75
  }
76
- .confirmation__timePassed_19xr0 {
76
+ .confirmation__timePassed_wvtim {
77
77
  display: flex;
78
78
  min-width: 3em;
79
79
  }
80
- .confirmation__getCodeButton_19xr0 {
80
+ .confirmation__getCodeButton_wvtim {
81
81
  margin-top: var(--gap-2xl);
82
82
  }
83
- .confirmation__noAttemptsLeftMessage_19xr0 {
83
+ .confirmation__noAttemptsLeftMessage_wvtim {
84
84
  margin: var(--gap-2xs) 0 var(--gap-xs);
85
85
  }
@@ -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_1wjyj"};
11
+ var styles = {"circle":"confirmation__circle_16xkg"};
12
12
  require('./index.css')
13
13
 
14
14
  var SIZE = 16;
@@ -1,4 +1,4 @@
1
- /* hash: 1wjyj */
1
+ /* hash: 8baeg */
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_1wjyj {
22
+ .confirmation__circle_16xkg {
23
23
  fill: transparent;
24
24
  stroke: var(--color-light-graphic-tertiary);
25
25
  stroke-width: 2px;
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
 
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
 
18
- var styles = {"component":"confirmation__component_68ksl","title":"confirmation__title_68ksl","description":"confirmation__description_68ksl","countdown":"confirmation__countdown_68ksl","loader":"confirmation__loader_68ksl","timePassed":"confirmation__timePassed_68ksl","getCodeButton":"confirmation__getCodeButton_68ksl","alertIcon":"confirmation__alertIcon_68ksl"};
18
+ var styles = {"component":"confirmation__component_1344p","title":"confirmation__title_1344p","description":"confirmation__description_1344p","countdown":"confirmation__countdown_1344p","loader":"confirmation__loader_1344p","timePassed":"confirmation__timePassed_1344p","getCodeButton":"confirmation__getCodeButton_1344p","alertIcon":"confirmation__alertIcon_1344p"};
19
19
  require('./index.css')
20
20
 
21
21
  var Overlimit = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 68ksl */
1
+ /* hash: 15jcj */
2
2
  :root {
3
3
  --color-static-status-red: #d91d0b;
4
4
  }
@@ -45,12 +45,12 @@
45
45
 
46
46
  /* input */
47
47
  }
48
- .confirmation__component_68ksl {
48
+ .confirmation__component_1344p {
49
49
  display: flex;
50
50
  flex-direction: column;
51
51
  align-items: center;
52
52
  }
53
- .confirmation__title_68ksl {
53
+ .confirmation__title_1344p {
54
54
  font-size: var(--confirmation-title-font-size);
55
55
  line-height: var(--confirmation-title-line-height);
56
56
  font-weight: var(--confirmation-title-font-weight);
@@ -60,30 +60,30 @@
60
60
 
61
61
  margin-bottom: var(--gap-3xl);
62
62
  }
63
- .confirmation__description_68ksl {
63
+ .confirmation__description_1344p {
64
64
  font-size: var(--confirmation-text-font-size);
65
65
  line-height: var(--confirmation-text-line-height);
66
66
  font-weight: var(--confirmation-text-font-weight);
67
67
  font-family: var(--confirmation-text-font-family);
68
68
  color: var(--confirmation-text-color);
69
69
  }
70
- .confirmation__countdown_68ksl {
70
+ .confirmation__countdown_1344p {
71
71
  display: flex;
72
72
  align-items: center;
73
73
  justify-content: center;
74
74
  margin-top: var(--gap-2xs);
75
75
  }
76
- .confirmation__loader_68ksl {
76
+ .confirmation__loader_1344p {
77
77
  margin-right: var(--gap-xs);
78
78
  }
79
- .confirmation__timePassed_68ksl {
79
+ .confirmation__timePassed_1344p {
80
80
  display: flex;
81
81
  min-width: 3em;
82
82
  }
83
- .confirmation__getCodeButton_68ksl {
83
+ .confirmation__getCodeButton_1344p {
84
84
  margin-top: var(--gap-2xl);
85
85
  }
86
- .confirmation__alertIcon_68ksl {
86
+ .confirmation__alertIcon_1344p {
87
87
  text-align: center;
88
88
  margin-bottom: var(--gap-xl);
89
89
  color: var(--color-static-status-red);
@@ -19,7 +19,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
19
19
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
21
21
 
22
- var styles = {"component":"confirmation__component_s4cqs","countdown":"confirmation__countdown_s4cqs","hidden":"confirmation__hidden_s4cqs","header":"confirmation__header_s4cqs","inputContainer":"confirmation__inputContainer_s4cqs","smsComeLinkWrap":"confirmation__smsComeLinkWrap_s4cqs","smsComeLink":"confirmation__smsComeLink_s4cqs","error":"confirmation__error_s4cqs","loaderWrap":"confirmation__loaderWrap_s4cqs","loaderText":"confirmation__loaderText_s4cqs","center":"confirmation__center_s4cqs","codeInput":"confirmation__codeInput_s4cqs"};
22
+ var styles = {"component":"confirmation__component_14mzk","countdown":"confirmation__countdown_14mzk","hidden":"confirmation__hidden_14mzk","header":"confirmation__header_14mzk","inputContainer":"confirmation__inputContainer_14mzk","smsComeLinkWrap":"confirmation__smsComeLinkWrap_14mzk","smsComeLink":"confirmation__smsComeLink_14mzk","error":"confirmation__error_14mzk","loaderWrap":"confirmation__loaderWrap_14mzk","loaderText":"confirmation__loaderText_14mzk","center":"confirmation__center_14mzk","codeInput":"confirmation__codeInput_14mzk"};
23
23
  require('./index.css')
24
24
 
25
25
  var SignConfirmation = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: s4cqs */
1
+ /* hash: lsgrd */
2
2
  :root {
3
3
  --color-light-text-negative: #d91d0b;
4
4
  --color-light-text-primary: #0b1f35;
@@ -43,20 +43,20 @@
43
43
 
44
44
  /* input */
45
45
  }
46
- .confirmation__component_s4cqs {
46
+ .confirmation__component_14mzk {
47
47
  display: flex;
48
48
  flex-direction: column;
49
49
  }
50
- .confirmation__countdown_s4cqs {
50
+ .confirmation__countdown_14mzk {
51
51
  max-height: 300px;
52
52
  overflow: hidden;
53
53
  transition: max-height 0.15s ease;
54
54
  }
55
- .confirmation__hidden_s4cqs {
55
+ .confirmation__hidden_14mzk {
56
56
  opacity: 0;
57
57
  max-height: 0;
58
58
  }
59
- .confirmation__header_s4cqs {
59
+ .confirmation__header_14mzk {
60
60
  font-size: var(--confirmation-title-font-size);
61
61
  line-height: var(--confirmation-title-line-height);
62
62
  font-weight: var(--confirmation-title-font-weight);
@@ -67,19 +67,19 @@
67
67
  margin-bottom: var(--gap-3xl);
68
68
  color: var(--confirmation-title-color);
69
69
  }
70
- .confirmation__inputContainer_s4cqs {
70
+ .confirmation__inputContainer_14mzk {
71
71
  display: flex;
72
72
  flex-direction: column;
73
73
  }
74
- .confirmation__smsComeLinkWrap_s4cqs {
74
+ .confirmation__smsComeLinkWrap_14mzk {
75
75
  margin-top: var(--gap-l);
76
76
  }
77
- .confirmation__smsComeLink_s4cqs {
77
+ .confirmation__smsComeLink_14mzk {
78
78
  font-size: 14px;
79
79
  line-height: 20px;
80
80
  font-weight: 400;
81
81
  }
82
- .confirmation__error_s4cqs {
82
+ .confirmation__error_14mzk {
83
83
  font-size: 14px;
84
84
  line-height: 20px;
85
85
  font-weight: 400;
@@ -87,12 +87,12 @@
87
87
  margin-top: var(--gap-xs);
88
88
  color: var(--confirmation-error-color);
89
89
  }
90
- .confirmation__loaderWrap_s4cqs {
90
+ .confirmation__loaderWrap_14mzk {
91
91
  display: flex;
92
92
  align-items: center;
93
93
  margin: var(--gap-3xl) 0 var(--gap-xs);
94
94
  }
95
- .confirmation__loaderText_s4cqs {
95
+ .confirmation__loaderText_14mzk {
96
96
  font-size: var(--confirmation-text-font-size);
97
97
  line-height: var(--confirmation-text-line-height);
98
98
  font-weight: var(--confirmation-text-font-weight);
@@ -102,7 +102,7 @@
102
102
  margin-left: var(--gap-s);
103
103
  color: var(--confirmation-text-color);
104
104
  }
105
- .confirmation__center_s4cqs .confirmation__codeInput_s4cqs,
106
- .confirmation__center_s4cqs .confirmation__loaderWrap_s4cqs {
105
+ .confirmation__center_14mzk .confirmation__codeInput_14mzk,
106
+ .confirmation__center_14mzk .confirmation__loaderWrap_14mzk {
107
107
  justify-content: center;
108
108
  }
@@ -13,7 +13,7 @@ import { SignConfirmation } from './components/sign-confirmation/component.js';
13
13
  import '@alfalab/icons-glyph';
14
14
  import { Overlimit } from './components/overlimit/component.js';
15
15
 
16
- var styles = {"component":"confirmation__component_1tkto","error":"confirmation__error_1tkto","errorHeader":"confirmation__errorHeader_1tkto","errorText":"confirmation__errorText_1tkto","phoneHintWrap":"confirmation__phoneHintWrap_1tkto","phoneHintText":"confirmation__phoneHintText_1tkto","phonesWrap":"confirmation__phonesWrap_1tkto","phoneWrap":"confirmation__phoneWrap_1tkto","phoneDescription":"confirmation__phoneDescription_1tkto","center":"confirmation__center_1tkto"};
16
+ var styles = {"component":"confirmation__component_1gd21","error":"confirmation__error_1gd21","errorHeader":"confirmation__errorHeader_1gd21","errorText":"confirmation__errorText_1gd21","phoneHintWrap":"confirmation__phoneHintWrap_1gd21","phoneHintText":"confirmation__phoneHintText_1gd21","phonesWrap":"confirmation__phonesWrap_1gd21","phoneWrap":"confirmation__phoneWrap_1gd21","phoneDescription":"confirmation__phoneDescription_1gd21","center":"confirmation__center_1gd21"};
17
17
  require('./index.css')
18
18
 
19
19
  var Confirmation = forwardRef(function (_a, ref) {
@@ -26,7 +26,7 @@ function __spreadArrays() {
26
26
  return r;
27
27
  }
28
28
 
29
- var styles = {"component":"confirmation__component_16s9a","input":"confirmation__input_16s9a","hasError":"confirmation__hasError_16s9a","center":"confirmation__center_16s9a","disabled":"confirmation__disabled_16s9a","compact":"confirmation__compact_16s9a","shake":"confirmation__shake_16s9a"};
29
+ var styles = {"component":"confirmation__component_10ywr","input":"confirmation__input_10ywr","hasError":"confirmation__hasError_10ywr","center":"confirmation__center_10ywr","disabled":"confirmation__disabled_10ywr","compact":"confirmation__compact_10ywr","shake":"confirmation__shake_10ywr"};
30
30
  require('./index.css')
31
31
 
32
32
  var Input = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: 16s9a */
1
+ /* hash: 7hhjz */
2
2
  :root {
3
3
  --color-light-bg-negative-muted: #feebea;
4
4
  --color-light-bg-secondary: #f3f4f5;
@@ -41,10 +41,10 @@
41
41
  --confirmation-input-bg-color: var(--color-light-bg-secondary);
42
42
  --confirmation-input-error-bg-color: var(--color-light-bg-negative-muted);
43
43
  }
44
- .confirmation__component_16s9a {
44
+ .confirmation__component_10ywr {
45
45
  display: flex;
46
46
  }
47
- .confirmation__input_16s9a {
47
+ .confirmation__input_10ywr {
48
48
  flex-shrink: 0;
49
49
  width: 36px;
50
50
  height: 48px;
@@ -61,23 +61,23 @@
61
61
  font-weight: var(--confirmation-input-font-weight);
62
62
  font-family: var(--confirmation-input-font-family)
63
63
  }
64
- .confirmation__input_16s9a.confirmation__hasError_16s9a {
64
+ .confirmation__input_10ywr.confirmation__hasError_10ywr {
65
65
  color: var(--confirmation-error-color);
66
66
  caret-color: var(--confirmation-input-text-color);
67
67
  background-color: var(--confirmation-input-error-bg-color);
68
68
  }
69
- .confirmation__input_16s9a.confirmation__center_16s9a {
69
+ .confirmation__input_10ywr.confirmation__center_10ywr {
70
70
  margin: 0 var(--gap-2xs);
71
71
  }
72
- .confirmation__input_16s9a.confirmation__disabled_16s9a {
72
+ .confirmation__input_10ywr.confirmation__disabled_10ywr {
73
73
  color: var(--color-light-text-tertiary);
74
74
  opacity: 1;
75
75
  }
76
- .confirmation__compact_16s9a .confirmation__input_16s9a {
76
+ .confirmation__compact_10ywr .confirmation__input_10ywr {
77
77
  width: 28px;
78
78
  height: 40px;
79
79
  }
80
- @keyframes confirmation__shake_16s9a {
80
+ @keyframes confirmation__shake_10ywr {
81
81
  0% {
82
82
  transform: translateX(0);
83
83
  }
@@ -94,6 +94,6 @@
94
94
  transform: translateX(0);
95
95
  }
96
96
  }
97
- .confirmation__shake_16s9a {
98
- animation: confirmation__shake_16s9a 0.15s linear 0s 3;
97
+ .confirmation__shake_10ywr {
98
+ animation: confirmation__shake_10ywr 0.15s linear 0s 3;
99
99
  }
@@ -5,7 +5,7 @@ import { phoneNumber } from '@alfalab/utils';
5
5
  import { usePrevious } from '@alfalab/hooks';
6
6
  import { CountdownLoader } from '../countdown-loader/component.js';
7
7
 
8
- var styles = {"component":"confirmation__component_19xr0","hasError":"confirmation__hasError_19xr0","getCodeButton":"confirmation__getCodeButton_19xr0","info":"confirmation__info_19xr0","customContent":"confirmation__customContent_19xr0","loaderWrap":"confirmation__loaderWrap_19xr0","loader":"confirmation__loader_19xr0","center":"confirmation__center_19xr0","timePassed":"confirmation__timePassed_19xr0","noAttemptsLeftMessage":"confirmation__noAttemptsLeftMessage_19xr0"};
8
+ var styles = {"component":"confirmation__component_wvtim","hasError":"confirmation__hasError_wvtim","getCodeButton":"confirmation__getCodeButton_wvtim","info":"confirmation__info_wvtim","customContent":"confirmation__customContent_wvtim","loaderWrap":"confirmation__loaderWrap_wvtim","loader":"confirmation__loader_wvtim","center":"confirmation__center_wvtim","timePassed":"confirmation__timePassed_wvtim","noAttemptsLeftMessage":"confirmation__noAttemptsLeftMessage_wvtim"};
9
9
  require('./index.css')
10
10
 
11
11
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 19xr0 */
1
+ /* hash: a7ep6 */
2
2
  :root {
3
3
  --color-light-text-secondary: #546272;
4
4
  }
@@ -34,7 +34,7 @@
34
34
 
35
35
  /* input */
36
36
  }
37
- .confirmation__component_19xr0 {
37
+ .confirmation__component_wvtim {
38
38
  font-size: var(--confirmation-text-font-size);
39
39
  line-height: var(--confirmation-text-line-height);
40
40
  font-weight: var(--confirmation-text-font-weight);
@@ -47,39 +47,39 @@
47
47
  margin-top: var(--gap-3xl);
48
48
  color: var(--confirmation-text-color);
49
49
  }
50
- .confirmation__hasError_19xr0 .confirmation__getCodeButton_19xr0 {
50
+ .confirmation__hasError_wvtim .confirmation__getCodeButton_wvtim {
51
51
  margin-top: 0;
52
52
  }
53
- .confirmation__hasError_19xr0 .confirmation__info_19xr0 {
53
+ .confirmation__hasError_wvtim .confirmation__info_wvtim {
54
54
  margin-top: 0;
55
55
  }
56
- .confirmation__hasError_19xr0 .confirmation__customContent_19xr0 {
56
+ .confirmation__hasError_wvtim .confirmation__customContent_wvtim {
57
57
  margin-bottom: var(--gap-2xl);
58
58
  }
59
- .confirmation__info_19xr0 {
59
+ .confirmation__info_wvtim {
60
60
  margin: var(--gap-2xs) 0;
61
61
  }
62
- .confirmation__loaderWrap_19xr0 {
62
+ .confirmation__loaderWrap_wvtim {
63
63
  display: flex;
64
64
  align-items: center;
65
65
  margin-bottom: var(--gap-xs);
66
66
  }
67
- .confirmation__loader_19xr0 {
67
+ .confirmation__loader_wvtim {
68
68
  margin-right: var(--gap-xs);
69
69
  }
70
- .confirmation__center_19xr0 {
70
+ .confirmation__center_wvtim {
71
71
  align-items: center
72
72
  }
73
- .confirmation__center_19xr0 .confirmation__loaderWrap_19xr0 {
73
+ .confirmation__center_wvtim .confirmation__loaderWrap_wvtim {
74
74
  justify-content: center;
75
75
  }
76
- .confirmation__timePassed_19xr0 {
76
+ .confirmation__timePassed_wvtim {
77
77
  display: flex;
78
78
  min-width: 3em;
79
79
  }
80
- .confirmation__getCodeButton_19xr0 {
80
+ .confirmation__getCodeButton_wvtim {
81
81
  margin-top: var(--gap-2xl);
82
82
  }
83
- .confirmation__noAttemptsLeftMessage_19xr0 {
83
+ .confirmation__noAttemptsLeftMessage_wvtim {
84
84
  margin: var(--gap-2xs) 0 var(--gap-xs);
85
85
  }
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- var styles = {"circle":"confirmation__circle_1wjyj"};
3
+ var styles = {"circle":"confirmation__circle_16xkg"};
4
4
  require('./index.css')
5
5
 
6
6
  var SIZE = 16;
@@ -1,4 +1,4 @@
1
- /* hash: 1wjyj */
1
+ /* hash: 8baeg */
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_1wjyj {
22
+ .confirmation__circle_16xkg {
23
23
  fill: transparent;
24
24
  stroke: var(--color-light-graphic-tertiary);
25
25
  stroke-width: 2px;
@@ -7,7 +7,7 @@ import { CountdownLoader } from '../countdown-loader/component.js';
7
7
  import { formatMsAsMinutes } from '../countdown/component.js';
8
8
  import { CrossCircleMIcon } from '@alfalab/icons-glyph';
9
9
 
10
- var styles = {"component":"confirmation__component_68ksl","title":"confirmation__title_68ksl","description":"confirmation__description_68ksl","countdown":"confirmation__countdown_68ksl","loader":"confirmation__loader_68ksl","timePassed":"confirmation__timePassed_68ksl","getCodeButton":"confirmation__getCodeButton_68ksl","alertIcon":"confirmation__alertIcon_68ksl"};
10
+ var styles = {"component":"confirmation__component_1344p","title":"confirmation__title_1344p","description":"confirmation__description_1344p","countdown":"confirmation__countdown_1344p","loader":"confirmation__loader_1344p","timePassed":"confirmation__timePassed_1344p","getCodeButton":"confirmation__getCodeButton_1344p","alertIcon":"confirmation__alertIcon_1344p"};
11
11
  require('./index.css')
12
12
 
13
13
  var Overlimit = function (_a) {