@alfalab/core-components-confirmation 13.6.1 → 13.6.3

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 (71) hide show
  1. package/components/base-confirmation/component.js +1 -1
  2. package/components/base-confirmation/index.css +5 -3
  3. package/components/countdown-loader/component.js +1 -1
  4. package/components/countdown-loader/index.css +5 -3
  5. package/components/header/component.js +1 -1
  6. package/components/header/index.css +9 -6
  7. package/components/screens/fatal-error/component.js +1 -1
  8. package/components/screens/fatal-error/index.css +11 -8
  9. package/components/screens/hint/component.js +1 -1
  10. package/components/screens/hint/index.css +22 -17
  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 +35 -27
  14. package/components/screens/temp-block/component.js +1 -1
  15. package/components/screens/temp-block/index.css +13 -10
  16. package/{countdown-section-9598e94b.js → countdown-section-846c8aba.js} +1 -1
  17. package/cssm/components/base-confirmation/index.module.css +3 -1
  18. package/cssm/components/countdown-loader/index.module.css +3 -1
  19. package/cssm/components/header/index.module.css +5 -2
  20. package/cssm/components/screens/fatal-error/index.module.css +5 -2
  21. package/cssm/components/screens/hint/index.module.css +10 -5
  22. package/cssm/components/screens/initial/index.module.css +17 -9
  23. package/cssm/components/screens/temp-block/index.module.css +6 -3
  24. package/cssm/vars.css +3 -1
  25. package/esm/components/base-confirmation/component.js +1 -1
  26. package/esm/components/base-confirmation/index.css +5 -3
  27. package/esm/components/countdown-loader/component.js +1 -1
  28. package/esm/components/countdown-loader/index.css +5 -3
  29. package/esm/components/header/component.js +1 -1
  30. package/esm/components/header/index.css +9 -6
  31. package/esm/components/screens/fatal-error/component.js +1 -1
  32. package/esm/components/screens/fatal-error/index.css +11 -8
  33. package/esm/components/screens/hint/component.js +1 -1
  34. package/esm/components/screens/hint/index.css +22 -17
  35. package/esm/components/screens/initial/component.js +1 -1
  36. package/esm/components/screens/initial/countdown-section.js +1 -1
  37. package/esm/components/screens/initial/index.css +35 -27
  38. package/esm/components/screens/temp-block/component.js +1 -1
  39. package/esm/components/screens/temp-block/index.css +13 -10
  40. package/esm/{countdown-section-80dcbea1.js → countdown-section-56b1951d.js} +1 -1
  41. package/esm/mobile/component.mobile.js +1 -1
  42. package/esm/mobile/mobile.css +2 -2
  43. package/mobile/component.mobile.js +1 -1
  44. package/mobile/mobile.css +2 -2
  45. package/modern/components/base-confirmation/component.js +1 -1
  46. package/modern/components/base-confirmation/index.css +5 -3
  47. package/modern/components/countdown-loader/component.js +1 -1
  48. package/modern/components/countdown-loader/index.css +5 -3
  49. package/modern/components/header/component.js +1 -1
  50. package/modern/components/header/index.css +9 -6
  51. package/modern/components/screens/fatal-error/component.js +1 -1
  52. package/modern/components/screens/fatal-error/index.css +11 -8
  53. package/modern/components/screens/hint/component.js +1 -1
  54. package/modern/components/screens/hint/index.css +22 -17
  55. package/modern/components/screens/initial/component.js +1 -1
  56. package/modern/components/screens/initial/countdown-section.js +1 -1
  57. package/modern/components/screens/initial/index.css +35 -27
  58. package/modern/components/screens/temp-block/component.js +1 -1
  59. package/modern/components/screens/temp-block/index.css +13 -10
  60. package/modern/{countdown-section-f83616ee.js → countdown-section-904527f9.js} +1 -1
  61. package/modern/mobile/component.mobile.js +1 -1
  62. package/modern/mobile/mobile.css +2 -2
  63. package/package.json +7 -7
  64. package/src/components/header/index.module.css +1 -1
  65. package/src/components/screens/fatal-error/index.module.css +1 -1
  66. package/src/components/screens/hint/index.module.css +4 -4
  67. package/src/components/screens/initial/index.module.css +8 -8
  68. package/src/components/screens/temp-block/index.module.css +2 -2
  69. /package/{countdown-section-9598e94b.d.ts → countdown-section-846c8aba.d.ts} +0 -0
  70. /package/esm/{countdown-section-80dcbea1.d.ts → countdown-section-56b1951d.d.ts} +0 -0
  71. /package/modern/{countdown-section-f83616ee.d.ts → countdown-section-904527f9.d.ts} +0 -0
