@alfalab/core-components-confirmation 13.7.0 → 13.7.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 (67) hide show
  1. package/components/base-confirmation/component.js +1 -1
  2. package/components/base-confirmation/index.css +4 -3
  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 +15 -14
  11. package/components/screens/initial/component.js +1 -1
  12. package/components/screens/initial/countdown-section.js +1 -1
  13. package/components/screens/initial/index.css +20 -19
  14. package/components/screens/temp-block/component.js +1 -1
  15. package/components/screens/temp-block/index.css +7 -7
  16. package/{countdown-section-17d446a6.js → countdown-section-343aaa69.js} +1 -1
  17. package/cssm/components/base-confirmation/index.module.css +2 -1
  18. package/cssm/components/screens/hint/index.module.css +3 -2
  19. package/cssm/components/screens/initial/index.module.css +2 -1
  20. package/esm/components/base-confirmation/component.js +1 -1
  21. package/esm/components/base-confirmation/index.css +4 -3
  22. package/esm/components/countdown-loader/component.js +1 -1
  23. package/esm/components/countdown-loader/index.css +2 -2
  24. package/esm/components/header/component.js +1 -1
  25. package/esm/components/header/index.css +4 -4
  26. package/esm/components/screens/fatal-error/component.js +1 -1
  27. package/esm/components/screens/fatal-error/index.css +6 -6
  28. package/esm/components/screens/hint/component.js +1 -1
  29. package/esm/components/screens/hint/index.css +15 -14
  30. package/esm/components/screens/initial/component.js +1 -1
  31. package/esm/components/screens/initial/countdown-section.js +1 -1
  32. package/esm/components/screens/initial/index.css +20 -19
  33. package/esm/components/screens/temp-block/component.js +1 -1
  34. package/esm/components/screens/temp-block/index.css +7 -7
  35. package/esm/{countdown-section-c5b45e8c.js → countdown-section-e0c0af6b.js} +1 -1
  36. package/esm/mobile/component.mobile.js +1 -1
  37. package/esm/mobile/mobile.css +2 -2
  38. package/mobile/component.mobile.js +1 -1
  39. package/mobile/mobile.css +2 -2
  40. package/modern/components/base-confirmation/component.js +1 -1
  41. package/modern/components/base-confirmation/index.css +4 -3
  42. package/modern/components/countdown-loader/component.js +1 -1
  43. package/modern/components/countdown-loader/index.css +2 -2
  44. package/modern/components/header/component.js +1 -1
  45. package/modern/components/header/index.css +4 -4
  46. package/modern/components/screens/fatal-error/component.js +1 -1
  47. package/modern/components/screens/fatal-error/index.css +6 -6
  48. package/modern/components/screens/hint/component.js +1 -1
  49. package/modern/components/screens/hint/index.css +15 -14
  50. package/modern/components/screens/initial/component.js +1 -1
  51. package/modern/components/screens/initial/countdown-section.js +1 -1
  52. package/modern/components/screens/initial/index.css +20 -19
  53. package/modern/components/screens/temp-block/component.js +1 -1
  54. package/modern/components/screens/temp-block/index.css +7 -7
  55. package/modern/{countdown-section-b9145aea.js → countdown-section-2b4a5603.js} +1 -1
  56. package/modern/mobile/component.mobile.js +1 -1
  57. package/modern/mobile/mobile.css +2 -2
  58. package/moderncssm/components/base-confirmation/index.module.css +1 -1
  59. package/moderncssm/components/screens/hint/index.module.css +2 -2
  60. package/moderncssm/components/screens/initial/index.module.css +1 -1
  61. package/package.json +7 -7
  62. package/src/components/base-confirmation/index.module.css +1 -1
  63. package/src/components/screens/hint/index.module.css +2 -2
  64. package/src/components/screens/initial/index.module.css +1 -1
  65. /package/{countdown-section-17d446a6.d.ts → countdown-section-343aaa69.d.ts} +0 -0
  66. /package/esm/{countdown-section-c5b45e8c.d.ts → countdown-section-e0c0af6b.d.ts} +0 -0
  67. /package/modern/{countdown-section-b9145aea.d.ts → countdown-section-2b4a5603.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- /* hash: uxh0k */
1
+ /* hash: 1oqpn */
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);
@@ -24,6 +24,7 @@
24
24
  --gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
