@alfalab/core-components-confirmation 13.4.1 → 13.5.1

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 (66) hide show
  1. package/components/base-confirmation/component.js +3 -2
  2. package/components/base-confirmation/index.css +2 -2
  3. package/components/countdown-loader/component.js +1 -1
  4. package/components/countdown-loader/index.css +2 -2
  5. package/components/header/component.js +1 -1
  6. package/components/header/index.css +4 -4
  7. package/components/screens/fatal-error/component.js +1 -1
  8. package/components/screens/fatal-error/index.css +6 -6
  9. package/components/screens/hint/component.js +1 -1
  10. package/components/screens/hint/index.css +12 -13
  11. package/components/screens/initial/component.js +2 -2
  12. package/components/screens/initial/countdown-section.js +1 -1
  13. package/components/screens/initial/index.css +20 -17
  14. package/components/screens/temp-block/component.js +1 -1
  15. package/components/screens/temp-block/index.css +7 -7
  16. package/{countdown-section-c7b95621.js → countdown-section-7f7c287b.js} +1 -1
  17. package/cssm/components/base-confirmation/component.js +2 -1
  18. package/cssm/components/screens/hint/index.module.css +0 -1
  19. package/cssm/components/screens/initial/component.js +1 -1
  20. package/cssm/components/screens/initial/index.module.css +3 -0
  21. package/esm/components/base-confirmation/component.js +4 -3
  22. package/esm/components/base-confirmation/index.css +2 -2
  23. package/esm/components/countdown-loader/component.js +1 -1
  24. package/esm/components/countdown-loader/index.css +2 -2
  25. package/esm/components/header/component.js +1 -1
  26. package/esm/components/header/index.css +4 -4
  27. package/esm/components/screens/fatal-error/component.js +1 -1
  28. package/esm/components/screens/fatal-error/index.css +6 -6
  29. package/esm/components/screens/hint/component.js +1 -1
  30. package/esm/components/screens/hint/index.css +12 -13
  31. package/esm/components/screens/initial/component.js +2 -2
  32. package/esm/components/screens/initial/countdown-section.js +1 -1
  33. package/esm/components/screens/initial/index.css +20 -17
  34. package/esm/components/screens/temp-block/component.js +1 -1
  35. package/esm/components/screens/temp-block/index.css +7 -7
  36. package/esm/{countdown-section-b0eafcff.js → countdown-section-9d180970.js} +1 -1
  37. package/esm/mobile/component.mobile.js +1 -1
  38. package/esm/mobile/mobile.css +2 -2
  39. package/mobile/component.mobile.js +1 -1
  40. package/mobile/mobile.css +2 -2
  41. package/modern/components/base-confirmation/component.js +4 -3
  42. package/modern/components/base-confirmation/index.css +2 -2
  43. package/modern/components/countdown-loader/component.js +1 -1
  44. package/modern/components/countdown-loader/index.css +2 -2
  45. package/modern/components/header/component.js +1 -1
  46. package/modern/components/header/index.css +4 -4
  47. package/modern/components/screens/fatal-error/component.js +1 -1
  48. package/modern/components/screens/fatal-error/index.css +6 -6
  49. package/modern/components/screens/hint/component.js +1 -1
  50. package/modern/components/screens/hint/index.css +12 -13
  51. package/modern/components/screens/initial/component.js +2 -2
  52. package/modern/components/screens/initial/countdown-section.js +1 -1
  53. package/modern/components/screens/initial/index.css +20 -17
  54. package/modern/components/screens/temp-block/component.js +1 -1
  55. package/modern/components/screens/temp-block/index.css +7 -7
  56. package/modern/{countdown-section-0eefd440.js → countdown-section-c4e32e68.js} +1 -1
  57. package/modern/mobile/component.mobile.js +1 -1
  58. package/modern/mobile/mobile.css +2 -2
  59. package/package.json +2 -2
  60. package/src/components/base-confirmation/component.tsx +7 -2
  61. package/src/components/screens/hint/index.module.css +0 -1
  62. package/src/components/screens/initial/component.tsx +6 -1
  63. package/src/components/screens/initial/index.module.css +4 -0
  64. /package/{countdown-section-c7b95621.d.ts → countdown-section-7f7c287b.d.ts} +0 -0
  65. /package/esm/{countdown-section-b0eafcff.d.ts → countdown-section-9d180970.d.ts} +0 -0
  66. /package/modern/{countdown-section-0eefd440.d.ts → countdown-section-c4e32e68.d.ts} +0 -0
