@alfalab/core-components-confirmation 13.5.8 → 13.6.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 (75) hide show
  1. package/component.responsive.d.ts +4 -0
  2. package/component.responsive.js +2 -2
  3. package/components/base-confirmation/component.js +1 -1
  4. package/components/base-confirmation/index.css +5 -3
  5. package/components/countdown-loader/component.js +1 -1
  6. package/components/countdown-loader/index.css +5 -3
  7. package/components/header/component.js +1 -1
  8. package/components/header/index.css +8 -6
  9. package/components/screens/fatal-error/component.js +1 -1
  10. package/components/screens/fatal-error/index.css +10 -8
  11. package/components/screens/hint/component.js +1 -1
  12. package/components/screens/hint/index.css +18 -16
  13. package/components/screens/initial/component.js +1 -1
  14. package/components/screens/initial/countdown-section.js +1 -1
  15. package/components/screens/initial/index.css +27 -25
  16. package/components/screens/temp-block/component.js +1 -1
  17. package/components/screens/temp-block/index.css +11 -9
  18. package/{countdown-section-e051574d.js → countdown-section-9598e94b.js} +1 -1
  19. package/cssm/component.responsive.d.ts +4 -0
  20. package/cssm/component.responsive.js +2 -2
  21. package/cssm/components/base-confirmation/index.module.css +3 -1
  22. package/cssm/components/countdown-loader/index.module.css +3 -1
  23. package/cssm/components/header/index.module.css +4 -2
  24. package/cssm/components/screens/fatal-error/index.module.css +4 -2
  25. package/cssm/components/screens/hint/index.module.css +6 -4
  26. package/cssm/components/screens/initial/index.module.css +9 -7
  27. package/cssm/components/screens/temp-block/index.module.css +4 -2
  28. package/cssm/vars.css +3 -1
  29. package/esm/component.responsive.d.ts +4 -0
  30. package/esm/component.responsive.js +2 -2
  31. package/esm/components/base-confirmation/component.js +1 -1
  32. package/esm/components/base-confirmation/index.css +5 -3
  33. package/esm/components/countdown-loader/component.js +1 -1
  34. package/esm/components/countdown-loader/index.css +5 -3
  35. package/esm/components/header/component.js +1 -1
  36. package/esm/components/header/index.css +8 -6
  37. package/esm/components/screens/fatal-error/component.js +1 -1
  38. package/esm/components/screens/fatal-error/index.css +10 -8
  39. package/esm/components/screens/hint/component.js +1 -1
  40. package/esm/components/screens/hint/index.css +18 -16
  41. package/esm/components/screens/initial/component.js +1 -1
  42. package/esm/components/screens/initial/countdown-section.js +1 -1
  43. package/esm/components/screens/initial/index.css +27 -25
  44. package/esm/components/screens/temp-block/component.js +1 -1
  45. package/esm/components/screens/temp-block/index.css +11 -9
  46. package/esm/{countdown-section-56d3e06a.js → countdown-section-80dcbea1.js} +1 -1
  47. package/esm/mobile/component.mobile.js +1 -1
  48. package/esm/mobile/mobile.css +2 -2
  49. package/mobile/component.mobile.js +1 -1
  50. package/mobile/mobile.css +2 -2
  51. package/modern/component.responsive.d.ts +4 -0
  52. package/modern/component.responsive.js +2 -2
  53. package/modern/components/base-confirmation/component.js +1 -1
  54. package/modern/components/base-confirmation/index.css +5 -3
  55. package/modern/components/countdown-loader/component.js +1 -1
  56. package/modern/components/countdown-loader/index.css +5 -3
  57. package/modern/components/header/component.js +1 -1
  58. package/modern/components/header/index.css +8 -6
  59. package/modern/components/screens/fatal-error/component.js +1 -1
  60. package/modern/components/screens/fatal-error/index.css +10 -8
  61. package/modern/components/screens/hint/component.js +1 -1
  62. package/modern/components/screens/hint/index.css +18 -16
  63. package/modern/components/screens/initial/component.js +1 -1
  64. package/modern/components/screens/initial/countdown-section.js +1 -1
  65. package/modern/components/screens/initial/index.css +27 -25
  66. package/modern/components/screens/temp-block/component.js +1 -1
  67. package/modern/components/screens/temp-block/index.css +11 -9
  68. package/modern/{countdown-section-3fbfd7fb.js → countdown-section-f83616ee.js} +1 -1
  69. package/modern/mobile/component.mobile.js +1 -1
  70. package/modern/mobile/mobile.css +2 -2
  71. package/package.json +8 -6
  72. package/src/component.responsive.tsx +7 -1
  73. /package/{countdown-section-e051574d.d.ts → countdown-section-9598e94b.d.ts} +0 -0
  74. /package/esm/{countdown-section-56d3e06a.d.ts → countdown-section-80dcbea1.d.ts} +0 -0
  75. /package/modern/{countdown-section-3fbfd7fb.d.ts → countdown-section-f83616ee.d.ts} +0 -0
