@alfalab/core-components-modal 6.0.7 → 6.0.8

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 (119) hide show
  1. package/{Component-804073a6.d.ts → Component-0defecef.d.ts} +0 -0
  2. package/{Component-804073a6.js → Component-0defecef.js} +1 -1
  3. package/Component.desktop.js +4 -4
  4. package/Component.mobile.js +4 -4
  5. package/Component.responsive.d.ts +1 -1
  6. package/Component.responsive.js +3 -3
  7. package/components/closer/Component.js +2 -2
  8. package/components/closer/index.css +4 -4
  9. package/components/content/Component.desktop.js +2 -2
  10. package/components/content/Component.js +1 -1
  11. package/components/content/Component.mobile.js +2 -2
  12. package/components/content/desktop.css +8 -8
  13. package/components/content/index.css +4 -4
  14. package/components/content/mobile.css +3 -3
  15. package/components/footer/Component.desktop.js +2 -2
  16. package/components/footer/Component.js +2 -2
  17. package/components/footer/Component.mobile.js +2 -2
  18. package/components/footer/desktop.css +9 -9
  19. package/components/footer/index.css +4 -4
  20. package/components/footer/layout.css +25 -25
  21. package/components/footer/mobile.css +3 -3
  22. package/components/header/Component.desktop.d.ts +1 -1
  23. package/components/header/Component.desktop.js +3 -3
  24. package/components/header/Component.js +1 -1
  25. package/components/header/Component.mobile.d.ts +1 -1
  26. package/components/header/Component.mobile.js +3 -3
  27. package/components/header/desktop.css +17 -17
  28. package/components/header/index.css +15 -15
  29. package/components/header/mobile.css +3 -3
  30. package/cssm/components/content/index.module.css +1 -1
  31. package/desktop.css +9 -9
  32. package/desktop.js +3 -3
  33. package/esm/{Component-3503c981.d.ts → Component-2b159fe9.d.ts} +0 -0
  34. package/esm/{Component-3503c981.js → Component-2b159fe9.js} +1 -1
  35. package/esm/Component.desktop.js +4 -4
  36. package/esm/Component.mobile.js +4 -4
  37. package/esm/Component.responsive.d.ts +1 -1
  38. package/esm/Component.responsive.js +3 -3
  39. package/esm/components/closer/Component.js +2 -2
  40. package/esm/components/closer/index.css +4 -4
  41. package/esm/components/content/Component.desktop.js +2 -2
  42. package/esm/components/content/Component.js +1 -1
  43. package/esm/components/content/Component.mobile.js +2 -2
  44. package/esm/components/content/desktop.css +8 -8
  45. package/esm/components/content/index.css +4 -4
  46. package/esm/components/content/mobile.css +3 -3
  47. package/esm/components/footer/Component.desktop.js +2 -2
  48. package/esm/components/footer/Component.js +2 -2
  49. package/esm/components/footer/Component.mobile.js +2 -2
  50. package/esm/components/footer/desktop.css +9 -9
  51. package/esm/components/footer/index.css +4 -4
  52. package/esm/components/footer/layout.css +25 -25
  53. package/esm/components/footer/mobile.css +3 -3
  54. package/esm/components/header/Component.desktop.d.ts +1 -1
  55. package/esm/components/header/Component.desktop.js +3 -3
  56. package/esm/components/header/Component.js +1 -1
  57. package/esm/components/header/Component.mobile.d.ts +1 -1
  58. package/esm/components/header/Component.mobile.js +3 -3
  59. package/esm/components/header/desktop.css +17 -17
  60. package/esm/components/header/index.css +15 -15
  61. package/esm/components/header/mobile.css +3 -3
  62. package/esm/desktop.css +9 -9
  63. package/esm/desktop.js +3 -3
  64. package/esm/index.js +3 -3
  65. package/esm/mobile.css +2 -2
  66. package/esm/mobile.js +3 -3
  67. package/esm/responsive.js +3 -3
  68. package/esm/transitions.css +8 -8
  69. package/esm/transitions.module-25489c78.js +4 -0
  70. package/esm/{tslib.es6-42bfb8b8.d.ts → tslib.es6-62c96ba4.d.ts} +0 -0
  71. package/esm/{tslib.es6-42bfb8b8.js → tslib.es6-62c96ba4.js} +0 -0
  72. package/index.js +3 -3
  73. package/mobile.css +2 -2
  74. package/mobile.js +3 -3
  75. package/modern/{Component-88df9479.d.ts → Component-1f033c16.d.ts} +0 -0
  76. package/modern/{Component-88df9479.js → Component-1f033c16.js} +1 -1
  77. package/modern/Component.desktop.js +3 -3
  78. package/modern/Component.mobile.js +3 -3
  79. package/modern/Component.responsive.js +2 -2
  80. package/modern/components/closer/Component.js +1 -1
  81. package/modern/components/closer/index.css +4 -4
  82. package/modern/components/content/Component.desktop.js +1 -1
  83. package/modern/components/content/Component.js +1 -1
  84. package/modern/components/content/Component.mobile.js +1 -1
  85. package/modern/components/content/desktop.css +8 -8
  86. package/modern/components/content/index.css +4 -4
  87. package/modern/components/content/mobile.css +3 -3
  88. package/modern/components/footer/Component.desktop.js +1 -1
  89. package/modern/components/footer/Component.js +2 -2
  90. package/modern/components/footer/Component.mobile.js +1 -1
  91. package/modern/components/footer/desktop.css +9 -9
  92. package/modern/components/footer/index.css +4 -4
  93. package/modern/components/footer/layout.css +25 -25
  94. package/modern/components/footer/mobile.css +3 -3
  95. package/modern/components/header/Component.desktop.d.ts +1 -1
  96. package/modern/components/header/Component.desktop.js +2 -2
  97. package/modern/components/header/Component.js +1 -1
  98. package/modern/components/header/Component.mobile.d.ts +1 -1
  99. package/modern/components/header/Component.mobile.js +2 -2
  100. package/modern/components/header/desktop.css +17 -17
  101. package/modern/components/header/index.css +15 -15
  102. package/modern/components/header/mobile.css +3 -3
  103. package/modern/desktop.css +9 -9
  104. package/modern/desktop.js +2 -2
  105. package/modern/index.js +2 -2
  106. package/modern/mobile.css +2 -2
  107. package/modern/mobile.js +2 -2
  108. package/modern/responsive.js +2 -2
  109. package/modern/transitions.css +8 -8
  110. package/modern/transitions.module-25489c78.js +4 -0
  111. package/package.json +1 -1
  112. package/responsive.js +3 -3
  113. package/transitions.css +8 -8
  114. package/transitions.module-8830325d.js +6 -0
  115. package/{tslib.es6-8fda5d5a.d.ts → tslib.es6-e377d59a.d.ts} +0 -0
  116. package/{tslib.es6-8fda5d5a.js → tslib.es6-e377d59a.js} +0 -0
  117. package/esm/transitions.module-1307dc6e.js +0 -4
  118. package/modern/transitions.module-1307dc6e.js +0 -4
  119. package/transitions.module-3191def2.js +0 -6
