@alfalab/core-components-modal 5.2.4 → 5.2.5

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 (127) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/Component.desktop.js +3 -3
  3. package/Component.mobile.js +3 -3
  4. package/Component.responsive.d.ts +1 -1
  5. package/Component.responsive.js +2 -2
  6. package/components/closer/Component.js +2 -2
  7. package/components/closer/index.css +4 -4
  8. package/components/content/Component.desktop.js +2 -2
  9. package/components/content/Component.js +1 -1
  10. package/components/content/Component.mobile.js +2 -2
  11. package/components/content/desktop.css +8 -8
  12. package/components/content/index.css +3 -3
  13. package/components/content/mobile.css +3 -3
  14. package/components/footer/Component.desktop.js +2 -2
  15. package/components/footer/Component.js +2 -2
  16. package/components/footer/Component.mobile.js +2 -2
  17. package/components/footer/desktop.css +9 -9
  18. package/components/footer/index.css +4 -4
  19. package/components/footer/layout.css +25 -25
  20. package/components/footer/mobile.css +3 -3
  21. package/components/header/Component.desktop.js +2 -2
  22. package/components/header/Component.js +1 -1
  23. package/components/header/Component.mobile.js +2 -2
  24. package/components/header/desktop.css +17 -17
  25. package/components/header/index.css +15 -15
  26. package/components/header/mobile.css +3 -3
  27. package/cssm/Component.desktop.js +2 -2
  28. package/cssm/Component.mobile.js +2 -2
  29. package/cssm/Component.responsive.d.ts +1 -1
  30. package/cssm/Component.responsive.js +2 -2
  31. package/cssm/Context.js +1 -1
  32. package/cssm/components/closer/Component.js +2 -2
  33. package/cssm/components/content/Component.desktop.js +1 -1
  34. package/cssm/components/content/Component.js +1 -1
  35. package/cssm/components/content/Component.mobile.js +1 -1
  36. package/cssm/components/footer/Component.desktop.js +1 -1
  37. package/cssm/components/footer/Component.js +1 -1
  38. package/cssm/components/footer/Component.mobile.js +1 -1
  39. package/cssm/components/header/Component.desktop.js +2 -2
  40. package/cssm/components/header/Component.js +1 -1
  41. package/cssm/components/header/Component.mobile.js +2 -2
  42. package/cssm/desktop.js +2 -2
  43. package/cssm/index.js +2 -2
  44. package/cssm/mobile.js +2 -2
  45. package/cssm/responsive.js +2 -2
  46. package/desktop.css +9 -9
  47. package/desktop.js +2 -2
  48. package/esm/Component.desktop.js +5 -5
  49. package/esm/Component.mobile.js +5 -5
  50. package/esm/Component.responsive.js +4 -4
  51. package/esm/Context.js +1 -1
  52. package/esm/components/closer/Component.js +4 -4
  53. package/esm/components/closer/index.css +4 -4
  54. package/esm/components/content/Component.desktop.js +3 -3
  55. package/esm/components/content/Component.js +2 -2
  56. package/esm/components/content/Component.mobile.js +3 -3
  57. package/esm/components/content/desktop.css +8 -8
  58. package/esm/components/content/index.css +3 -3
  59. package/esm/components/content/mobile.css +3 -3
  60. package/esm/components/footer/Component.desktop.js +3 -3
  61. package/esm/components/footer/Component.js +3 -3
  62. package/esm/components/footer/Component.mobile.js +3 -3
  63. package/esm/components/footer/desktop.css +9 -9
  64. package/esm/components/footer/index.css +4 -4
  65. package/esm/components/footer/layout.css +25 -25
  66. package/esm/components/footer/mobile.css +3 -3
  67. package/esm/components/header/Component.desktop.js +4 -4
  68. package/esm/components/header/Component.js +2 -2
  69. package/esm/components/header/Component.mobile.js +4 -4
  70. package/esm/components/header/desktop.css +17 -17
  71. package/esm/components/header/index.css +15 -15
  72. package/esm/components/header/mobile.css +3 -3
  73. package/esm/desktop.css +9 -9
  74. package/esm/desktop.js +4 -4
  75. package/esm/index.js +4 -4
  76. package/esm/mobile.css +2 -2
  77. package/esm/mobile.js +4 -4
  78. package/esm/responsive.js +4 -4
  79. package/esm/transitions.css +8 -8
  80. package/esm/transitions.module-3b5dee52.js +4 -0
  81. package/esm/{tslib.es6-7706dd6f.d.ts → tslib.es6-b60fb885.d.ts} +0 -0
  82. package/esm/{tslib.es6-7706dd6f.js → tslib.es6-b60fb885.js} +0 -0
  83. package/index.js +2 -2
  84. package/mobile.css +2 -2
  85. package/mobile.js +2 -2
  86. package/modern/Component.desktop.js +4 -4
  87. package/modern/Component.mobile.js +4 -4
  88. package/modern/Component.responsive.js +3 -3
  89. package/modern/Context.js +1 -1
  90. package/modern/components/closer/Component.js +3 -3
  91. package/modern/components/closer/index.css +4 -4
  92. package/modern/components/content/Component.desktop.js +2 -2
  93. package/modern/components/content/Component.js +2 -2
  94. package/modern/components/content/Component.mobile.js +2 -2
  95. package/modern/components/content/desktop.css +8 -8
  96. package/modern/components/content/index.css +3 -3
  97. package/modern/components/content/mobile.css +3 -3
  98. package/modern/components/footer/Component.desktop.js +2 -2
  99. package/modern/components/footer/Component.js +3 -3
  100. package/modern/components/footer/Component.mobile.js +2 -2
  101. package/modern/components/footer/desktop.css +9 -9
  102. package/modern/components/footer/index.css +4 -4
  103. package/modern/components/footer/layout.css +25 -25
  104. package/modern/components/footer/mobile.css +3 -3
  105. package/modern/components/header/Component.desktop.js +3 -3
  106. package/modern/components/header/Component.js +2 -2
  107. package/modern/components/header/Component.mobile.js +3 -3
  108. package/modern/components/header/desktop.css +17 -17
  109. package/modern/components/header/index.css +15 -15
  110. package/modern/components/header/mobile.css +3 -3
  111. package/modern/desktop.css +9 -9
  112. package/modern/desktop.js +3 -3
  113. package/modern/index.js +3 -3
  114. package/modern/mobile.css +2 -2
  115. package/modern/mobile.js +3 -3
  116. package/modern/responsive.js +3 -3
  117. package/modern/transitions.css +8 -8
  118. package/modern/transitions.module-3b5dee52.js +4 -0
  119. package/package.json +4 -4
  120. package/responsive.js +2 -2
  121. package/transitions.css +8 -8
  122. package/transitions.module-4e5adb69.js +6 -0
  123. package/{tslib.es6-9e07616d.d.ts → tslib.es6-a3a19bff.d.ts} +0 -0
  124. package/{tslib.es6-9e07616d.js → tslib.es6-a3a19bff.js} +0 -0
  125. package/esm/transitions.module-dff9fc07.js +0 -4
  126. package/modern/transitions.module-dff9fc07.js +0 -4
  127. package/transitions.module-853e7be6.js +0 -6