25
25
 
26
26
  /* новые значения, используйте их */
27
+ --gap-0: 0;
27
28
  --gap-12: var(--gap-s);
28
29
  --gap-16: var(--gap-m);
29
30
  --gap-20: var(--gap-l);
@@ -48,51 +49,51 @@
48
49
  --confirmation-text-color: var(--color-light-text-primary)
49
50
 
50
51
  /* header */
51
- } .confirmation__component_150de {
52
+ } .confirmation__component_qsr4i {
52
53
  display: flex;
53
54
  flex-direction: column;
54
- } .confirmation__typographyTheme_150de.confirmation__typographyTheme_150de {
55
+ } .confirmation__typographyTheme_qsr4i.confirmation__typographyTheme_qsr4i {
55
56
  font-size: var(--confirmation-text-font-size);
56
57
  line-height: var(--confirmation-text-line-height);
57
58
  font-weight: var(--confirmation-text-font-weight);
58
59
  font-family: var(--confirmation-text-font-family);
59
60
  color: var(--confirmation-text-color);
60
- } .confirmation__phone_150de.confirmation__phone_150de {
61
+ } .confirmation__phone_qsr4i.confirmation__phone_qsr4i {
61
62
  color: var(--color-light-text-primary);
62
63
  margin-bottom: var(--gap-32);
63
- } .confirmation__compact_150de {
64
+ } .confirmation__compact_qsr4i {
64
65
  margin-bottom: var(--gap-24);
65
- } .confirmation__loaderWrap_150de {
66
+ } .confirmation__loaderWrap_qsr4i {
66
67
  display: flex;
67
68
  align-items: center;
68
- } .confirmation__left_150de {
69
+ } .confirmation__left_qsr4i {
69
70
  align-items: flex-start;
70
- } .confirmation__center_150de {
71
+ } .confirmation__center_qsr4i {
71
72
  align-items: center;
72
73
  text-align: center
73
- } .confirmation__center_150de .confirmation__loaderWrap_150de {
74
+ } .confirmation__center_qsr4i .confirmation__loaderWrap_qsr4i {
74
75
  justify-content: center;
75
- } .confirmation__codeInput_150de {
76
+ } .confirmation__codeInput_qsr4i {
76
77
  margin-bottom: var(--gap-12);
77
- } .confirmation__smsBtn_150de.confirmation__smsBtn_150de {
78
+ } .confirmation__smsBtn_qsr4i.confirmation__smsBtn_qsr4i {
78
79
  min-height: var(--size-xs-height);
79
- } .confirmation__smsComeLink_150de.confirmation__smsComeLink_150de {
80
+ } .confirmation__smsComeLink_qsr4i.confirmation__smsComeLink_qsr4i {
80
81
  font-size: 14px;
81
82
  line-height: 20px;
82
83
  font-weight: 500;
83
- } .confirmation__countdownContainer_150de.confirmation__countdownContainer_150de {
84
+ } .confirmation__countdownContainer_qsr4i.confirmation__countdownContainer_qsr4i {
84
85
  color: var(--color-light-text-secondary);
85
86
  margin-bottom: var(--gap-24);
86
- } .confirmation__countdownMobile_150de.confirmation__countdownMobile_150de {
87
+ } .confirmation__countdownMobile_qsr4i.confirmation__countdownMobile_qsr4i {
87
88
  margin-bottom: var(--gap-20);
88
- } .confirmation__countdownLoaderMobile_150de.confirmation__countdownLoaderMobile_150de {
89
+ } .confirmation__countdownLoaderMobile_qsr4i.confirmation__countdownLoaderMobile_qsr4i {
89
90
  margin-bottom: var(--gap-16);
90
- } .confirmation__getCodeButton_150de {
91
+ } .confirmation__getCodeButton_qsr4i {
91
92
  position: relative;
92
93
  top: var(--gap-4-neg);
93
94
  margin-bottom: var(--gap-16);
94
- } .confirmation__getCodeButtonMobile_150de {
95
- margin-bottom: 0;
96
- } .confirmation__containerInput_150de {
95
+ } .confirmation__getCodeButtonMobile_qsr4i {
96
+ margin-bottom: var(--gap-0);
97
+ } .confirmation__containerInput_qsr4i {
97
98
  min-height: 80px;
98
99
  }