@@ -1,4 +1,4 @@
1
- /* hash: 1gsto */
1
+ /* hash: 1imip */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -25,60 +25,60 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__column_1lu3l {
28
+ .modal__column_1kjtk {
29
29
  display: flex;
30
30
  flex-direction: column
31
31
  }
32
- .modal__column_1lu3l > * {
32
+ .modal__column_1kjtk > * {
33
33
  margin-bottom: var(--modal-footer-default-gap);
34
34
  }
35
- .modal__column_1lu3l > *:last-child,
36
- .modal__column_1lu3l > *:only-child {
35
+ .modal__column_1kjtk > *:last-child,
36
+ .modal__column_1kjtk > *:only-child {
37
37
  margin-bottom: 0;
38
38
  }
39
- .modal__column_1lu3l.modal__gap-16_1lu3l > * {
39
+ .modal__column_1kjtk.modal__gap-16_1kjtk > * {
40
40
  margin-bottom: var(--gap-m);
41
41
  }
42
- .modal__column_1lu3l.modal__gap-24_1lu3l > * {
42
+ .modal__column_1kjtk.modal__gap-24_1kjtk > * {
43
43
  margin-bottom: var(--gap-xl);
44
44
  }
45
- .modal__column_1lu3l.modal__gap-32_1lu3l > * {
45
+ .modal__column_1kjtk.modal__gap-32_1kjtk > * {
46
46
  margin-bottom: var(--gap-2xl);
47
47
  }
48
- .modal__start_1lu3l {
48
+ .modal__start_1kjtk {
49
49
  justify-content: flex-start;
50
50
  }
51
- .modal__center_1lu3l {
51
+ .modal__center_1kjtk {
52
52
  justify-content: center;
53
53
  }
54
- .modal__space-between_1lu3l {
54
+ .modal__space-between_1kjtk {
55
55
  justify-content: space-between
56
56
  }
57
- .modal__space-between_1lu3l > * {
57
+ .modal__space-between_1kjtk > * {
58
58
  flex: 1;
59
59
  }
60
- .modal__start_1lu3l,
61
- .modal__center_1lu3l,
62
- .modal__space-between_1lu3l {
60
+ .modal__start_1kjtk,
61
+ .modal__center_1kjtk,
62
+ .modal__space-between_1kjtk {
63
63
  display: flex
64
64
  }
65
- .modal__start_1lu3l > *, .modal__center_1lu3l > *, .modal__space-between_1lu3l > * {
65
+ .modal__start_1kjtk > *, .modal__center_1kjtk > *, .modal__space-between_1kjtk > * {
66
66
  margin-right: var(--modal-footer-default-gap);
67
67
  }
68
- .modal__start_1lu3l > *:last-child,
69
- .modal__start_1lu3l > *:only-child,
70
- .modal__center_1lu3l > *:last-child,
71
- .modal__center_1lu3l > *:only-child,
72
- .modal__space-between_1lu3l > *:last-child,
73
- .modal__space-between_1lu3l > *:only-child {
68
+ .modal__start_1kjtk > *:last-child,
69
+ .modal__start_1kjtk > *:only-child,
70
+ .modal__center_1kjtk > *:last-child,
71
+ .modal__center_1kjtk > *:only-child,
72
+ .modal__space-between_1kjtk > *:last-child,
73
+ .modal__space-between_1kjtk > *:only-child {
74
74
  margin-right: 0;
75
75
  }
76
- .modal__start_1lu3l.modal__gap-16_1lu3l > *, .modal__center_1lu3l.modal__gap-16_1lu3l > *, .modal__space-between_1lu3l.modal__gap-16_1lu3l > * {
76
+ .modal__start_1kjtk.modal__gap-16_1kjtk > *, .modal__center_1kjtk.modal__gap-16_1kjtk > *, .modal__space-between_1kjtk.modal__gap-16_1kjtk > * {
77
77
  margin-right: var(--gap-m);
78
78
  }
79
- .modal__start_1lu3l.modal__gap-24_1lu3l > *, .modal__center_1lu3l.modal__gap-24_1lu3l > *, .modal__space-between_1lu3l.modal__gap-24_1lu3l > * {
79
+ .modal__start_1kjtk.modal__gap-24_1kjtk > *, .modal__center_1kjtk.modal__gap-24_1kjtk > *, .modal__space-between_1kjtk.modal__gap-24_1kjtk > * {
80
80
  margin-right: var(--gap-xl);
81
81
  }
82
- .modal__start_1lu3l.modal__gap-32_1lu3l > *, .modal__center_1lu3l.modal__gap-32_1lu3l > *, .modal__space-between_1lu3l.modal__gap-32_1lu3l > * {
82
+ .modal__start_1kjtk.modal__gap-32_1kjtk > *, .modal__center_1kjtk.modal__gap-32_1kjtk > *, .modal__space-between_1kjtk.modal__gap-32_1kjtk > * {
83
83
  margin-right: var(--gap-2xl);
84
84
  }
@@ -1,4 +1,4 @@
1
- /* hash: l3zk5 */
1
+ /* hash: 1ad5k */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__footer_1rvbi {
25
+ .modal__footer_10cri {
26
26
  padding: var(--gap-m);
27
27
  }
28
- .modal__sticky_1rvbi {
28
+ .modal__sticky_10cri {
29
29
  bottom: 0;
30
30
  }
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { HeaderProps } from "../../Component-3503c981";
2
+ import { HeaderProps } from "../../Component-2b159fe9";
3
3
  import { ModalDesktopProps } from "../../Component.desktop";
4
4
  type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
5
5
  /**
@@ -1,14 +1,14 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-42bfb8b8.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-62c96ba4.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/esm';
5
5
  import '../../Context.js';
6
- import { H as Header, g as getDataTestId } from '../../Component-3503c981.js';
6
+ import { H as Header, g as getDataTestId } from '../../Component-2b159fe9.js';
7
7
  import '@alfalab/core-components-icon-button/esm';
8
8
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
9
  import { Closer } from '../closer/Component.js';
10
10
 
11
- var styles = {"header":"modal__header_7wjra","content":"modal__content_7wjra","s":"modal__s_7wjra","m":"modal__m_7wjra","l":"modal__l_7wjra","xl":"modal__xl_7wjra","fullscreen":"modal__fullscreen_7wjra","hasContent":"modal__hasContent_7wjra","sticky":"modal__sticky_7wjra"};
11
+ var styles = {"header":"modal__header_1xyqj","content":"modal__content_1xyqj","s":"modal__s_1xyqj","m":"modal__m_1xyqj","l":"modal__l_1xyqj","xl":"modal__xl_1xyqj","fullscreen":"modal__fullscreen_1xyqj","hasContent":"modal__hasContent_1xyqj","sticky":"modal__sticky_1xyqj"};
12
12
  require('./desktop.css')
13
13
 
14
14
  var HeaderDesktop = function (_a) {
@@ -2,4 +2,4 @@ import 'react';
2
2
  import 'classnames';
3
3
  import '@alfalab/core-components-base-modal/esm';
4
4
  import '../../Context.js';
5
- export { H as Header } from '../../Component-3503c981.js';
5
+ export { H as Header } from '../../Component-2b159fe9.js';
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { HeaderProps } from "../../Component-3503c981";
2
+ import { HeaderProps } from "../../Component-2b159fe9";
3
3
  type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
4
4
  /**
5
5
  * Наличие крестика
@@ -1,15 +1,15 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-42bfb8b8.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-62c96ba4.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import '@alfalab/core-components-base-modal/esm';
5
5
  import '../../Context.js';
6
- import { H as Header, g as getDataTestId } from '../../Component-3503c981.js';
6
+ import { H as Header, g as getDataTestId } from '../../Component-2b159fe9.js';
7
7
  import '@alfalab/core-components-icon-button/esm';
8
8
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
9
  import { Closer } from '../closer/Component.js';
10
10
  import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
11
11
 
12
- var styles = {"sticky":"modal__sticky_18qq9","content":"modal__content_18qq9"};
12
+ var styles = {"sticky":"modal__sticky_vxrsj","content":"modal__content_vxrsj"};
13
13
  require('./mobile.css')
14
14
 
15
15
  var HeaderMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: ckcnm */
1
+ /* hash: 1u3ce */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -43,45 +43,45 @@
43
43
 
44
44
  /* mobile */
45
45
  }
46
- .modal__header_7wjra {
46
+ .modal__header_1xyqj {
47
47
  border-top-left-radius: var(--modal-border-radius);
48
48
  border-top-right-radius: var(--modal-border-radius);
49
49
  }
50
- .modal__content_7wjra {
50
+ .modal__content_1xyqj {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
53
  }
54
- .modal__s_7wjra .modal__content_7wjra,
55
- .modal__m_7wjra .modal__content_7wjra {
54
+ .modal__s_1xyqj .modal__content_1xyqj,
55
+ .modal__m_1xyqj .modal__content_1xyqj {
56
56
  padding: var(--modal-s-header-desktop-content-paddings);
57
57
  font-size: var(--modal-s-header-desktop-font-size);
58
58
  line-height: var(--modal-s-header-desktop-line-height);
59
59
  }
60
- .modal__l_7wjra .modal__content_7wjra,
61
- .modal__xl_7wjra .modal__content_7wjra,
62
- .modal__fullscreen_7wjra .modal__content_7wjra {
60
+ .modal__l_1xyqj .modal__content_1xyqj,
61
+ .modal__xl_1xyqj .modal__content_1xyqj,
62
+ .modal__fullscreen_1xyqj .modal__content_1xyqj {
63
63
  padding: var(--modal-l-header-desktop-content-paddings);
64
64
  font-size: var(--modal-l-header-desktop-font-size);
65
65
  line-height: var(--modal-l-header-desktop-line-height);
66
66
  }
67
- .modal__s_7wjra,
68
- .modal__m_7wjra {
67
+ .modal__s_1xyqj,
68
+ .modal__m_1xyqj {
69
69
  padding: var(--modal-s-header-paddings)
70
70
  }
71
- .modal__s_7wjra:not(.modal__hasContent_7wjra), .modal__m_7wjra:not(.modal__hasContent_7wjra) {
71
+ .modal__s_1xyqj:not(.modal__hasContent_1xyqj), .modal__m_1xyqj:not(.modal__hasContent_1xyqj) {
72
72
  padding-bottom: 0;
73
73
  }
74
- .modal__l_7wjra,
75
- .modal__xl_7wjra,
76
- .modal__fullscreen_7wjra {
74
+ .modal__l_1xyqj,
75
+ .modal__xl_1xyqj,
76
+ .modal__fullscreen_1xyqj {
77
77
  padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
78
78
  }
79
- .modal__l_7wjra:not(.modal__hasContent_7wjra), .modal__xl_7wjra:not(.modal__hasContent_7wjra), .modal__fullscreen_7wjra:not(.modal__hasContent_7wjra) {
79
+ .modal__l_1xyqj:not(.modal__hasContent_1xyqj), .modal__xl_1xyqj:not(.modal__hasContent_1xyqj), .modal__fullscreen_1xyqj:not(.modal__hasContent_1xyqj) {
80
80
  padding-bottom: var(--gap-m);
81
81
  }
82
- .modal__sticky_7wjra {
82
+ .modal__sticky_1xyqj {
83
83
  top: calc(var(--modal-vertical-padding) * -1)
84
84
  }
85
- .modal__sticky_7wjra.modal__fullscreen_7wjra {
85
+ .modal__sticky_1xyqj.modal__fullscreen_1xyqj {
86
86
  top: 0;
87
87
  }
@@ -1,4 +1,4 @@
1
- /* hash: us7ma */
1
+ /* hash: da3aw */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -25,7 +25,7 @@
25
25
 
26
26
  /* mobile */
27
27
  }
28
- .modal__header_bu95l {
28
+ .modal__header_ajz3n {
29
29
  width: 100%;
30
30
  box-sizing: border-box;
31
31
  display: flex;
@@ -33,26 +33,26 @@
33
33
  justify-content: space-between;
34
34
  transition: box-shadow 0.2s ease, background 0.2s ease
35
35
  }
36
- .modal__header_bu95l:not(.modal__hasContent_bu95l) {
36
+ .modal__header_ajz3n:not(.modal__hasContent_ajz3n) {
37
37
  pointer-events: none;
38
38
  }
39
- .modal__highlighted_bu95l {
39
+ .modal__highlighted_ajz3n {
40
40
  background: var(--modal-header-highlight-background);
41
41
  box-shadow: var(--modal-header-highlight-box-shadow);
42
42
  }
43
- .modal__sticky_bu95l {
43
+ .modal__sticky_ajz3n {
44
44
  position: sticky
45
45
  }
46
- .modal__sticky_bu95l.modal__hasContent_bu95l {
46
+ .modal__sticky_ajz3n.modal__hasContent_ajz3n {
47
47
  background: var(--modal-header-background);
48
48
  }
49
- .modal__content_bu95l {
49
+ .modal__content_ajz3n {
50
50
  flex-grow: 1;
51
51
  }
52
- .modal__title_bu95l {
52
+ .modal__title_ajz3n {
53
53
  word-break: break-word;
54
54
  }
55
- .modal__addon_bu95l {
55
+ .modal__addon_ajz3n {
56
56
  min-width: 48px;
57
57
  height: 48px;
58
58
  display: flex;
@@ -60,25 +60,25 @@
60
60
  align-items: center;
61
61
  pointer-events: all;
62
62
  }
63
- .modal__closer_bu95l {
63
+ .modal__closer_ajz3n {
64
64
  margin-left: auto;
65
65
  }
66
- .modal__left_bu95l {
66
+ .modal__left_ajz3n {
67
67
  justify-content: flex-start;
68
68
  text-align: left;
69
69
  }
70
- .modal__center_bu95l {
70
+ .modal__center_ajz3n {
71
71
  justify-content: center;
72
72
  text-align: center;
73
73
  }
74
- .modal__right_bu95l {
74
+ .modal__right_ajz3n {
75
75
  justify-content: flex-end;
76
76
  text-align: right;
77
77
  }
78
- .modal__trim_bu95l {
78
+ .modal__trim_ajz3n {
79
79
  overflow: hidden
80
80
  }
81
- .modal__trim_bu95l .modal__title_bu95l {
81
+ .modal__trim_ajz3n .modal__title_ajz3n {
82
82
  overflow: hidden;
83
83
  white-space: nowrap;
84
84
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: wptap */
1
+ /* hash: 1lyzb */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -33,10 +33,10 @@
33
33
  --modal-header-mobile-font-family: var(--font-family-system);
34
34
  --modal-header-mobile-font-weight: bold;
35
35
  }
36
- .modal__sticky_18qq9 {
36
+ .modal__sticky_vxrsj {
37
37
  top: 0;
38
38
  }
39
- .modal__content_18qq9 {
39
+ .modal__content_vxrsj {
40
40
  font-size: var(--modal-header-mobile-font-size);
41
41
  line-height: var(--modal-header-mobile-line-height);
42
42
  font-family: var(--modal-header-mobile-font-family);
package/esm/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mzt59 */
1
+ /* hash: 1wrr6 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,32 +31,32 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__wrapper_1nrmq {
34
+ .modal__wrapper_1jh5d {
35
35
  padding-top: var(--modal-vertical-padding);
36
36
  padding-bottom: var(--modal-vertical-padding);
37
37
  }
38
- .modal__component_1nrmq {
38
+ .modal__component_1jh5d {
39
39
  width: 100%;
40
40
  max-width: 100%;
41
41
  border-radius: var(--modal-border-radius);
42
42
  }
43
- .modal__fullscreen_1nrmq {
43
+ .modal__fullscreen_1jh5d {
44
44
  padding-top: 0;
45
45
  padding-bottom: 0
46
46
  }
47
- .modal__fullscreen_1nrmq .modal__component_1nrmq {
47
+ .modal__fullscreen_1jh5d .modal__component_1jh5d {
48
48
  flex: 1;
49
49
  border-radius: 0;
50
50
  }
51
- .modal__s_1nrmq {
51
+ .modal__s_1jh5d {
52
52
  width: var(--modal-s-width);
53
53
  }
54
- .modal__m_1nrmq {
54
+ .modal__m_1jh5d {
55
55
  width: var(--modal-m-width);
56
56
  }
57
- .modal__l_1nrmq {
57
+ .modal__l_1jh5d {
58
58
  width: var(--modal-l-width);
59
59
  }
60
- .modal__xl_1nrmq {
60
+ .modal__xl_1jh5d {
61
61
  width: var(--modal-xl-width);
62
62
  }
package/esm/desktop.js CHANGED
@@ -1,10 +1,10 @@
1
- import './tslib.es6-42bfb8b8.js';
1
+ import './tslib.es6-62c96ba4.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/esm';
5
5
  import 'react-merge-refs';
6
6
  import './Context.js';
7
- import './Component-3503c981.js';
7
+ import './Component-2b159fe9.js';
8
8
  import '@alfalab/core-components-icon-button/esm';
9
9
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
10
  import './components/closer/Component.js';
@@ -14,4 +14,4 @@ import './components/content/Component.desktop.js';
14
14
  import './components/footer/Component.js';
15
15
  import './components/footer/Component.desktop.js';
16
16
  export { ModalDesktop } from './Component.desktop.js';
17
- import './transitions.module-1307dc6e.js';
17
+ import './transitions.module-25489c78.js';
package/esm/index.js CHANGED
@@ -1,10 +1,10 @@
1
- import './tslib.es6-42bfb8b8.js';
1
+ import './tslib.es6-62c96ba4.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/esm';
5
5
  import 'react-merge-refs';
6
6
  export { ModalContext } from './Context.js';
7
- import './Component-3503c981.js';
7
+ import './Component-2b159fe9.js';
8
8
  import '@alfalab/core-components-icon-button/esm';
9
9
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
10
  import './components/closer/Component.js';
@@ -14,7 +14,7 @@ import './components/content/Component.desktop.js';
14
14
  import './components/footer/Component.js';
15
15
  import './components/footer/Component.desktop.js';
16
16
  import './Component.desktop.js';
17
- import './transitions.module-1307dc6e.js';
17
+ import './transitions.module-25489c78.js';
18
18
  import '@alfalab/icons-glyph/CrossMIcon';
19
19
  import './components/header/Component.mobile.js';
20
20
  import './components/content/Component.mobile.js';
package/esm/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: et3z5 */
1
+ /* hash: 1q4ma */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .modal__component_sf6jd {
22
+ .modal__component_1t0au {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
package/esm/mobile.js CHANGED
@@ -1,15 +1,15 @@
1
- import './tslib.es6-42bfb8b8.js';
1
+ import './tslib.es6-62c96ba4.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/esm';
5
5
  import './Context.js';
6
- import './Component-3503c981.js';
6
+ import './Component-2b159fe9.js';
7
7
  import '@alfalab/core-components-icon-button/esm';
8
8
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
9
  import './components/closer/Component.js';
10
10
  import './components/content/Component.js';
11
11
  import './components/footer/Component.js';
12
- import './transitions.module-1307dc6e.js';
12
+ import './transitions.module-25489c78.js';
13
13
  import '@alfalab/icons-glyph/CrossMIcon';
14
14
  import './components/header/Component.mobile.js';
15
15
  import './components/content/Component.mobile.js';
package/esm/responsive.js CHANGED
@@ -1,10 +1,10 @@
1
- import './tslib.es6-42bfb8b8.js';
1
+ import './tslib.es6-62c96ba4.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '@alfalab/core-components-base-modal/esm';
5
5
  import 'react-merge-refs';
6
6
  import './Context.js';
7
- import './Component-3503c981.js';
7
+ import './Component-2b159fe9.js';
8
8
  import '@alfalab/core-components-icon-button/esm';
9
9
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
10
  import './components/closer/Component.js';
@@ -14,7 +14,7 @@ import './components/content/Component.desktop.js';
14
14
  import './components/footer/Component.js';
15
15
  import './components/footer/Component.desktop.js';
16
16
  import './Component.desktop.js';
17
- import './transitions.module-1307dc6e.js';
17
+ import './transitions.module-25489c78.js';
18
18
  import '@alfalab/icons-glyph/CrossMIcon';
19
19
  import './components/header/Component.mobile.js';
20
20
  import './components/content/Component.mobile.js';
@@ -1,24 +1,24 @@
1
- /* hash: 6tcrs */
2
- .modal__appear_1z5zb,
3
- .modal__enter_1z5zb {
1
+ /* hash: 1i4v2 */
2
+ .modal__appear_12kaa,
3
+ .modal__enter_12kaa {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_1z5zb,
9
- .modal__enterActive_1z5zb {
8
+ .modal__appearActive_12kaa,
9
+ .modal__enterActive_12kaa {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .modal__exit_1z5zb {
15
+ .modal__exit_12kaa {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_1z5zb,
21
- .modal__exitDone_1z5zb {
20
+ .modal__exitActive_12kaa,
21
+ .modal__exitDone_12kaa {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -0,0 +1,4 @@
1
+ var transitions = {"appear":"modal__appear_12kaa","enter":"modal__enter_12kaa","appearActive":"modal__appearActive_12kaa","enterActive":"modal__enterActive_12kaa","exit":"modal__exit_12kaa","exitActive":"modal__exitActive_12kaa","exitDone":"modal__exitDone_12kaa"};
2
+ require('./transitions.css')
3
+
4
+ export { transitions as t };
package/index.js CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-8fda5d5a.js');
5
+ require('./tslib.es6-e377d59a.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
9
9
  require('react-merge-refs');
10
10
  var Context = require('./Context.js');
11
- require('./Component-804073a6.js');
11
+ require('./Component-0defecef.js');
12
12
  require('@alfalab/core-components-icon-button');
13
13
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
14
14
  require('./components/closer/Component.js');
@@ -18,7 +18,7 @@ require('./components/content/Component.desktop.js');
18
18
  require('./components/footer/Component.js');
19
19
  require('./components/footer/Component.desktop.js');
20
20
  require('./Component.desktop.js');
21
- require('./transitions.module-3191def2.js');
21
+ require('./transitions.module-8830325d.js');
22
22
  require('@alfalab/icons-glyph/CrossMIcon');
23
23
  require('./components/header/Component.mobile.js');
24
24
  require('./components/content/Component.mobile.js');
package/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: et3z5 */
1
+ /* hash: 1q4ma */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .modal__component_sf6jd {
22
+ .modal__component_1t0au {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
package/mobile.js CHANGED
@@ -2,18 +2,18 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-8fda5d5a.js');
5
+ require('./tslib.es6-e377d59a.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
9
9
  require('./Context.js');
10
- require('./Component-804073a6.js');
10
+ require('./Component-0defecef.js');
11
11
  require('@alfalab/core-components-icon-button');
12
12
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
13
13
  require('./components/closer/Component.js');
14
14
  require('./components/content/Component.js');
15
15
  require('./components/footer/Component.js');
16
- require('./transitions.module-3191def2.js');
16
+ require('./transitions.module-8830325d.js');
17
17
  require('@alfalab/icons-glyph/CrossMIcon');
18
18
  require('./components/header/Component.mobile.js');
19
19
  require('./components/content/Component.mobile.js');
@@ -7,7 +7,7 @@ const getDataTestId = (dataTestId, element) => {
7
7
  return dataTestId ? `${dataTestId}${elementPart}` : undefined;
8
8
  };
9
9
 
10
- var styles = {"header":"modal__header_bu95l","hasContent":"modal__hasContent_bu95l","highlighted":"modal__highlighted_bu95l","sticky":"modal__sticky_bu95l","content":"modal__content_bu95l","title":"modal__title_bu95l","addon":"modal__addon_bu95l","closer":"modal__closer_bu95l","left":"modal__left_bu95l","center":"modal__center_bu95l","right":"modal__right_bu95l","trim":"modal__trim_bu95l"};
10
+ var styles = {"header":"modal__header_ajz3n","hasContent":"modal__hasContent_ajz3n","highlighted":"modal__highlighted_ajz3n","sticky":"modal__sticky_ajz3n","content":"modal__content_ajz3n","title":"modal__title_ajz3n","addon":"modal__addon_ajz3n","closer":"modal__closer_ajz3n","left":"modal__left_ajz3n","center":"modal__center_ajz3n","right":"modal__right_ajz3n","trim":"modal__trim_ajz3n"};
11
11
  require('./components/header/index.css')
12
12
 
13
13
  const Header = ({ className, addonClassName, contentClassName, leftAddons, children, align = 'left', trim = true, title, closer, sticky, dataTestId, }) => {
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { BaseModal } from '@alfalab/core-components-base-modal/modern';
4
4
  import mergeRefs from 'react-merge-refs';
5
5
  import './Context.js';
6
- import './Component-88df9479.js';
6
+ import './Component-1f033c16.js';
7
7
  import '@alfalab/core-components-icon-button/modern';
8
8
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
9
  import { Closer } from './components/closer/Component.js';
@@ -12,9 +12,9 @@ import './components/content/Component.js';
12
12
  import { ContentDesktop } from './components/content/Component.desktop.js';
13
13
  import './components/footer/Component.js';
14
14
  import { FooterDesktop } from './components/footer/Component.desktop.js';
15
- import { t as transitions } from './transitions.module-1307dc6e.js';
15
+ import { t as transitions } from './transitions.module-25489c78.js';
16
16
 
17
- var styles = {"wrapper":"modal__wrapper_1nrmq","component":"modal__component_1nrmq","fullscreen":"modal__fullscreen_1nrmq","s":"modal__s_1nrmq","m":"modal__m_1nrmq","l":"modal__l_1nrmq","xl":"modal__xl_1nrmq"};
17
+ var styles = {"wrapper":"modal__wrapper_1jh5d","component":"modal__component_1jh5d","fullscreen":"modal__fullscreen_1jh5d","s":"modal__s_1jh5d","m":"modal__m_1jh5d","l":"modal__l_1jh5d","xl":"modal__xl_1jh5d"};
18
18
  require('./desktop.css')
19
19
 
20
20
  const ModalDesktopComponent = forwardRef(({ size = 's', fixedPosition, fullscreen, children, className, wrapperClassName, transitionProps = {}, ...restProps }, ref) => {