@@ -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_p4i8l","typographyTheme":"confirmation__typographyTheme_p4i8l","left":"confirmation__left_p4i8l","center":"confirmation__center_p4i8l","button":"confirmation__button_p4i8l"};
8
+ const styles = {"component":"confirmation__component_55gea","typographyTheme":"confirmation__typographyTheme_55gea","left":"confirmation__left_55gea","center":"confirmation__center_55gea","button":"confirmation__button_55gea"};
9
9
  require('./index.css')
10
10
 
11
11
  const FatalError = ({ mobile }) => {
@@ -1,4 +1,4 @@
1
- /* hash: h68c5 */
1
+ /* hash: 3q8fi */
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: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -12,8 +12,10 @@
12
12
 
13
13
  /* Hard up */
14
14
  } :root {
15
- } :root {
16
- --gap-2xl: 32px;
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+ --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root {
18
20
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
19
21
  sans-serif;
@@ -31,20 +33,20 @@
31
33
  --confirmation-text-color: var(--color-light-text-primary)
32
34
 
33
35
  /* header */
34
- } .confirmation__component_p4i8l {
36
+ } .confirmation__component_55gea {
35
37
  display: flex;
36
38
  flex-direction: column;
37
- } .confirmation__typographyTheme_p4i8l.confirmation__typographyTheme_p4i8l {
39
+ } .confirmation__typographyTheme_55gea.confirmation__typographyTheme_55gea {
38
40
  font-size: var(--confirmation-text-font-size);
39
41
  line-height: var(--confirmation-text-line-height);
40
42
  font-weight: var(--confirmation-text-font-weight);
41
43
  font-family: var(--confirmation-text-font-family);
42
44
  color: var(--confirmation-text-color);
43
- } .confirmation__left_p4i8l {
45
+ } .confirmation__left_55gea {
44
46
  align-items: flex-start;
45
- } .confirmation__center_p4i8l {
47
+ } .confirmation__center_55gea {
46
48
  align-items: center;
47
49
  text-align: center;
48
- } .confirmation__button_p4i8l.confirmation__button_p4i8l {
50
+ } .confirmation__button_55gea.confirmation__button_55gea {
49
51
  margin-top: var(--gap-2xl);
50
52
  }
@@ -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_1qzg6","center":"confirmation__center_1qzg6","text":"confirmation__text_1qzg6","typographyTheme":"confirmation__typographyTheme_1qzg6","phonesWrap":"confirmation__phonesWrap_1qzg6","phoneWrap":"confirmation__phoneWrap_1qzg6","phoneLink":"confirmation__phoneLink_1qzg6","hintButton":"confirmation__hintButton_1qzg6","phoneContentMobile":"confirmation__phoneContentMobile_1qzg6"};
9
+ const styles = {"component":"confirmation__component_r97sq","center":"confirmation__center_r97sq","text":"confirmation__text_r97sq","typographyTheme":"confirmation__typographyTheme_r97sq","phonesWrap":"confirmation__phonesWrap_r97sq","phoneWrap":"confirmation__phoneWrap_r97sq","phoneLink":"confirmation__phoneLink_r97sq","hintButton":"confirmation__hintButton_r97sq","phoneContentMobile":"confirmation__phoneContentMobile_r97sq"};
10
10
  require('./index.css')
11
11
 
12
12
  const Hint = ({ mobile }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1rwbk */
1
+ /* hash: 1hzjr */
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: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -12,10 +12,12 @@
12
12
 
13
13
  /* Hard up */
14
14
  } :root {
15
- } :root {
16
- --gap-xs: 8px;
17
- --gap-xl: 24px;
18
- --gap-2xl: 32px;
15
+ } :root { /* deprecated */ /* deprecated */
16
+ --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+ --gap-xl: 24px; /* deprecated */
18
+ --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
19
21
  } :root {
20
22
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
21
23
  sans-serif;
@@ -33,38 +35,38 @@
33
35
  --confirmation-text-color: var(--color-light-text-primary)
34
36
 
35
37
  /* header */
36
- } .confirmation__component_1qzg6 {
38
+ } .confirmation__component_r97sq {
37
39
  display: flex;
38
40
  flex-direction: column;
39
41
  align-items: flex-start
40
- } .confirmation__component_1qzg6 span:last-of-type {
42
+ } .confirmation__component_r97sq span:last-of-type {
41
43
  margin-bottom: 0;
42
- } .confirmation__center_1qzg6 {
44
+ } .confirmation__center_r97sq {
43
45
  align-items: center;
44
46
  text-align: center;
45
- } .confirmation__text_1qzg6.confirmation__text_1qzg6 {
47
+ } .confirmation__text_r97sq.confirmation__text_r97sq {
46
48
  margin-bottom: var(--gap-xl);
47
- } .confirmation__typographyTheme_1qzg6.confirmation__typographyTheme_1qzg6 {
49
+ } .confirmation__typographyTheme_r97sq.confirmation__typographyTheme_r97sq {
48
50
  font-size: var(--confirmation-text-font-size);
49
51
  line-height: var(--confirmation-text-line-height);
50
52
  font-weight: var(--confirmation-text-font-weight);
51
53
  font-family: var(--confirmation-text-font-family);
52
54
  color: var(--confirmation-text-color);
53
- } .confirmation__phonesWrap_1qzg6 {
55
+ } .confirmation__phonesWrap_r97sq {
54
56
  display: flex;
55
57
  flex-direction: column;
56
58
  margin-bottom: var(--gap-xl);
57
- } .confirmation__phoneWrap_1qzg6 {
59
+ } .confirmation__phoneWrap_r97sq {
58
60
  margin-bottom: var(--gap-xs)
59
- } .confirmation__phoneWrap_1qzg6:last-child {
61
+ } .confirmation__phoneWrap_r97sq:last-child {
60
62
  margin-bottom: 0;
61
- } .confirmation__phoneLink_1qzg6.confirmation__phoneLink_1qzg6 {
63
+ } .confirmation__phoneLink_r97sq.confirmation__phoneLink_r97sq {
62
64
  font-size: 16px;
63
65
  line-height: 24px;
64
66
  font-weight: 500;
65
- } .confirmation__hintButton_1qzg6 {
67
+ } .confirmation__hintButton_r97sq {
66
68
  margin-top: var(--gap-2xl);
67
- } .confirmation__phoneContentMobile_1qzg6 {
69
+ } .confirmation__phoneContentMobile_r97sq {
68
70
  display: flex;
69
71
  flex-direction: column;
70
72
  }
@@ -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-3fbfd7fb.js';
11
+ import { s as styles, C as CountdownSection } from '../../../countdown-section-f83616ee.js';
12
12
 
13
13
  const CODE_SEND_HINT_VISIBLE_DURATION = 2000;
14
14
  const Initial = ({ mobile }) => {
@@ -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-3fbfd7fb.js';
8
+ export { C as CountdownSection } from '../../../countdown-section-f83616ee.js';
@@ -1,4 +1,4 @@
1
- /* hash: 157gt */
1
+ /* hash: 1nu1r */
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: rgba(3, 3, 6, 0.88);
@@ -13,13 +13,15 @@
13
13
 
14
14
  /* Hard up */
15
15
  } :root {
16
- } :root {
17
- --gap-s: 12px;
18
- --gap-m: 16px;
19
- --gap-l: 20px;
20
- --gap-xl: 24px;
21
- --gap-2xl: 32px;
22
- --gap-2xs-neg: -4px;
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */
17
+ --gap-s: 12px; /* deprecated */ /* deprecated */
18
+ --gap-m: 16px; /* deprecated */
19
+ --gap-l: 20px; /* deprecated */
20
+ --gap-xl: 24px; /* deprecated */
21
+ --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
22
+ --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
23
+
24
+ /* новые значения, используйте их */
23
25
  } :root {
24
26
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
25
27
  sans-serif;
@@ -38,51 +40,51 @@
38
40
  --confirmation-text-color: var(--color-light-text-primary)
39
41
 
40
42
  /* header */
41
- } .confirmation__component_1eu5b {
43
+ } .confirmation__component_16dtm {
42
44
  display: flex;
43
45
  flex-direction: column;
44
- } .confirmation__typographyTheme_1eu5b.confirmation__typographyTheme_1eu5b {
46
+ } .confirmation__typographyTheme_16dtm.confirmation__typographyTheme_16dtm {
45
47
  font-size: var(--confirmation-text-font-size);
46
48
  line-height: var(--confirmation-text-line-height);
47
49
  font-weight: var(--confirmation-text-font-weight);
48
50
  font-family: var(--confirmation-text-font-family);
49
51
  color: var(--confirmation-text-color);
50
- } .confirmation__phone_1eu5b.confirmation__phone_1eu5b {
52
+ } .confirmation__phone_16dtm.confirmation__phone_16dtm {
51
53
  color: var(--color-light-text-primary);
52
54
  margin-bottom: var(--gap-2xl);
53
- } .confirmation__compact_1eu5b {
55
+ } .confirmation__compact_16dtm {
54
56
  margin-bottom: var(--gap-xl);
55
- } .confirmation__loaderWrap_1eu5b {
57
+ } .confirmation__loaderWrap_16dtm {
56
58
  display: flex;
57
59
  align-items: center;
58
- } .confirmation__left_1eu5b {
60
+ } .confirmation__left_16dtm {
59
61
  align-items: flex-start;
60
- } .confirmation__center_1eu5b {
62
+ } .confirmation__center_16dtm {
61
63
  align-items: center;
62
64
  text-align: center
63
- } .confirmation__center_1eu5b .confirmation__loaderWrap_1eu5b {
65
+ } .confirmation__center_16dtm .confirmation__loaderWrap_16dtm {
64
66
  justify-content: center;
65
- } .confirmation__codeInput_1eu5b {
67
+ } .confirmation__codeInput_16dtm {
66
68
  margin-bottom: var(--gap-s);
67
- } .confirmation__smsBtn_1eu5b.confirmation__smsBtn_1eu5b {
69
+ } .confirmation__smsBtn_16dtm.confirmation__smsBtn_16dtm {
68
70
  min-height: var(--size-xs-height);
69
- } .confirmation__smsComeLink_1eu5b.confirmation__smsComeLink_1eu5b {
71
+ } .confirmation__smsComeLink_16dtm.confirmation__smsComeLink_16dtm {
70
72
  font-size: 14px;
71
73
  line-height: 20px;
72
74
  font-weight: 500;
73
- } .confirmation__countdownContainer_1eu5b.confirmation__countdownContainer_1eu5b {
75
+ } .confirmation__countdownContainer_16dtm.confirmation__countdownContainer_16dtm {
74
76
  color: var(--color-light-text-secondary);
75
77
  margin-bottom: var(--gap-xl);
76
- } .confirmation__countdownMobile_1eu5b.confirmation__countdownMobile_1eu5b {
78
+ } .confirmation__countdownMobile_16dtm.confirmation__countdownMobile_16dtm {
77
79
  margin-bottom: var(--gap-l);
78
- } .confirmation__countdownLoaderMobile_1eu5b.confirmation__countdownLoaderMobile_1eu5b {
80
+ } .confirmation__countdownLoaderMobile_16dtm.confirmation__countdownLoaderMobile_16dtm {
79
81
  margin-bottom: var(--gap-m);
80
- } .confirmation__getCodeButton_1eu5b {
82
+ } .confirmation__getCodeButton_16dtm {
81
83
  position: relative;
82
84
  top: var(--gap-2xs-neg);
83
85
  margin-bottom: var(--gap-m);
84
- } .confirmation__getCodeButtonMobile_1eu5b {
86
+ } .confirmation__getCodeButtonMobile_16dtm {
85
87
  margin-bottom: 0;
86
- } .confirmation__containerInput_1eu5b {
88
+ } .confirmation__containerInput_16dtm {
87
89
  min-height: 80px;
88
90
  }
@@ -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
- const styles = {"component":"confirmation__component_uxwt9","center":"confirmation__center_uxwt9","typographyTheme":"confirmation__typographyTheme_uxwt9","description":"confirmation__description_uxwt9","countdownWrap":"confirmation__countdownWrap_uxwt9","loader":"confirmation__loader_uxwt9"};
9
+ const styles = {"component":"confirmation__component_13e8h","center":"confirmation__center_13e8h","typographyTheme":"confirmation__typographyTheme_13e8h","description":"confirmation__description_13e8h","countdownWrap":"confirmation__countdownWrap_13e8h","loader":"confirmation__loader_13e8h"};
10
10
  require('./index.css')
11
11
 
12
12
  const TempBlock = ({ mobile }) => {
@@ -1,4 +1,4 @@
1
- /* hash: ikwb6 */
1
+ /* hash: 9m22e */
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: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -12,8 +12,10 @@
12
12
 
13
13
  /* Hard up */
14
14
  } :root {
15
- } :root {
16
- --gap-xs: 8px;
15
+ } :root { /* deprecated */ /* deprecated */
16
+ --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
17
19
  } :root {
18
20
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
19
21
  sans-serif;
@@ -31,23 +33,23 @@
31
33
  --confirmation-text-color: var(--color-light-text-primary)
32
34
 
33
35
  /* header */
34
- } .confirmation__component_uxwt9 {
36
+ } .confirmation__component_13e8h {
35
37
  display: flex;
36
38
  flex-direction: column;
37
- } .confirmation__center_uxwt9 {
39
+ } .confirmation__center_13e8h {
38
40
  align-items: center;
39
41
  text-align: center;
40
- } .confirmation__typographyTheme_uxwt9.confirmation__typographyTheme_uxwt9 {
42
+ } .confirmation__typographyTheme_13e8h.confirmation__typographyTheme_13e8h {
41
43
  font-size: var(--confirmation-text-font-size);
42
44
  line-height: var(--confirmation-text-line-height);
43
45
  font-weight: var(--confirmation-text-font-weight);
44
46
  font-family: var(--confirmation-text-font-family);
45
47
  color: var(--confirmation-text-color);
46
- } .confirmation__description_uxwt9.confirmation__description_uxwt9 {
48
+ } .confirmation__description_13e8h.confirmation__description_13e8h {
47
49
  margin-bottom: var(--gap-xs);
48
- } .confirmation__countdownWrap_uxwt9 {
50
+ } .confirmation__countdownWrap_13e8h {
49
51
  display: flex;
50
52
  align-items: center;
51
- } .confirmation__loader_uxwt9 {
53
+ } .confirmation__loader_13e8h {
52
54
  margin-right: var(--gap-xs);
53
55
  }
@@ -6,7 +6,7 @@ import { Typography } from '@alfalab/core-components-typography/modern';
6
6
  import { ConfirmationContext } from './context.js';
7
7
  import { formatMsAsMinutes } from './utils.js';
8
8
 
9
- const styles = {"component":"confirmation__component_1eu5b","typographyTheme":"confirmation__typographyTheme_1eu5b","phone":"confirmation__phone_1eu5b","compact":"confirmation__compact_1eu5b","loaderWrap":"confirmation__loaderWrap_1eu5b","left":"confirmation__left_1eu5b","center":"confirmation__center_1eu5b","codeInput":"confirmation__codeInput_1eu5b","smsBtn":"confirmation__smsBtn_1eu5b","smsComeLink":"confirmation__smsComeLink_1eu5b","countdownContainer":"confirmation__countdownContainer_1eu5b","countdownMobile":"confirmation__countdownMobile_1eu5b","countdownLoaderMobile":"confirmation__countdownLoaderMobile_1eu5b","getCodeButton":"confirmation__getCodeButton_1eu5b","getCodeButtonMobile":"confirmation__getCodeButtonMobile_1eu5b","containerInput":"confirmation__containerInput_1eu5b"};
9
+ const styles = {"component":"confirmation__component_16dtm","typographyTheme":"confirmation__typographyTheme_16dtm","phone":"confirmation__phone_16dtm","compact":"confirmation__compact_16dtm","loaderWrap":"confirmation__loaderWrap_16dtm","left":"confirmation__left_16dtm","center":"confirmation__center_16dtm","codeInput":"confirmation__codeInput_16dtm","smsBtn":"confirmation__smsBtn_16dtm","smsComeLink":"confirmation__smsComeLink_16dtm","countdownContainer":"confirmation__countdownContainer_16dtm","countdownMobile":"confirmation__countdownMobile_16dtm","countdownLoaderMobile":"confirmation__countdownLoaderMobile_16dtm","getCodeButton":"confirmation__getCodeButton_16dtm","getCodeButtonMobile":"confirmation__getCodeButtonMobile_16dtm","containerInput":"confirmation__containerInput_16dtm"};
10
10
  require('./components/screens/initial/index.css')
11
11
 
12
12
  const CountdownSection = ({ codeSendHintVisible, timePassed, processing, mobile, handleSmsRetryClick, }) => {
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { BaseConfirmation } from '../components/base-confirmation/component.js';
4
4
 
5
- const styles = {"container":"confirmation__container_1g3xz"};
5
+ const styles = {"container":"confirmation__container_11vs0"};
6
6
  require('./mobile.css')
7
7
 
8
8
  const ConfirmationMobile = ({ className, ...resProps }) => (React.createElement(BaseConfirmation, { mobile: true, className: cn(className, styles.container), ...resProps }));
@@ -1,4 +1,4 @@
1
- /* hash: 1l965 */
2
- .confirmation__container_1g3xz {
1
+ /* hash: 1p1fd */
2
+ .confirmation__container_11vs0 {
3
3
  max-width: 288px;
4
4
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-confirmation",
3
- "version": "13.5.8",
3
+ "version": "13.6.1",
4
4
  "description": "Sms confirmation component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,17 +11,19 @@
11
11
  "directory": "dist"
12
12
  },
13
13
  "dependencies": {
14
- "@alfalab/core-components-button": "^11.5.2",
15
- "@alfalab/core-components-code-input": "^3.3.1",
14
+ "@alfalab/core-components-button": "^11.5.3",
15
+ "@alfalab/core-components-code-input": "^3.4.0",
16
16
  "@alfalab/core-components-link": "^5.2.2",
17
17
  "@alfalab/core-components-spinner": "^3.4.0",
18
- "@alfalab/core-components-typography": "^4.6.0",
19
- "@alfalab/core-components-mq": "^4.2.0",
18
+ "@alfalab/core-components-typography": "^4.8.0",
19
+ "@alfalab/core-components-mq": "^4.3.0",
20
20
  "@alfalab/hooks": "^1.13.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
26
- }
26
+ },
27
+ "themesVersion": "13.0.1",
28
+ "varsVersion": "9.10.0"
27
29
  }
@@ -15,13 +15,19 @@ export type ResponsiveConfirmationProps = Omit<
15
15
  * @default 1024
16
16
  */
17
17
  breakpoint?: number;
18
+
19
+ /**
20
+ * Значение по-умолчанию для хука useMatchMedia
21
+ */
22
+ defaultMatchMediaValue?: boolean | (() => boolean);
18
23
  };
19
24
 
20
25
  export const ConfirmationResponsive: FC<ResponsiveConfirmationProps> = ({
21
26
  breakpoint = 1024,
27
+ defaultMatchMediaValue = true,
22
28
  ...restProps
23
29
  }) => {
24
- const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, true);
30
+ const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
25
31
 
26
32
  return isDesktop ? (
27
33
  <ConfirmationDesktop {...restProps} />