@@ -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_1d18g","center":"confirmation__center_1d18g","typographyTheme":"confirmation__typographyTheme_1d18g","description":"confirmation__description_1d18g","countdownWrap":"confirmation__countdownWrap_1d18g","loader":"confirmation__loader_1d18g"};
9
+ const styles = {"component":"confirmation__component_1nrcn","center":"confirmation__center_1nrcn","typographyTheme":"confirmation__typographyTheme_1nrcn","description":"confirmation__description_1nrcn","countdownWrap":"confirmation__countdownWrap_1nrcn","loader":"confirmation__loader_1nrcn"};
10
10
  require('./index.css')
11
11
 
12
12
  const TempBlock = ({ mobile }) => {
@@ -1,4 +1,4 @@
1
- /* hash: uo7we */
1
+ /* hash: aipyb */
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 */
@@ -36,23 +36,23 @@
36
36
  --confirmation-text-color: var(--color-light-text-primary)
37
37
 
38
38
  /* header */
39
- } .confirmation__component_1d18g {
39
+ } .confirmation__component_1nrcn {
40
40
  display: flex;
41
41
  flex-direction: column;
42
- } .confirmation__center_1d18g {
42
+ } .confirmation__center_1nrcn {
43
43
  align-items: center;
44
44
  text-align: center;
45
- } .confirmation__typographyTheme_1d18g.confirmation__typographyTheme_1d18g {
45
+ } .confirmation__typographyTheme_1nrcn.confirmation__typographyTheme_1nrcn {
46
46
  font-size: var(--confirmation-text-font-size);
47
47
  line-height: var(--confirmation-text-line-height);
48
48
  font-weight: var(--confirmation-text-font-weight);
49
49
  font-family: var(--confirmation-text-font-family);
50
50
  color: var(--confirmation-text-color);
51
- } .confirmation__description_1d18g.confirmation__description_1d18g {
51
+ } .confirmation__description_1nrcn.confirmation__description_1nrcn {
52
52
  margin-bottom: var(--gap-8);
53
- } .confirmation__countdownWrap_1d18g {
53
+ } .confirmation__countdownWrap_1nrcn {
54
54
  display: flex;
55
55
  align-items: center;
56
- } .confirmation__loader_1d18g {
56
+ } .confirmation__loader_1nrcn {
57
57
  margin-right: var(--gap-8);
58
58
  }