package/esm/components/screens/fatal-error/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1wq1q */
1
+ /* hash: zltpm */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,20 +31,20 @@
31
31
  --confirmation-text-color: var(--color-light-text-primary)
32
32
 
33
33
  /* header */
34
- } .confirmation__component_9i7m9 {
34
+ } .confirmation__component_tcp3d {
35
35
  display: flex;
36
36
  flex-direction: column;
37
- } .confirmation__typographyTheme_9i7m9.confirmation__typographyTheme_9i7m9 {
37
+ } .confirmation__typographyTheme_tcp3d.confirmation__typographyTheme_tcp3d {
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);
41
41
  font-family: var(--confirmation-text-font-family);
42
42
  color: var(--confirmation-text-color);
43
- } .confirmation__left_9i7m9 {
43
+ } .confirmation__left_tcp3d {
44
44
  align-items: flex-start;
45
- } .confirmation__center_9i7m9 {
45
+ } .confirmation__center_tcp3d {
46
46
  align-items: center;
47
47
  text-align: center;
48
- } .confirmation__button_9i7m9.confirmation__button_9i7m9 {
48
+ } .confirmation__button_tcp3d.confirmation__button_tcp3d {
49
49
  margin-top: var(--gap-2xl);
50
50
  }
package/esm/components/screens/hint/component.js CHANGED
@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/esm';
6
6
  import { ConfirmationContext } from '../../../context.js';
7
7
  import { Header } from '../../header/component.js';
8
8
 
9
- var styles = {"component":"confirmation__component_1c2ud","center":"confirmation__center_1c2ud","text":"confirmation__text_1c2ud","typographyTheme":"confirmation__typographyTheme_1c2ud","phonesWrap":"confirmation__phonesWrap_1c2ud","phoneWrap":"confirmation__phoneWrap_1c2ud","phoneLink":"confirmation__phoneLink_1c2ud","hintButton":"confirmation__hintButton_1c2ud","phoneContentMobile":"confirmation__phoneContentMobile_1c2ud"};
9
+ var styles = {"component":"confirmation__component_1fggh","center":"confirmation__center_1fggh","text":"confirmation__text_1fggh","typographyTheme":"confirmation__typographyTheme_1fggh","phonesWrap":"confirmation__phonesWrap_1fggh","phoneWrap":"confirmation__phoneWrap_1fggh","phoneLink":"confirmation__phoneLink_1fggh","hintButton":"confirmation__hintButton_1fggh","phoneContentMobile":"confirmation__phoneContentMobile_1fggh"};
10
10
  require('./index.css')
11
11
 
12
12
  var Hint = function (_a) {
package/esm/components/screens/hint/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: w72gc */
1
+ /* hash: ey4aj */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,39 +33,38 @@
33
33
  --confirmation-text-color: var(--color-light-text-primary)
34
34
 
35
35
  /* header */
36
- } .confirmation__component_1c2ud {
36
+ } .confirmation__component_1fggh {
37
37
  display: flex;
38
38
  flex-direction: column;
39
39
  align-items: flex-start
40
- } .confirmation__component_1c2ud span:last-of-type {
40
+ } .confirmation__component_1fggh span:last-of-type {
41
41
  margin-bottom: 0;
42
- } .confirmation__center_1c2ud {
42
+ } .confirmation__center_1fggh {
43
43
  align-items: center;
44
44
  text-align: center;
45
- } .confirmation__text_1c2ud.confirmation__text_1c2ud {
45
+ } .confirmation__text_1fggh.confirmation__text_1fggh {
46
46
  margin-bottom: var(--gap-xl);
47
- } .confirmation__typographyTheme_1c2ud.confirmation__typographyTheme_1c2ud {
47
+ } .confirmation__typographyTheme_1fggh.confirmation__typographyTheme_1fggh {
48
48
  font-size: var(--confirmation-text-font-size);
49
49
  line-height: var(--confirmation-text-line-height);
50
50
  font-weight: var(--confirmation-text-font-weight);
51
51
  font-family: var(--confirmation-text-font-family);
52
52
  color: var(--confirmation-text-color);
53
- } .confirmation__phonesWrap_1c2ud {
53
+ } .confirmation__phonesWrap_1fggh {
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  margin-bottom: var(--gap-xl);
57
- } .confirmation__phoneWrap_1c2ud {
57
+ } .confirmation__phoneWrap_1fggh {
58
58
  margin-bottom: var(--gap-xs)
59
- } .confirmation__phoneWrap_1c2ud:last-child {
59
+ } .confirmation__phoneWrap_1fggh:last-child {
60
60
  margin-bottom: 0;
61
- } .confirmation__phoneLink_1c2ud.confirmation__phoneLink_1c2ud {
61
+ } .confirmation__phoneLink_1fggh.confirmation__phoneLink_1fggh {
62
62
  font-size: 16px;
63
63
  line-height: 24px;
64
64
  font-weight: 500;
65
- } .confirmation__hintButton_1c2ud {
65
+ } .confirmation__hintButton_1fggh {
66
66
  margin-top: var(--gap-2xl);
67
- } .confirmation__phoneContentMobile_1c2ud {
67
+ } .confirmation__phoneContentMobile_1fggh {
68
68
  display: flex;
69
69
  flex-direction: column;
70
- align-items: center;
71
70
  }