@@ -1,4 +1,4 @@
1
- /* hash: 1ut6z */
1
+ /* hash: 1qtb9 */
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_1lwg9 {
28
+ .modal__header_1ysu8 {
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_1lwg9:not(.modal__hasContent_1lwg9) {
36
+ .modal__header_1ysu8:not(.modal__hasContent_1ysu8) {
37
37
  pointer-events: none;
38
38
  }
39
- .modal__highlighted_1lwg9 {
39
+ .modal__highlighted_1ysu8 {
40
40
  background: var(--modal-header-highlight-background);
41
41
  box-shadow: var(--modal-header-highlight-box-shadow);
42
42
  }
43
- .modal__sticky_1lwg9 {
43
+ .modal__sticky_1ysu8 {
44
44
  position: sticky
45
45
  }
46
- .modal__sticky_1lwg9.modal__hasContent_1lwg9 {
46
+ .modal__sticky_1ysu8.modal__hasContent_1ysu8 {
47
47
  background: var(--modal-header-background);
48
48
  }
49
- .modal__content_1lwg9 {
49
+ .modal__content_1ysu8 {
50
50
  flex-grow: 1;
51
51
  }
52
- .modal__title_1lwg9 {
52
+ .modal__title_1ysu8 {
53
53
  word-break: break-word;
54
54
  }
55
- .modal__addon_1lwg9 {
55
+ .modal__addon_1ysu8 {
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_1lwg9 {
63
+ .modal__closer_1ysu8 {
64
64
  margin-left: auto;
65
65
  }
66
- .modal__left_1lwg9 {
66
+ .modal__left_1ysu8 {
67
67
  justify-content: flex-start;
68
68
  text-align: left;
69
69
  }
70
- .modal__center_1lwg9 {
70
+ .modal__center_1ysu8 {
71
71
  justify-content: center;
72
72
  text-align: center;
73
73
  }
74
- .modal__right_1lwg9 {
74
+ .modal__right_1ysu8 {
75
75
  justify-content: flex-end;
76
76
  text-align: right;
77
77
  }
78
- .modal__trim_1lwg9 {
78
+ .modal__trim_1ysu8 {
79
79
  overflow: hidden
80
80
  }
81
- .modal__trim_1lwg9 .modal__title_1lwg9 {
81
+ .modal__trim_1ysu8 .modal__title_1ysu8 {
82
82
  overflow: hidden;
83
83
  white-space: nowrap;
84
84
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: mfvu9 */
1
+ /* hash: ytfnv */
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_7k0li {
36
+ .modal__sticky_t38h9 {
37
37
  top: 0;
38
38
  }
39
- .modal__content_7k0li {
39
+ .modal__content_t38h9 {
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);
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('./tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/dist/cssm');
8
+ var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
9
9
  var mergeRefs = require('react-merge-refs');
10
10
  require('./Context.js');
11
11
  require('./components/header/index.module.css');
12
12
  require('./components/header/Component.js');
13
- require('@alfalab/core-components-icon-button/dist/cssm');
13
+ require('@alfalab/core-components-icon-button/cssm');
14
14
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
15
15
  require('./components/closer/index.module.css');
16
16
  var components_closer_Component = require('./components/closer/Component.js');
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('./tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/dist/cssm');
8
+ var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
9
9
  require('./Context.js');
10
10
  require('./components/header/index.module.css');
11
11
  require('./components/header/Component.js');
12
- require('@alfalab/core-components-icon-button/dist/cssm');
12
+ require('@alfalab/core-components-icon-button/cssm');
13
13
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
14
14
  require('./components/closer/index.module.css');
15
15
  var components_closer_Component = require('./components/closer/Component.js');
@@ -11,7 +11,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/
11
11
  fixedPosition?: boolean | undefined;
12
12
  hasCloser?: boolean | undefined;
13
13
  } & React.RefAttributes<HTMLDivElement>> & {
14
- Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
14
+ Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
15
15
  Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
16
16
  Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
17
17
  Closer: React.FC<import("./components/closer/Component").CloserProps>;
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('./tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('react-merge-refs');
10
10
  require('./Context.js');
11
11
  require('./components/header/index.module.css');
12
12
  require('./components/header/Component.js');
13
- require('@alfalab/core-components-icon-button/dist/cssm');
13
+ require('@alfalab/core-components-icon-button/cssm');
14
14
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
15
15
  require('./components/closer/index.module.css');
16
16
  var components_closer_Component = require('./components/closer/Component.js');
package/cssm/Context.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/dist/cssm');
5
+ var coreComponentsBaseModal = require('@alfalab/core-components-base-modal/cssm');
6
6
 
7
7
  var ModalContext = coreComponentsBaseModal.BaseModalContext;
8
8
 
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  var Context = require('../../Context.js');
10
- var coreComponentsIconButton = require('@alfalab/core-components-icon-button/dist/cssm');
10
+ var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
11
11
  var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
12
12
  var styles = require('./index.module.css');
13
13
 
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('../../Context.js');
10
10
  require('./index.module.css');
11
11
  var components_content_Component = require('./Component.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var cn = require('classnames');
7
- require('@alfalab/core-components-base-modal/dist/cssm');
7
+ require('@alfalab/core-components-base-modal/cssm');
8
8
  var Context = require('../../Context.js');
9
9
  var styles = require('./index.module.css');
10
10
 
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('../../Context.js');
10
10
  require('./index.module.css');
11
11
  var components_content_Component = require('./Component.js');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('../../Context.js');
10
10
  require('./index.module.css');
11
11
  require('./layout.module.css');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var cn = require('classnames');
7
- require('@alfalab/core-components-base-modal/dist/cssm');
7
+ require('@alfalab/core-components-base-modal/cssm');
8
8
  var Context = require('../../Context.js');
9
9
  var styles = require('./index.module.css');
10
10
  var layoutStyles = require('./layout.module.css');
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('../../Context.js');
10
10
  require('./index.module.css');
11
11
  require('./layout.module.css');
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('../../Context.js');
10
10
  require('./index.module.css');
11
11
  var components_header_Component = require('./Component.js');
12
- require('@alfalab/core-components-icon-button/dist/cssm');
12
+ require('@alfalab/core-components-icon-button/cssm');
13
13
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
14
14
  require('../closer/index.module.css');
15
15
  var components_closer_Component = require('../closer/Component.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var cn = require('classnames');
7
- require('@alfalab/core-components-base-modal/dist/cssm');
7
+ require('@alfalab/core-components-base-modal/cssm');
8
8
  var Context = require('../../Context.js');
9
9
  var styles = require('./index.module.css');
10
10
 
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('../../Context.js');
10
10
  require('./index.module.css');
11
11
  var components_header_Component = require('./Component.js');
12
- require('@alfalab/core-components-icon-button/dist/cssm');
12
+ require('@alfalab/core-components-icon-button/cssm');
13
13
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
14
14
  require('../closer/index.module.css');
15
15
  var components_closer_Component = require('../closer/Component.js');
package/cssm/desktop.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('./tslib.es6-ce870b46.js');
6
6
  require('react');
7
7
  require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('react-merge-refs');
10
10
  require('./Context.js');
11
11
  require('./components/header/index.module.css');
12
12
  require('./components/header/Component.js');
13
- require('@alfalab/core-components-icon-button/dist/cssm');
13
+ require('@alfalab/core-components-icon-button/cssm');
14
14
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
15
15
  require('./components/closer/index.module.css');
16
16
  require('./components/closer/Component.js');
package/cssm/index.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('./tslib.es6-ce870b46.js');
6
6
  require('react');
7
7
  require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('react-merge-refs');
10
10
  var Context = require('./Context.js');
11
11
  require('./components/header/index.module.css');
12
12
  require('./components/header/Component.js');
13
- require('@alfalab/core-components-icon-button/dist/cssm');
13
+ require('@alfalab/core-components-icon-button/cssm');
14
14
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
15
15
  require('./components/closer/index.module.css');
16
16
  require('./components/closer/Component.js');
package/cssm/mobile.js CHANGED
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('./tslib.es6-ce870b46.js');
6
6
  require('react');
7
7
  require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('./Context.js');
10
10
  require('./components/header/index.module.css');
11
11
  require('./components/header/Component.js');
12
- require('@alfalab/core-components-icon-button/dist/cssm');
12
+ require('@alfalab/core-components-icon-button/cssm');
13
13
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
14
14
  require('./components/closer/index.module.css');
15
15
  require('./components/closer/Component.js');
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('./tslib.es6-ce870b46.js');
6
6
  require('react');
7
7
  require('classnames');
8
- require('@alfalab/core-components-base-modal/dist/cssm');
8
+ require('@alfalab/core-components-base-modal/cssm');
9
9
  require('react-merge-refs');
10
10
  require('./Context.js');
11
11
  require('./components/header/index.module.css');
12
12
  require('./components/header/Component.js');
13
- require('@alfalab/core-components-icon-button/dist/cssm');
13
+ require('@alfalab/core-components-icon-button/cssm');
14
14
  require('@alfalab/icons-glyph/CrossHeavyMIcon');
15
15
  require('./components/closer/index.module.css');
16
16
  require('./components/closer/Component.js');
package/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1yvdj */
1
+ /* hash: 1mhtq */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,32 +31,32 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__wrapper_kt3c9 {
34
+ .modal__wrapper_tsm3i {
35
35
  padding-top: var(--modal-vertical-padding);
36
36
  padding-bottom: var(--modal-vertical-padding);
37
37
  }
38
- .modal__component_kt3c9 {
38
+ .modal__component_tsm3i {
39
39
  width: 100%;
40
40
  max-width: 100%;
41
41
  border-radius: var(--modal-border-radius);
42
42
  }
43
- .modal__fullscreen_kt3c9 {
43
+ .modal__fullscreen_tsm3i {
44
44
  padding-top: 0;
45
45
  padding-bottom: 0
46
46
  }
47
- .modal__fullscreen_kt3c9 .modal__component_kt3c9 {
47
+ .modal__fullscreen_tsm3i .modal__component_tsm3i {
48
48
  flex: 1;
49
49
  border-radius: 0;
50
50
  }
51
- .modal__s_kt3c9 {
51
+ .modal__s_tsm3i {
52
52
  width: var(--modal-s-width);
53
53
  }
54
- .modal__m_kt3c9 {
54
+ .modal__m_tsm3i {
55
55
  width: var(--modal-m-width);
56
56
  }
57
- .modal__l_kt3c9 {
57
+ .modal__l_tsm3i {
58
58
  width: var(--modal-l-width);
59
59
  }
60
- .modal__xl_kt3c9 {
60
+ .modal__xl_tsm3i {
61
61
  width: var(--modal-xl-width);
62
62
  }
package/desktop.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-9e07616d.js');
5
+ require('./tslib.es6-a3a19bff.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('@alfalab/core-components-base-modal');
@@ -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
  var Component_desktop = require('./Component.desktop.js');
21
- require('./transitions.module-853e7be6.js');
21
+ require('./transitions.module-4e5adb69.js');
22
22
 
23
23
 
24
24
 
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-7706dd6f.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-b60fb885.js';
2
2
  import React, { forwardRef, useRef, useCallback, isValidElement, cloneElement } from 'react';
3
3
  import cn from 'classnames';
4
- import { BaseModal } from '@alfalab/core-components-base-modal/dist/esm';
4
+ import { BaseModal } from '@alfalab/core-components-base-modal/esm';
5
5
  import mergeRefs from 'react-merge-refs';
6
6
  import './Context.js';
7
7
  import './components/header/Component.js';
8
- import '@alfalab/core-components-icon-button/dist/esm';
8
+ import '@alfalab/core-components-icon-button/esm';
9
9
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
10
  import { Closer } from './components/closer/Component.js';
11
11
  import { HeaderDesktop } from './components/header/Component.desktop.js';
@@ -13,9 +13,9 @@ import './components/content/Component.js';
13
13
  import { ContentDesktop } from './components/content/Component.desktop.js';
14
14
  import './components/footer/Component.js';
15
15
  import { FooterDesktop } from './components/footer/Component.desktop.js';
16
- import { t as transitions } from './transitions.module-dff9fc07.js';
16
+ import { t as transitions } from './transitions.module-3b5dee52.js';
17
17
 
18
- var styles = {"wrapper":"modal__wrapper_kt3c9","component":"modal__component_kt3c9","fullscreen":"modal__fullscreen_kt3c9","s":"modal__s_kt3c9","m":"modal__m_kt3c9","l":"modal__l_kt3c9","xl":"modal__xl_kt3c9"};
18
+ var styles = {"wrapper":"modal__wrapper_tsm3i","component":"modal__component_tsm3i","fullscreen":"modal__fullscreen_tsm3i","s":"modal__s_tsm3i","m":"modal__m_tsm3i","l":"modal__l_tsm3i","xl":"modal__xl_tsm3i"};
19
19
  require('./desktop.css')
20
20
 
21
21
  var ModalDesktopComponent = forwardRef(function (_a, ref) {
@@ -1,21 +1,21 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-7706dd6f.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-b60fb885.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import cn from 'classnames';
4
- import { BaseModal } from '@alfalab/core-components-base-modal/dist/esm';
4
+ import { BaseModal } from '@alfalab/core-components-base-modal/esm';
5
5
  import './Context.js';
6
6
  import './components/header/Component.js';
7
- import '@alfalab/core-components-icon-button/dist/esm';
7
+ import '@alfalab/core-components-icon-button/esm';
8
8
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
9
  import { Closer } from './components/closer/Component.js';
10
10
  import './components/content/Component.js';
11
11
  import './components/footer/Component.js';
12
- import { t as transitions } from './transitions.module-dff9fc07.js';
12
+ import { t as transitions } from './transitions.module-3b5dee52.js';
13
13
  import '@alfalab/icons-glyph/CrossMIcon';
14
14
  import { HeaderMobile } from './components/header/Component.mobile.js';
15
15
  import { ContentMobile } from './components/content/Component.mobile.js';
16
16
  import { FooterMobile } from './components/footer/Component.mobile.js';
17
17
 
18
- var styles = {"component":"modal__component_1eotd"};
18
+ var styles = {"component":"modal__component_79osl"};
19
19
  require('./mobile.css')
20
20
 
21
21
  var ModalMobileComponent = forwardRef(function (_a, ref) {
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from './tslib.es6-7706dd6f.js';
1
+ import { _ as __rest, a as __assign } from './tslib.es6-b60fb885.js';
2
2
  import React, { forwardRef, useMemo, useContext } from 'react';
3
3
  import 'classnames';
4
- import '@alfalab/core-components-base-modal/dist/esm';
4
+ import '@alfalab/core-components-base-modal/esm';
5
5
  import 'react-merge-refs';
6
6
  import './Context.js';
7
7
  import './components/header/Component.js';
8
- import '@alfalab/core-components-icon-button/dist/esm';
8
+ import '@alfalab/core-components-icon-button/esm';
9
9
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
10
  import { Closer } from './components/closer/Component.js';
11
11
  import './components/header/Component.desktop.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 { ModalDesktop } from './Component.desktop.js';
17
- import './transitions.module-dff9fc07.js';
17
+ import './transitions.module-3b5dee52.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/Context.js CHANGED
@@ -1,4 +1,4 @@
1
- import { BaseModalContext } from '@alfalab/core-components-base-modal/dist/esm';
1
+ import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
2
2
 
3
3
  var ModalContext = BaseModalContext;
4
4
 
@@ -1,12 +1,12 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-7706dd6f.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-b60fb885.js';
2
2
  import React, { useContext, useCallback } from 'react';
3
3
  import cn from 'classnames';
4
- import '@alfalab/core-components-base-modal/dist/esm';
4
+ import '@alfalab/core-components-base-modal/esm';
5
5
  import { ModalContext } from '../../Context.js';
6
- import { IconButton } from '@alfalab/core-components-icon-button/dist/esm';
6
+ import { IconButton } from '@alfalab/core-components-icon-button/esm';
7
7
  import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
8
8
 
9
- var styles = {"closer":"modal__closer_1upfs","button":"modal__button_1upfs","sticky":"modal__sticky_1upfs"};
9
+ var styles = {"closer":"modal__closer_4nuhy","button":"modal__button_4nuhy","sticky":"modal__sticky_4nuhy"};
10
10
  require('./index.css')
11
11
 
12
12
  /**
@@ -1,4 +1,4 @@
1
- /* hash: 1lmel */
1
+ /* hash: 198ur */
2
2
  :root {
3
3
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
4
4
  }
@@ -29,7 +29,7 @@
29
29
  :root {
30
30
  --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
31
31
  }
32
- .modal__closer_1upfs {
32
+ .modal__closer_4nuhy {
33
33
  flex-shrink: 0;
34
34
  width: 48px;
35
35
  height: 48px;
@@ -38,13 +38,13 @@
38
38
  align-items: center;
39
39
  justify-content: center;
40
40
  }
41
- .modal__button_1upfs {
41
+ .modal__button_4nuhy {
42
42
  background: var(--modal-closer-bg-color);
43
43
  -webkit-backdrop-filter: blur(10px);
44
44
  backdrop-filter: blur(10px);
45
45
  border-radius: 50px;
46
46
  }
47
- .modal__sticky_1upfs {
47
+ .modal__sticky_4nuhy {
48
48
  position: sticky;
49
49
  top: calc(var(--modal-vertical-padding) * -1);
50
50
  }
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-7706dd6f.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-b60fb885.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import '@alfalab/core-components-base-modal/dist/esm';
4
+ import '@alfalab/core-components-base-modal/esm';
5
5
  import '../../Context.js';
6
6
  import { Content } from './Component.js';
7
7
 
8
- var styles = {"s":"modal__s_1ybq6","m":"modal__m_1ybq6","l":"modal__l_1ybq6","xl":"modal__xl_1ybq6","fullscreen":"modal__fullscreen_1ybq6"};
8
+ var styles = {"s":"modal__s_16pqp","m":"modal__m_16pqp","l":"modal__l_16pqp","xl":"modal__xl_16pqp","fullscreen":"modal__fullscreen_16pqp"};
9
9
  require('./desktop.css')
10
10
 
11
11
  var ContentDesktop = function (_a) {
@@ -1,9 +1,9 @@
1
1
  import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
- import '@alfalab/core-components-base-modal/dist/esm';
3
+ import '@alfalab/core-components-base-modal/esm';
4
4
  import { ModalContext } from '../../Context.js';
5
5
 
6
- var styles = {"content":"modal__content_1ec4g","flex":"modal__flex_1ec4g"};
6
+ var styles = {"content":"modal__content_mq506","flex":"modal__flex_mq506"};
7
7
  require('./index.css')
8
8
 
9
9
  var Content = function (_a) {
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-7706dd6f.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-b60fb885.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import '@alfalab/core-components-base-modal/dist/esm';
4
+ import '@alfalab/core-components-base-modal/esm';
5
5
  import '../../Context.js';
6
6
  import { Content } from './Component.js';
7
7
 
8
- var styles = {"content":"modal__content_bwqxe"};
8
+ var styles = {"content":"modal__content_2x864"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var ContentMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: lk8eu */
1
+ /* hash: 1upk1 */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -24,18 +24,18 @@
24
24
 
25
25
  /* mobile */
26
26
  }
27
- .modal__s_1ybq6,
28
- .modal__m_1ybq6 {
27
+ .modal__s_16pqp,
28
+ .modal__m_16pqp {
29
29
  padding: var(--modal-s-content-paddings)
30
30
  }
31
- .modal__s_1ybq6:last-child, .modal__m_1ybq6:last-child {
31
+ .modal__s_16pqp:last-child, .modal__m_16pqp:last-child {
32
32
  padding-bottom: var(--modal-s-content-only-bottom-padding);
33
33
  }
34
- .modal__l_1ybq6,
35
- .modal__xl_1ybq6,
36
- .modal__fullscreen_1ybq6 {
34
+ .modal__l_16pqp,
35
+ .modal__xl_16pqp,
36
+ .modal__fullscreen_16pqp {
37
37
  padding: 0 var(--gap-6xl)
38
38
  }
39
- .modal__l_1ybq6:last-child, .modal__xl_1ybq6:last-child, .modal__fullscreen_1ybq6:last-child {
39
+ .modal__l_16pqp:last-child, .modal__xl_16pqp:last-child, .modal__fullscreen_16pqp:last-child {
40
40
  padding-bottom: var(--gap-6xl);
41
41
  }