@@ -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_11vs0"};
5
+ const styles = {"container":"confirmation__container_afvc5"};
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: 1p1fd */
2
- .confirmation__container_11vs0 {
1
+ /* hash: 1xo0m */
2
+ .confirmation__container_afvc5 {
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.6.1",
3
+ "version": "13.6.3",
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.5.3",
15
- "@alfalab/core-components-code-input": "^3.4.0",
16
- "@alfalab/core-components-link": "^5.2.2",
14
+ "@alfalab/core-components-button": "^11.5.5",
15
+ "@alfalab/core-components-code-input": "^3.4.1",
16
+ "@alfalab/core-components-link": "^5.2.3",
17
17
  "@alfalab/core-components-spinner": "^3.4.0",
18
- "@alfalab/core-components-typography": "^4.8.0",
18
+ "@alfalab/core-components-typography": "^4.9.0",
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.0.1",
28
- "varsVersion": "9.10.0"
27
+ "themesVersion": "13.0.2",
28
+ "varsVersion": "9.11.1"
29
29
  }
@@ -1,7 +1,7 @@
1
1
  @import '../../vars.css';
2
2
 
3
3
  .header.header {
4
- margin-bottom: var(--gap-xl);
4
+ margin-bottom: var(--gap-24);
5
5
  }
6
6
 
7
7
  .typography.typography.typography {
@@ -19,5 +19,5 @@
19
19
  }
20
20
 
21
21
  .button.button {
22
- margin-top: var(--gap-2xl);
22
+ margin-top: var(--gap-32);
23
23
  }
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  .text.text {
18
- margin-bottom: var(--gap-xl);
18
+ margin-bottom: var(--gap-24);
19
19
  }
20
20
 
21
21
  .typographyTheme.typographyTheme {
@@ -25,11 +25,11 @@
25
25
  .phonesWrap {
26
26
  display: flex;
27
27
  flex-direction: column;
28
- margin-bottom: var(--gap-xl);
28
+ margin-bottom: var(--gap-24);
29
29
  }
30
30
 
31
31
  .phoneWrap {
32
- margin-bottom: var(--gap-xs);
32
+ margin-bottom: var(--gap-8);
33
33
 
34
34
  &:last-child {
35
35
  margin-bottom: 0;
@@ -41,7 +41,7 @@
41
41
  }
42
42
 
43
43
  .hintButton {
44
- margin-top: var(--gap-2xl);
44
+ margin-top: var(--gap-32);
45
45
  }
46
46
 
47
47
  .phoneContentMobile {
@@ -11,11 +11,11 @@
11
11
 
12
12
  .phone.phone {
13
13
  color: var(--color-light-text-primary);
14
- margin-bottom: var(--gap-2xl);
14
+ margin-bottom: var(--gap-32);
15
15
  }
16
16
 
17
17
  .compact {
18
- margin-bottom: var(--gap-xl);
18
+ margin-bottom: var(--gap-24);
19
19
  }
20
20
 
21
21
  .loaderWrap {
@@ -37,7 +37,7 @@
37
37
  }
38
38
 
39
39
  .codeInput {
40
- margin-bottom: var(--gap-s);
40
+ margin-bottom: var(--gap-12);
41
41
  }
42
42
 
43
43
  .smsBtn.smsBtn {
@@ -50,20 +50,20 @@
50
50
 
51
51
  .countdownContainer.countdownContainer {
52
52
  color: var(--color-light-text-secondary);
53
- margin-bottom: var(--gap-xl);
53
+ margin-bottom: var(--gap-24);
54
54
  }
55
55
 
56
56
  .countdownMobile.countdownMobile {
57
- margin-bottom: var(--gap-l);
57
+ margin-bottom: var(--gap-20);
58
58
  }
59
59
  .countdownLoaderMobile.countdownLoaderMobile {
60
- margin-bottom: var(--gap-m);
60
+ margin-bottom: var(--gap-16);
61
61
  }
62
62
 
63
63
  .getCodeButton {
64
64
  position: relative;
65
- top: var(--gap-2xs-neg);
66
- margin-bottom: var(--gap-m);
65
+ top: var(--gap-4-neg);
66
+ margin-bottom: var(--gap-16);
67
67
  }
68
68
 
69
69
  .getCodeButtonMobile {
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  .description.description {
18
- margin-bottom: var(--gap-xs);
18
+ margin-bottom: var(--gap-8);
19
19
  }
20
20
 
21
21
  .countdownWrap {
@@ -24,5 +24,5 @@
24
24
  }
25
25
 
26
26
  .loader {
27
- margin-right: var(--gap-xs);
27
+ margin-right: var(--gap-8);
28
28
  }