@@ -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_150de","typographyTheme":"confirmation__typographyTheme_150de","phone":"confirmation__phone_150de","compact":"confirmation__compact_150de","loaderWrap":"confirmation__loaderWrap_150de","left":"confirmation__left_150de","center":"confirmation__center_150de","codeInput":"confirmation__codeInput_150de","smsBtn":"confirmation__smsBtn_150de","smsComeLink":"confirmation__smsComeLink_150de","countdownContainer":"confirmation__countdownContainer_150de","countdownMobile":"confirmation__countdownMobile_150de","countdownLoaderMobile":"confirmation__countdownLoaderMobile_150de","getCodeButton":"confirmation__getCodeButton_150de","getCodeButtonMobile":"confirmation__getCodeButtonMobile_150de","containerInput":"confirmation__containerInput_150de"};
9
+ const styles = {"component":"confirmation__component_qsr4i","typographyTheme":"confirmation__typographyTheme_qsr4i","phone":"confirmation__phone_qsr4i","compact":"confirmation__compact_qsr4i","loaderWrap":"confirmation__loaderWrap_qsr4i","left":"confirmation__left_qsr4i","center":"confirmation__center_qsr4i","codeInput":"confirmation__codeInput_qsr4i","smsBtn":"confirmation__smsBtn_qsr4i","smsComeLink":"confirmation__smsComeLink_qsr4i","countdownContainer":"confirmation__countdownContainer_qsr4i","countdownMobile":"confirmation__countdownMobile_qsr4i","countdownLoaderMobile":"confirmation__countdownLoaderMobile_qsr4i","getCodeButton":"confirmation__getCodeButton_qsr4i","getCodeButtonMobile":"confirmation__getCodeButtonMobile_qsr4i","containerInput":"confirmation__containerInput_qsr4i"};
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_5owou"};
5
+ const styles = {"container":"confirmation__container_jaxh3"};
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: 15dnx */
2
- .confirmation__container_5owou {
1
+ /* hash: rx7ca */
2
+ .confirmation__container_jaxh3 {
3
3
  max-width: 288px;
4
4
  }
@@ -3,6 +3,6 @@
3
3
  .component {
4
4
  width: 100%;
5
5
  max-width: 388px;
6
- margin: 0 auto;
6
+ margin: var(--gap-0) auto;
7
7
  color: var(--color-light-text-secondary);
8
8
  }
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  .component span:last-of-type {
25
- margin-bottom: 0;
25
+ margin-bottom: var(--gap-0);
26
26
  }
27
27
 
28
28
  .center {
@@ -53,7 +53,7 @@
53
53
  }
54
54
 
55
55
  .phoneWrap:last-child {
56
- margin-bottom: 0;
56
+ margin-bottom: var(--gap-0);
57
57
  }
58
58
 
59
59
  .phoneLink.phoneLink {
@@ -89,7 +89,7 @@
89
89
  }
90
90
 
91
91
  .getCodeButtonMobile {
92
- margin-bottom: 0;
92
+ margin-bottom: var(--gap-0);
93
93
  }
94
94
 
95
95
  .containerInput {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-confirmation",
3
- "version": "13.7.0",
3
+ "version": "13.7.1",
4
4
  "description": "Sms confirmation component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,11 +11,11 @@
11
11
  "directory": "dist"
12
12
  },
13
13
  "dependencies": {
14
- "@alfalab/core-components-button": "^11.6.0",
15
- "@alfalab/core-components-code-input": "^3.5.0",
16
- "@alfalab/core-components-link": "^5.3.0",
14
+ "@alfalab/core-components-button": "^11.7.0",
15
+ "@alfalab/core-components-code-input": "^3.6.0",
16
+ "@alfalab/core-components-link": "^5.3.1",
17
17
  "@alfalab/core-components-spinner": "^3.5.0",
18
- "@alfalab/core-components-typography": "^4.10.0",
18
+ "@alfalab/core-components-typography": "^4.10.1",
19
19
  "@alfalab/core-components-mq": "^4.3.0",
20
20
  "@alfalab/hooks": "^1.13.0",
21
21
  "classnames": "^2.3.1",
@@ -24,6 +24,6 @@
24
24
  "peerDependencies": {
25
25
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
26
26
  },
27
- "themesVersion": "13.1.0",
28
- "varsVersion": "9.12.0"
27
+ "themesVersion": "13.2.0",
28
+ "varsVersion": "9.13.0"
29
29
  }
@@ -3,6 +3,6 @@
3
3
  .component {
4
4
  width: 100%;
5
5
  max-width: 388px;
6
- margin: 0 auto;
6
+ margin: var(--gap-0) auto;
7
7
  color: var(--color-light-text-secondary);
8
8
  }
@@ -5,7 +5,7 @@
5
5
  flex-direction: column;
6
6
  align-items: flex-start;
7
7
  & span:last-of-type {
8
- margin-bottom: 0;
8
+ margin-bottom: var(--gap-0);
9
9
  }
10
10
  }
11
11
 
@@ -32,7 +32,7 @@
32
32
  margin-bottom: var(--gap-8);
33
33
 
34
34
  &:last-child {
35
- margin-bottom: 0;
35
+ margin-bottom: var(--gap-0);
36
36
  }
37
37
  }
38
38
 
@@ -67,7 +67,7 @@
67
67
  }
68
68
 
69
69
  .getCodeButtonMobile {
70
- margin-bottom: 0;
70
+ margin-bottom: var(--gap-0);
71
71
  }
72
72
 
73
73
  .containerInput {