package/esm/components/screens/initial/component.js CHANGED
@@ -8,7 +8,7 @@ import { Typography } from '@alfalab/core-components-typography/esm';
8
8
  import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
9
9
  import { ConfirmationContext } from '../../../context.js';
10
10
  import { Header } from '../../header/component.js';
11
- import { s as styles, C as CountdownSection } from '../../../countdown-section-b0eafcff.js';
11
+ import { s as styles, C as CountdownSection } from '../../../countdown-section-9d180970.js';
12
12
 
13
13
  var CODE_SEND_HINT_VISIBLE_DURATION = 2000;
14
14
  var Initial = function (_a) {
@@ -83,7 +83,7 @@ var Initial = function (_a) {
83
83
  return initialScreenHintSlot;
84
84
  }
85
85
  if (mobile) {
86
- return (React.createElement(ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'transparent', size: 'xs' }, texts.linkToHint));
86
+ return (React.createElement(ButtonMobile, { onClick: handleSmsHintLinkClick, className: styles.smsBtn, view: 'text', size: 'xs' }, texts.linkToHint));
87
87
  }
88
88
  return (React.createElement(Link, { onClick: handleSmsHintLinkClick, className: styles.smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
89
89
  };
package/esm/components/screens/initial/countdown-section.js CHANGED
@@ -5,4 +5,4 @@ import '@alfalab/core-components-spinner/esm';
5
5
  import '@alfalab/core-components-typography/esm';
6
6
  import '../../../context.js';
7
7
  import '../../../utils.js';
8
- export { C as CountdownSection } from '../../../countdown-section-b0eafcff.js';
8
+ export { C as CountdownSection } from '../../../countdown-section-9d180970.js';
package/esm/components/screens/initial/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 11fyz */
1
+ /* hash: 12cmv */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e;
@@ -24,6 +24,7 @@
24
24
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
25
25
  sans-serif;
26
26
  } :root {
27
+ --size-xs-height: 40px;
27
28
  } :root {
28
29
  /* desktop */
29
30
 
@@ -37,49 +38,51 @@
37
38
  --confirmation-text-color: var(--color-light-text-primary)
38
39
 
39
40
  /* header */
40
- } .confirmation__component_84m2v {
41
+ } .confirmation__component_1ul2b {
41
42
  display: flex;
42
43
  flex-direction: column;
43
- } .confirmation__typographyTheme_84m2v.confirmation__typographyTheme_84m2v {
44
+ } .confirmation__typographyTheme_1ul2b.confirmation__typographyTheme_1ul2b {
44
45
  font-size: var(--confirmation-text-font-size);
45
46
  line-height: var(--confirmation-text-line-height);
46
47
  font-weight: var(--confirmation-text-font-weight);
47
48
  font-family: var(--confirmation-text-font-family);
48
49
  color: var(--confirmation-text-color);
49
- } .confirmation__phone_84m2v.confirmation__phone_84m2v {
50
+ } .confirmation__phone_1ul2b.confirmation__phone_1ul2b {
50
51
  color: var(--color-light-text-primary);
51
52
  margin-bottom: var(--gap-2xl);
52
- } .confirmation__compact_84m2v {
53
+ } .confirmation__compact_1ul2b {
53
54
  margin-bottom: var(--gap-xl);
54
- } .confirmation__loaderWrap_84m2v {
55
+ } .confirmation__loaderWrap_1ul2b {
55
56
  display: flex;
56
57
  align-items: center;
57
- } .confirmation__left_84m2v {
58
+ } .confirmation__left_1ul2b {
58
59
  align-items: flex-start;
59
- } .confirmation__center_84m2v {
60
+ } .confirmation__center_1ul2b {
60
61
  align-items: center;
61
62
  text-align: center
62
- } .confirmation__center_84m2v .confirmation__loaderWrap_84m2v {
63
+ } .confirmation__center_1ul2b .confirmation__loaderWrap_1ul2b {
63
64
  justify-content: center;
64
- } .confirmation__codeInput_84m2v {
65
+ } .confirmation__codeInput_1ul2b {
65
66
  margin-bottom: var(--gap-s);
66
- } .confirmation__smsComeLink_84m2v.confirmation__smsComeLink_84m2v {
67
+ } .confirmation__smsBtn_1ul2b.confirmation__smsBtn_1ul2b {
68
+ min-height: var(--size-xs-height);
69
+ } .confirmation__smsComeLink_1ul2b.confirmation__smsComeLink_1ul2b {
67
70
  font-size: 14px;
68
71
  line-height: 20px;
69
72
  font-weight: 500;
70
- } .confirmation__countdownContainer_84m2v.confirmation__countdownContainer_84m2v {
73
+ } .confirmation__countdownContainer_1ul2b.confirmation__countdownContainer_1ul2b {
71
74
  color: var(--color-light-text-secondary);
72
75
  margin-bottom: var(--gap-xl);
73
- } .confirmation__countdownMobile_84m2v.confirmation__countdownMobile_84m2v {
76
+ } .confirmation__countdownMobile_1ul2b.confirmation__countdownMobile_1ul2b {
74
77
  margin-bottom: var(--gap-l);
75
- } .confirmation__countdownLoaderMobile_84m2v.confirmation__countdownLoaderMobile_84m2v {
78
+ } .confirmation__countdownLoaderMobile_1ul2b.confirmation__countdownLoaderMobile_1ul2b {
76
79
  margin-bottom: var(--gap-m);
77
- } .confirmation__getCodeButton_84m2v {
80
+ } .confirmation__getCodeButton_1ul2b {
78
81
  position: relative;
79
82
  top: var(--gap-2xs-neg);
80
83
  margin-bottom: var(--gap-m);
81
- } .confirmation__getCodeButtonMobile_84m2v {
84
+ } .confirmation__getCodeButtonMobile_1ul2b {
82
85
  margin-bottom: 0;
83
- } .confirmation__containerInput_84m2v {
86
+ } .confirmation__containerInput_1ul2b {
84
87
  min-height: 80px;
85
88
  }
package/esm/components/screens/temp-block/component.js CHANGED
@@ -6,7 +6,7 @@ import { useCountdown, formatMsAsMinutes } from '../../../utils.js';
6
6
  import { CountdownLoader } from '../../countdown-loader/component.js';
7
7
  import { Header } from '../../header/component.js';
8
8
 
9
- var styles = {"component":"confirmation__component_1ifyu","center":"confirmation__center_1ifyu","typographyTheme":"confirmation__typographyTheme_1ifyu","description":"confirmation__description_1ifyu","countdownWrap":"confirmation__countdownWrap_1ifyu","loader":"confirmation__loader_1ifyu"};
9
+ var styles = {"component":"confirmation__component_f6zso","center":"confirmation__center_f6zso","typographyTheme":"confirmation__typographyTheme_f6zso","description":"confirmation__description_f6zso","countdownWrap":"confirmation__countdownWrap_f6zso","loader":"confirmation__loader_f6zso"};
10
10
  require('./index.css')
11
11
 
12
12
  var TempBlock = function (_a) {
package/esm/components/screens/temp-block/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: w04ue */
1
+ /* hash: wwsqb */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,23 +31,23 @@
31
31
  --confirmation-text-color: var(--color-light-text-primary)
32
32
 
33
33
  /* header */
34
- } .confirmation__component_1ifyu {
34
+ } .confirmation__component_f6zso {
35
35
  display: flex;
36
36
  flex-direction: column;
37
- } .confirmation__center_1ifyu {
37
+ } .confirmation__center_f6zso {
38
38
  align-items: center;
39
39
  text-align: center;
40
- } .confirmation__typographyTheme_1ifyu.confirmation__typographyTheme_1ifyu {
40
+ } .confirmation__typographyTheme_f6zso.confirmation__typographyTheme_f6zso {
41
41
  font-size: var(--confirmation-text-font-size);
42
42
  line-height: var(--confirmation-text-line-height);
43
43
  font-weight: var(--confirmation-text-font-weight);
44
44
  font-family: var(--confirmation-text-font-family);
45
45
  color: var(--confirmation-text-color);
46
- } .confirmation__description_1ifyu.confirmation__description_1ifyu {
46
+ } .confirmation__description_f6zso.confirmation__description_f6zso {
47
47
  margin-bottom: var(--gap-xs);
48
- } .confirmation__countdownWrap_1ifyu {
48
+ } .confirmation__countdownWrap_f6zso {
49
49
  display: flex;
50
50
  align-items: center;
51
- } .confirmation__loader_1ifyu {
51
+ } .confirmation__loader_f6zso {
52
52
  margin-right: var(--gap-xs);
53
53
  }
package/esm/{countdown-section-b0eafcff.js → countdown-section-9d180970.js} RENAMED
@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/esm';
6
6
  import { ConfirmationContext } from './context.js';
7
7
  import { formatMsAsMinutes } from './utils.js';
8
8
 
9
- var styles = {"component":"confirmation__component_84m2v","typographyTheme":"confirmation__typographyTheme_84m2v","phone":"confirmation__phone_84m2v","compact":"confirmation__compact_84m2v","loaderWrap":"confirmation__loaderWrap_84m2v","left":"confirmation__left_84m2v","center":"confirmation__center_84m2v","codeInput":"confirmation__codeInput_84m2v","smsComeLink":"confirmation__smsComeLink_84m2v","countdownContainer":"confirmation__countdownContainer_84m2v","countdownMobile":"confirmation__countdownMobile_84m2v","countdownLoaderMobile":"confirmation__countdownLoaderMobile_84m2v","getCodeButton":"confirmation__getCodeButton_84m2v","getCodeButtonMobile":"confirmation__getCodeButtonMobile_84m2v","containerInput":"confirmation__containerInput_84m2v"};
9
+ var styles = {"component":"confirmation__component_1ul2b","typographyTheme":"confirmation__typographyTheme_1ul2b","phone":"confirmation__phone_1ul2b","compact":"confirmation__compact_1ul2b","loaderWrap":"confirmation__loaderWrap_1ul2b","left":"confirmation__left_1ul2b","center":"confirmation__center_1ul2b","codeInput":"confirmation__codeInput_1ul2b","smsBtn":"confirmation__smsBtn_1ul2b","smsComeLink":"confirmation__smsComeLink_1ul2b","countdownContainer":"confirmation__countdownContainer_1ul2b","countdownMobile":"confirmation__countdownMobile_1ul2b","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1ul2b","getCodeButton":"confirmation__getCodeButton_1ul2b","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1ul2b","containerInput":"confirmation__containerInput_1ul2b"};
10
10
  require('./components/screens/initial/index.css')
11
11
 
12
12
  var CountdownSection = function (_a) {
package/esm/mobile/component.mobile.js CHANGED
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { BaseConfirmation } from '../components/base-confirmation/component.js';
5
5
 
6
- var styles = {"container":"confirmation__container_1cyfg"};
6
+ var styles = {"container":"confirmation__container_1bvr4"};
7
7
  require('./mobile.css')
8
8
 
9
9
  var ConfirmationMobile = function (_a) {
package/esm/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1v2q4 */
2
- .confirmation__container_1cyfg {
1
+ /* hash: xyi33 */
2
+ .confirmation__container_1bvr4 {
3
3
  max-width: 288px;
4
4
  }
package/mobile/component.mobile.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"container":"confirmation__container_1cyfg"};
15
+ var styles = {"container":"confirmation__container_1bvr4"};
16
16
  require('./mobile.css')
17
17
 
18
18
  var ConfirmationMobile = function (_a) {
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1v2q4 */
2
- .confirmation__container_1cyfg {
1
+ /* hash: xyi33 */
2
+ .confirmation__container_1bvr4 {
3
3
  max-width: 288px;
4
4
  }
package/modern/components/base-confirmation/component.js CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useEffect } from 'react';
1
+ import React, { useEffect, useMemo } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { usePrevious } from '@alfalab/hooks';
4
4
  import { ConfirmationContext } from '../../context.js';
@@ -9,7 +9,7 @@ import { Hint } from '../screens/hint/component.js';
9
9
  import { FatalError } from '../screens/fatal-error/component.js';
10
10
  import { TempBlock } from '../screens/temp-block/component.js';
11
11
 
12
- const styles = {"component":"confirmation__component_3htkq"};
12
+ const styles = {"component":"confirmation__component_xjqxl"};
13
13
  require('./index.css')
14
14
 
15
15
  const confirmationScreens = {
@@ -77,7 +77,8 @@ const BaseConfirmation = ({ state, screen, alignContent = 'left', children, requ
77
77
  onSmsRetryClick: handleSmsRetry,
78
78
  onFatalErrorOkButtonClick: handleFatalErrorOkButtonClick,
79
79
  };
80
- const screensMap = getScreensMap ? getScreensMap(confirmationScreens) : confirmationScreens;
80
+ const customScreen = useMemo(() => getScreensMap && getScreensMap(confirmationScreens), [getScreensMap]);
81
+ const screensMap = customScreen || confirmationScreens;
81
82
  const CurrentScreen = screensMap[screen];
82
83
  return (React.createElement(ConfirmationContext.Provider, { value: contextValue },
83
84
  React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId }, CurrentScreen && React.createElement(CurrentScreen, { mobile: mobile }))));
package/modern/components/base-confirmation/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hc7d7 */
1
+ /* hash: 397ep */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .confirmation__component_3htkq {
18
+ } .confirmation__component_xjqxl {
19
19
  width: 100%;
20
20
  max-width: 388px;
21
21
  margin: 0 auto;
package/modern/components/countdown-loader/component.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- const styles = {"circle":"confirmation__circle_wjx8w"};
3
+ const styles = {"circle":"confirmation__circle_1jc0x"};
4
4
  require('./index.css')
5
5
 
6
6
  const SIZE = 16;
package/modern/components/countdown-loader/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ghupi */
1
+ /* hash: vggou */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-500: #babbc2; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,7 +15,7 @@
15
15
  } :root {
16
16
  } :root {
17
17
  } :root {
18
- } .confirmation__circle_wjx8w {
18
+ } .confirmation__circle_1jc0x {
19
19
  fill: transparent;
20
20
  stroke: var(--color-light-neutral-500);
21
21
  stroke-width: 2px;
package/modern/components/header/component.js CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Typography } from '@alfalab/core-components-typography/modern';
4
4
 
5
- const styles = {"header":"confirmation__header_15060","typography":"confirmation__typography_15060","typographyMobile":"confirmation__typographyMobile_15060"};
5
+ const styles = {"header":"confirmation__header_ghunu","typography":"confirmation__typography_ghunu","typographyMobile":"confirmation__typographyMobile_ghunu"};
6
6
  require('./index.css')
7
7
 
8
8
  const Header = ({ mobile, children }) => (React.createElement(Typography.Title, { className: cn(styles.header, styles.typography, { [styles.typographyMobile]: mobile }), tag: 'h3', color: 'primary' }, children));
package/modern/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1mx1s */
1
+ /* hash: pstr6 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -34,15 +34,15 @@
34
34
 
35
35
  /* header */
36
36
  --confirmation-header-font-feature-settings: normal
37
- } .confirmation__header_15060.confirmation__header_15060 {
37
+ } .confirmation__header_ghunu.confirmation__header_ghunu {
38
38
  margin-bottom: var(--gap-xl);
39
- } .confirmation__typography_15060.confirmation__typography_15060.confirmation__typography_15060 {
39
+ } .confirmation__typography_ghunu.confirmation__typography_ghunu.confirmation__typography_ghunu {
40
40
  font-feature-settings: var(--confirmation-header-font-feature-settings);
41
41
  font-size: var(--confirmation-header-desktop-font-size);
42
42
  line-height: var(--confirmation-header-desktop-line-height);
43
43
  font-weight: var(--confirmation-header-desktop-font-weight);
44
44
  font-family: var(--confirmation-header-desktop-font-family);
45
- } .confirmation__typographyMobile_15060.confirmation__typographyMobile_15060.confirmation__typographyMobile_15060 {
45
+ } .confirmation__typographyMobile_ghunu.confirmation__typographyMobile_ghunu.confirmation__typographyMobile_ghunu {
46
46
  font-feature-settings: var(--confirmation-header-font-feature-settings);
47
47
  font-size: var(--confirmation-header-mobile-font-size);
48
48
  line-height: var(--confirmation-header-mobile-line-height);
package/modern/components/screens/fatal-error/component.js CHANGED
@@ -5,7 +5,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
5
5
  import { ConfirmationContext } from '../../../context.js';
6
6
  import { Header } from '../../header/component.js';
7
7
 
8
- const styles = {"component":"confirmation__component_9i7m9","typographyTheme":"confirmation__typographyTheme_9i7m9","left":"confirmation__left_9i7m9","center":"confirmation__center_9i7m9","button":"confirmation__button_9i7m9"};
8
+ const styles = {"component":"confirmation__component_tcp3d","typographyTheme":"confirmation__typographyTheme_tcp3d","left":"confirmation__left_tcp3d","center":"confirmation__center_tcp3d","button":"confirmation__button_tcp3d"};
9
9
  require('./index.css')
10
10
 
11
11
  const FatalError = ({ mobile }) => {
package/modern/components/screens/fatal-error/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1wq1q */
1
+ /* hash: zltpm */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,20 +31,20 @@
31
31
  --confirmation-text-color: var(--color-light-text-primary)
32
32
 
33
33
  /* header */
34
- } .confirmation__component_9i7m9 {
34
+ } .confirmation__component_tcp3d {
35
35
  display: flex;
36
36
  flex-direction: column;
37
- } .confirmation__typographyTheme_9i7m9.confirmation__typographyTheme_9i7m9 {
37
+ } .confirmation__typographyTheme_tcp3d.confirmation__typographyTheme_tcp3d {
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);
41
41
  font-family: var(--confirmation-text-font-family);
42
42
  color: var(--confirmation-text-color);
43
- } .confirmation__left_9i7m9 {
43
+ } .confirmation__left_tcp3d {
44
44
  align-items: flex-start;
45
- } .confirmation__center_9i7m9 {
45
+ } .confirmation__center_tcp3d {
46
46
  align-items: center;
47
47
  text-align: center;
48
- } .confirmation__button_9i7m9.confirmation__button_9i7m9 {
48
+ } .confirmation__button_tcp3d.confirmation__button_tcp3d {
49
49
  margin-top: var(--gap-2xl);
50
50
  }
package/modern/components/screens/hint/component.js CHANGED
@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
6
6
  import { ConfirmationContext } from '../../../context.js';
7
7
  import { Header } from '../../header/component.js';
8
8
 
9
- const styles = {"component":"confirmation__component_1c2ud","center":"confirmation__center_1c2ud","text":"confirmation__text_1c2ud","typographyTheme":"confirmation__typographyTheme_1c2ud","phonesWrap":"confirmation__phonesWrap_1c2ud","phoneWrap":"confirmation__phoneWrap_1c2ud","phoneLink":"confirmation__phoneLink_1c2ud","hintButton":"confirmation__hintButton_1c2ud","phoneContentMobile":"confirmation__phoneContentMobile_1c2ud"};
9
+ const styles = {"component":"confirmation__component_1fggh","center":"confirmation__center_1fggh","text":"confirmation__text_1fggh","typographyTheme":"confirmation__typographyTheme_1fggh","phonesWrap":"confirmation__phonesWrap_1fggh","phoneWrap":"confirmation__phoneWrap_1fggh","phoneLink":"confirmation__phoneLink_1fggh","hintButton":"confirmation__hintButton_1fggh","phoneContentMobile":"confirmation__phoneContentMobile_1fggh"};
10
10
  require('./index.css')
11
11
 
12
12
  const Hint = ({ mobile }) => {
package/modern/components/screens/hint/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: w72gc */
1
+ /* hash: ey4aj */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,39 +33,38 @@
33
33
  --confirmation-text-color: var(--color-light-text-primary)
34
34
 
35
35
  /* header */
36
- } .confirmation__component_1c2ud {
36
+ } .confirmation__component_1fggh {
37
37
  display: flex;
38
38
  flex-direction: column;
39
39
  align-items: flex-start
40
- } .confirmation__component_1c2ud span:last-of-type {
40
+ } .confirmation__component_1fggh span:last-of-type {
41
41
  margin-bottom: 0;
42
- } .confirmation__center_1c2ud {
42
+ } .confirmation__center_1fggh {
43
43
  align-items: center;
44
44
  text-align: center;
45
- } .confirmation__text_1c2ud.confirmation__text_1c2ud {
45
+ } .confirmation__text_1fggh.confirmation__text_1fggh {
46
46
  margin-bottom: var(--gap-xl);
47
- } .confirmation__typographyTheme_1c2ud.confirmation__typographyTheme_1c2ud {
47
+ } .confirmation__typographyTheme_1fggh.confirmation__typographyTheme_1fggh {
48
48
  font-size: var(--confirmation-text-font-size);
49
49
  line-height: var(--confirmation-text-line-height);
50
50
  font-weight: var(--confirmation-text-font-weight);
51
51
  font-family: var(--confirmation-text-font-family);
52
52
  color: var(--confirmation-text-color);
53
- } .confirmation__phonesWrap_1c2ud {
53
+ } .confirmation__phonesWrap_1fggh {
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  margin-bottom: var(--gap-xl);
57
- } .confirmation__phoneWrap_1c2ud {
57
+ } .confirmation__phoneWrap_1fggh {
58
58
  margin-bottom: var(--gap-xs)
59
- } .confirmation__phoneWrap_1c2ud:last-child {
59
+ } .confirmation__phoneWrap_1fggh:last-child {
60
60
  margin-bottom: 0;
61
- } .confirmation__phoneLink_1c2ud.confirmation__phoneLink_1c2ud {
61
+ } .confirmation__phoneLink_1fggh.confirmation__phoneLink_1fggh {
62
62
  font-size: 16px;
63
63
  line-height: 24px;
64
64
  font-weight: 500;
65
- } .confirmation__hintButton_1c2ud {
65
+ } .confirmation__hintButton_1fggh {
66
66
  margin-top: var(--gap-2xl);
67
- } .confirmation__phoneContentMobile_1c2ud {
67
+ } .confirmation__phoneContentMobile_1fggh {
68
68
  display: flex;
69
69
  flex-direction: column;
70
- align-items: center;
71
70
  }
package/modern/components/screens/initial/component.js CHANGED
@@ -8,7 +8,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
8
8
  import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
9
9
  import { ConfirmationContext } from '../../../context.js';
10
10
  import { Header } from '../../header/component.js';
11
- import { s as styles, C as CountdownSection } from '../../../countdown-section-0eefd440.js';
11
+ import { s as styles, C as CountdownSection } from '../../../countdown-section-c4e32e68.js';
12
12
 
13
13
  const CODE_SEND_HINT_VISIBLE_DURATION = 2000;
14
14
  const Initial = ({ mobile }) => {
@@ -81,7 +81,7 @@ const Initial = ({ mobile }) => {
81
81
  return initialScreenHintSlot;
82
82
  }
83
83
  if (mobile) {
84
- return (React.createElement(ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'transparent', size: 'xs' }, texts.linkToHint));
84
+ return (React.createElement(ButtonMobile, { onClick: handleSmsHintLinkClick, className: styles.smsBtn, view: 'text', size: 'xs' }, texts.linkToHint));
85
85
  }
86
86
  return (React.createElement(Link, { onClick: handleSmsHintLinkClick, className: styles.smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
87
87
  };
package/modern/components/screens/initial/countdown-section.js CHANGED
@@ -5,4 +5,4 @@ import '@alfalab/core-components-spinner/modern';
5
5
  import '@alfalab/core-components-typography/modern';
6
6
  import '../../../context.js';
7
7
  import '../../../utils.js';
8
- export { C as CountdownSection } from '../../../countdown-section-0eefd440.js';
8
+ export { C as CountdownSection } from '../../../countdown-section-c4e32e68.js';