@alfalab/core-components-modal 5.3.0 → 5.4.2

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 (243) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/{esm/components/header/Component.d.ts → dist/Component-5f9bc48b.d.ts} +5 -0
  3. package/{components/header/Component.js → dist/Component-5f9bc48b.js} +12 -9
  4. package/{Component.desktop.d.ts → dist/Component.desktop.d.ts} +0 -0
  5. package/{Component.desktop.js → dist/Component.desktop.js} +4 -4
  6. package/{Component.mobile.d.ts → dist/Component.mobile.d.ts} +0 -0
  7. package/{Component.mobile.js → dist/Component.mobile.js} +4 -4
  8. package/{esm → dist}/Component.responsive.d.ts +0 -0
  9. package/{Component.responsive.js → dist/Component.responsive.js} +3 -3
  10. package/{Context.d.ts → dist/Context.d.ts} +0 -0
  11. package/{Context.js → dist/Context.js} +0 -0
  12. package/{esm → dist}/components/closer/Component.d.ts +4 -0
  13. package/{components → dist/components}/closer/Component.js +4 -4
  14. package/{components → dist/components}/closer/index.css +4 -4
  15. package/{components → dist/components}/content/Component.d.ts +0 -0
  16. package/{components → dist/components}/content/Component.desktop.d.ts +0 -0
  17. package/{components → dist/components}/content/Component.desktop.js +2 -2
  18. package/{components → dist/components}/content/Component.js +1 -1
  19. package/{components → dist/components}/content/Component.mobile.d.ts +0 -0
  20. package/{components → dist/components}/content/Component.mobile.js +2 -2
  21. package/{esm → dist}/components/content/desktop.css +8 -8
  22. package/{esm → dist}/components/content/index.css +3 -3
  23. package/{esm → dist}/components/content/mobile.css +3 -3
  24. package/{components → dist/components}/footer/Component.d.ts +0 -0
  25. package/{components → dist/components}/footer/Component.desktop.d.ts +0 -0
  26. package/{components → dist/components}/footer/Component.desktop.js +2 -2
  27. package/{components → dist/components}/footer/Component.js +2 -2
  28. package/{components → dist/components}/footer/Component.mobile.d.ts +0 -0
  29. package/{components → dist/components}/footer/Component.mobile.js +2 -2
  30. package/{modern → dist}/components/footer/desktop.css +9 -9
  31. package/{esm → dist}/components/footer/index.css +4 -4
  32. package/dist/components/footer/layout.css +84 -0
  33. package/{modern → dist}/components/footer/mobile.css +3 -3
  34. package/dist/components/header/Component.d.ts +0 -0
  35. package/{components → dist/components}/header/Component.desktop.d.ts +1 -1
  36. package/{components → dist/components}/header/Component.desktop.js +5 -5
  37. package/dist/components/header/Component.js +13 -0
  38. package/{esm → dist}/components/header/Component.mobile.d.ts +1 -1
  39. package/{components → dist/components}/header/Component.mobile.js +5 -5
  40. package/{esm → dist}/components/header/desktop.css +17 -17
  41. package/{esm → dist}/components/header/index.css +15 -15
  42. package/{esm → dist}/components/header/mobile.css +3 -3
  43. package/{modern/components/header/Component.d.ts → dist/cssm/Component-5fe52731.d.ts} +5 -0
  44. package/{cssm/components/header/Component.js → dist/cssm/Component-5fe52731.js} +11 -8
  45. package/{cssm → dist/cssm}/Component.desktop.d.ts +0 -0
  46. package/{cssm → dist/cssm}/Component.desktop.js +3 -3
  47. package/{cssm → dist/cssm}/Component.mobile.d.ts +0 -0
  48. package/{cssm → dist/cssm}/Component.mobile.js +3 -3
  49. package/{Component.responsive.d.ts → dist/cssm/Component.responsive.d.ts} +0 -0
  50. package/{cssm → dist/cssm}/Component.responsive.js +3 -3
  51. package/{cssm → dist/cssm}/Context.d.ts +0 -0
  52. package/{cssm → dist/cssm}/Context.js +1 -1
  53. package/{components → dist/cssm/components}/closer/Component.d.ts +4 -0
  54. package/{cssm → dist/cssm}/components/closer/Component.js +4 -4
  55. package/{cssm → dist/cssm}/components/closer/index.module.css +0 -0
  56. package/{cssm → dist/cssm}/components/content/Component.d.ts +0 -0
  57. package/{cssm → dist/cssm}/components/content/Component.desktop.d.ts +0 -0
  58. package/{cssm → dist/cssm}/components/content/Component.desktop.js +1 -1
  59. package/{cssm → dist/cssm}/components/content/Component.js +1 -1
  60. package/{cssm → dist/cssm}/components/content/Component.mobile.d.ts +0 -0
  61. package/{cssm → dist/cssm}/components/content/Component.mobile.js +1 -1
  62. package/{cssm → dist/cssm}/components/content/desktop.module.css +0 -0
  63. package/{cssm → dist/cssm}/components/content/index.module.css +0 -0
  64. package/{cssm → dist/cssm}/components/content/mobile.module.css +0 -0
  65. package/{cssm → dist/cssm}/components/footer/Component.d.ts +0 -0
  66. package/{cssm → dist/cssm}/components/footer/Component.desktop.d.ts +0 -0
  67. package/{cssm → dist/cssm}/components/footer/Component.desktop.js +1 -1
  68. package/{cssm → dist/cssm}/components/footer/Component.js +1 -1
  69. package/{cssm → dist/cssm}/components/footer/Component.mobile.d.ts +0 -0
  70. package/{cssm → dist/cssm}/components/footer/Component.mobile.js +1 -1
  71. package/{cssm → dist/cssm}/components/footer/desktop.module.css +0 -0
  72. package/{cssm → dist/cssm}/components/footer/index.module.css +0 -0
  73. package/{cssm → dist/cssm}/components/footer/layout.module.css +0 -0
  74. package/{cssm → dist/cssm}/components/footer/mobile.module.css +0 -0
  75. package/dist/cssm/components/header/Component.d.ts +0 -0
  76. package/{cssm → dist/cssm}/components/header/Component.desktop.d.ts +1 -1
  77. package/{cssm → dist/cssm}/components/header/Component.desktop.js +5 -5
  78. package/dist/cssm/components/header/Component.js +14 -0
  79. package/{modern → dist/cssm}/components/header/Component.mobile.d.ts +1 -1
  80. package/{cssm → dist/cssm}/components/header/Component.mobile.js +5 -5
  81. package/{cssm → dist/cssm}/components/header/desktop.module.css +0 -0
  82. package/{cssm → dist/cssm}/components/header/index.module.css +0 -0
  83. package/{cssm → dist/cssm}/components/header/mobile.module.css +0 -0
  84. package/{cssm → dist/cssm}/desktop.d.ts +0 -0
  85. package/{cssm → dist/cssm}/desktop.js +3 -3
  86. package/{cssm → dist/cssm}/desktop.module.css +0 -0
  87. package/dist/cssm/getDataTestId-3fe0d3e6.d.ts +2 -0
  88. package/{cssm → dist/cssm}/index.d.ts +0 -0
  89. package/{cssm → dist/cssm}/index.js +3 -3
  90. package/{cssm → dist/cssm}/mobile.d.ts +0 -0
  91. package/{cssm → dist/cssm}/mobile.js +3 -3
  92. package/{cssm → dist/cssm}/mobile.module.css +0 -0
  93. package/{cssm → dist/cssm}/responsive.d.ts +0 -0
  94. package/{cssm → dist/cssm}/responsive.js +3 -3
  95. package/{cssm → dist/cssm}/transitions.module.css +0 -0
  96. package/{cssm → dist/cssm}/tslib.es6-ce870b46.d.ts +0 -0
  97. package/{cssm → dist/cssm}/tslib.es6-ce870b46.js +0 -0
  98. package/{cssm → dist/cssm}/utils.d.ts +0 -0
  99. package/{cssm → dist/cssm}/utils.js +0 -0
  100. package/{cssm → dist/cssm}/vars.css +0 -0
  101. package/{esm → dist}/desktop.css +9 -9
  102. package/{desktop.d.ts → dist/desktop.d.ts} +0 -0
  103. package/{desktop.js → dist/desktop.js} +3 -3
  104. package/{components/header/Component.d.ts → dist/esm/Component-105eeb58.d.ts} +5 -0
  105. package/{esm/components/header/Component.js → dist/esm/Component-105eeb58.js} +12 -8
  106. package/{esm → dist/esm}/Component.desktop.d.ts +0 -0
  107. package/{esm → dist/esm}/Component.desktop.js +6 -6
  108. package/{esm → dist/esm}/Component.mobile.d.ts +0 -0
  109. package/{esm → dist/esm}/Component.mobile.js +6 -6
  110. package/{cssm → dist/esm}/Component.responsive.d.ts +0 -0
  111. package/{esm → dist/esm}/Component.responsive.js +5 -5
  112. package/{esm → dist/esm}/Context.d.ts +0 -0
  113. package/{esm → dist/esm}/Context.js +1 -1
  114. package/{modern → dist/esm}/components/closer/Component.d.ts +4 -0
  115. package/{esm → dist/esm}/components/closer/Component.js +6 -6
  116. package/{esm → dist/esm}/components/closer/index.css +4 -4
  117. package/{esm → dist/esm}/components/content/Component.d.ts +0 -0
  118. package/{esm → dist/esm}/components/content/Component.desktop.d.ts +0 -0
  119. package/{esm → dist/esm}/components/content/Component.desktop.js +3 -3
  120. package/{esm → dist/esm}/components/content/Component.js +2 -2
  121. package/{esm → dist/esm}/components/content/Component.mobile.d.ts +0 -0
  122. package/{esm → dist/esm}/components/content/Component.mobile.js +3 -3
  123. package/{components → dist/esm/components}/content/desktop.css +8 -8
  124. package/{components → dist/esm/components}/content/index.css +3 -3
  125. package/{components → dist/esm/components}/content/mobile.css +3 -3
  126. package/{esm → dist/esm}/components/footer/Component.d.ts +0 -0
  127. package/{esm → dist/esm}/components/footer/Component.desktop.d.ts +0 -0
  128. package/{esm → dist/esm}/components/footer/Component.desktop.js +3 -3
  129. package/{esm → dist/esm}/components/footer/Component.js +3 -3
  130. package/{esm → dist/esm}/components/footer/Component.mobile.d.ts +0 -0
  131. package/{esm → dist/esm}/components/footer/Component.mobile.js +3 -3
  132. package/{esm → dist/esm}/components/footer/desktop.css +9 -9
  133. package/{modern → dist/esm}/components/footer/index.css +4 -4
  134. package/dist/esm/components/footer/layout.css +84 -0
  135. package/{esm → dist/esm}/components/footer/mobile.css +3 -3
  136. package/dist/esm/components/header/Component.d.ts +0 -0
  137. package/{esm → dist/esm}/components/header/Component.desktop.d.ts +1 -1
  138. package/dist/esm/components/header/Component.desktop.js +24 -0
  139. package/dist/esm/components/header/Component.js +5 -0
  140. package/{cssm → dist/esm}/components/header/Component.mobile.d.ts +1 -1
  141. package/dist/esm/components/header/Component.mobile.js +23 -0
  142. package/{components → dist/esm/components}/header/desktop.css +17 -17
  143. package/{modern → dist/esm}/components/header/index.css +15 -15
  144. package/{components → dist/esm/components}/header/mobile.css +3 -3
  145. package/{desktop.css → dist/esm/desktop.css} +9 -9
  146. package/{esm → dist/esm}/desktop.d.ts +0 -0
  147. package/{esm → dist/esm}/desktop.js +5 -5
  148. package/dist/esm/getDataTestId-3fe0d3e6.d.ts +2 -0
  149. package/{esm → dist/esm}/index.d.ts +0 -0
  150. package/{esm → dist/esm}/index.js +5 -5
  151. package/{modern → dist/esm}/mobile.css +2 -2
  152. package/{esm → dist/esm}/mobile.d.ts +0 -0
  153. package/{esm → dist/esm}/mobile.js +5 -5
  154. package/{esm → dist/esm}/responsive.d.ts +0 -0
  155. package/{esm → dist/esm}/responsive.js +5 -5
  156. package/{esm → dist/esm}/transitions.css +8 -8
  157. package/dist/esm/transitions.module-2815277c.js +4 -0
  158. package/{esm/tslib.es6-58151049.d.ts → dist/esm/tslib.es6-2647ca52.d.ts} +0 -0
  159. package/{esm/tslib.es6-58151049.js → dist/esm/tslib.es6-2647ca52.js} +0 -0
  160. package/{esm → dist/esm}/utils.d.ts +0 -0
  161. package/{esm → dist/esm}/utils.js +0 -0
  162. package/dist/getDataTestId-3fe0d3e6.d.ts +2 -0
  163. package/{index.d.ts → dist/index.d.ts} +0 -0
  164. package/{index.js → dist/index.js} +3 -3
  165. package/{mobile.css → dist/mobile.css} +2 -2
  166. package/{mobile.d.ts → dist/mobile.d.ts} +0 -0
  167. package/{mobile.js → dist/mobile.js} +3 -3
  168. package/{cssm/components/header/Component.d.ts → dist/modern/Component-e9c7a240.d.ts} +5 -0
  169. package/{modern/components/header/Component.js → dist/modern/Component-e9c7a240.js} +12 -8
  170. package/{modern → dist/modern}/Component.desktop.d.ts +0 -0
  171. package/{modern → dist/modern}/Component.desktop.js +5 -5
  172. package/{modern → dist/modern}/Component.mobile.d.ts +0 -0
  173. package/{modern → dist/modern}/Component.mobile.js +5 -5
  174. package/{modern → dist/modern}/Component.responsive.d.ts +1 -1
  175. package/{modern → dist/modern}/Component.responsive.js +4 -4
  176. package/{modern → dist/modern}/Context.d.ts +0 -0
  177. package/{modern → dist/modern}/Context.js +1 -1
  178. package/{cssm → dist/modern}/components/closer/Component.d.ts +4 -0
  179. package/{modern → dist/modern}/components/closer/Component.js +5 -5
  180. package/{modern → dist/modern}/components/closer/index.css +4 -4
  181. package/{modern → dist/modern}/components/content/Component.d.ts +0 -0
  182. package/{modern → dist/modern}/components/content/Component.desktop.d.ts +0 -0
  183. package/{modern → dist/modern}/components/content/Component.desktop.js +2 -2
  184. package/{modern → dist/modern}/components/content/Component.js +2 -2
  185. package/{modern → dist/modern}/components/content/Component.mobile.d.ts +0 -0
  186. package/{modern → dist/modern}/components/content/Component.mobile.js +2 -2
  187. package/{modern → dist/modern}/components/content/desktop.css +8 -8
  188. package/{modern → dist/modern}/components/content/index.css +3 -3
  189. package/{modern → dist/modern}/components/content/mobile.css +3 -3
  190. package/{modern → dist/modern}/components/footer/Component.d.ts +0 -0
  191. package/{modern → dist/modern}/components/footer/Component.desktop.d.ts +0 -0
  192. package/{modern → dist/modern}/components/footer/Component.desktop.js +2 -2
  193. package/{modern → dist/modern}/components/footer/Component.js +3 -3
  194. package/{modern → dist/modern}/components/footer/Component.mobile.d.ts +0 -0
  195. package/{modern → dist/modern}/components/footer/Component.mobile.js +2 -2
  196. package/{components → dist/modern/components}/footer/desktop.css +9 -9
  197. package/{components → dist/modern/components}/footer/index.css +4 -4
  198. package/dist/modern/components/footer/layout.css +84 -0
  199. package/{components → dist/modern/components}/footer/mobile.css +3 -3
  200. package/dist/modern/components/header/Component.d.ts +0 -0
  201. package/{modern → dist/modern}/components/header/Component.desktop.d.ts +1 -1
  202. package/dist/modern/components/header/Component.desktop.js +21 -0
  203. package/dist/modern/components/header/Component.js +5 -0
  204. package/{components → dist/modern/components}/header/Component.mobile.d.ts +1 -1
  205. package/dist/modern/components/header/Component.mobile.js +18 -0
  206. package/{modern → dist/modern}/components/header/desktop.css +17 -17
  207. package/{components → dist/modern/components}/header/index.css +15 -15
  208. package/{modern → dist/modern}/components/header/mobile.css +3 -3
  209. package/{modern → dist/modern}/desktop.css +9 -9
  210. package/{modern → dist/modern}/desktop.d.ts +0 -0
  211. package/{modern → dist/modern}/desktop.js +4 -4
  212. package/dist/modern/getDataTestId-3fe0d3e6.d.ts +2 -0
  213. package/{modern → dist/modern}/index.d.ts +0 -0
  214. package/{modern → dist/modern}/index.js +4 -4
  215. package/{esm → dist/modern}/mobile.css +2 -2
  216. package/{modern → dist/modern}/mobile.d.ts +0 -0
  217. package/{modern → dist/modern}/mobile.js +4 -4
  218. package/{modern → dist/modern}/responsive.d.ts +0 -0
  219. package/{modern → dist/modern}/responsive.js +4 -4
  220. package/{modern → dist/modern}/transitions.css +8 -8
  221. package/dist/modern/transitions.module-2815277c.js +4 -0
  222. package/{modern → dist/modern}/utils.d.ts +0 -0
  223. package/{modern → dist/modern}/utils.js +0 -0
  224. package/{responsive.d.ts → dist/responsive.d.ts} +0 -0
  225. package/{responsive.js → dist/responsive.js} +3 -3
  226. package/{send-stats.js → dist/send-stats.js} +0 -0
  227. package/{transitions.css → dist/transitions.css} +8 -8
  228. package/dist/transitions.module-833450a8.js +6 -0
  229. package/{tslib.es6-a88e5aa4.d.ts → dist/tslib.es6-db03169e.d.ts} +0 -0
  230. package/{tslib.es6-a88e5aa4.js → dist/tslib.es6-db03169e.js} +0 -0
  231. package/{utils.d.ts → dist/utils.d.ts} +0 -0
  232. package/{utils.js → dist/utils.js} +0 -0
  233. package/package.json +12 -9
  234. package/components/footer/layout.css +0 -84
  235. package/esm/components/footer/layout.css +0 -84
  236. package/esm/components/header/Component.desktop.js +0 -24
  237. package/esm/components/header/Component.mobile.js +0 -23
  238. package/esm/transitions.module-48ce371b.js +0 -4
  239. package/modern/components/footer/layout.css +0 -84
  240. package/modern/components/header/Component.desktop.js +0 -21
  241. package/modern/components/header/Component.mobile.js +0 -18
  242. package/modern/transitions.module-48ce371b.js +0 -4
  243. package/transitions.module-599e6d7b.js +0 -6
@@ -1,11 +1,11 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-58151049.js';
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-2647ca52.js';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
- import '@alfalab/core-components-base-modal/esm';
4
+ import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import '../../Context.js';
6
6
  import { Footer } from './Component.js';
7
7
 
8
- var styles = {"footer":"modal__footer_lu7nw","sticky":"modal__sticky_lu7nw"};
8
+ var styles = {"footer":"modal__footer_whz8h","sticky":"modal__sticky_whz8h"};
9
9
  require('./mobile.css')
10
10
 
11
11
  var FooterMobile = function (_a) {
@@ -1,4 +1,4 @@
1
- /* hash: jcnt6 */
1
+ /* hash: 1d6iy */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,22 +31,22 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__footer_1rihp {
34
+ .modal__footer_151q2 {
35
35
  border-bottom-left-radius: var(--modal-border-radius);
36
36
  border-bottom-right-radius: var(--modal-border-radius);
37
37
  }
38
- .modal__sticky_1rihp {
38
+ .modal__sticky_151q2 {
39
39
  bottom: calc(var(--modal-vertical-padding) * -1)
40
40
  }
41
- .modal__sticky_1rihp.modal__fullscreen_1rihp {
41
+ .modal__sticky_151q2.modal__fullscreen_151q2 {
42
42
  bottom: 0;
43
43
  }
44
- .modal__s_1rihp,
45
- .modal__m_1rihp {
44
+ .modal__s_151q2,
45
+ .modal__m_151q2 {
46
46
  padding: var(--modal-s-footer-paddings);
47
47
  }
48
- .modal__l_1rihp,
49
- .modal__xl_1rihp,
50
- .modal__fullscreen_1rihp {
48
+ .modal__l_151q2,
49
+ .modal__xl_151q2,
50
+ .modal__fullscreen_151q2 {
51
51
  padding: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
52
52
  }
@@ -1,4 +1,4 @@
1
- /* hash: s630c */
1
+ /* hash: 1etcq */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-primary: #dbdee1;
@@ -26,16 +26,16 @@
26
26
 
27
27
  /* mobile */
28
28
  }
29
- .modal__footer_1ckue {
29
+ .modal__footer_1t4f9 {
30
30
  width: 100%;
31
31
  box-sizing: border-box;
32
32
  transition: box-shadow 0.2s ease, background 0.2s ease;
33
33
  }
34
- .modal__sticky_1ckue {
34
+ .modal__sticky_1t4f9 {
35
35
  background: var(--modal-footer-background);
36
36
  position: sticky;
37
37
  }
38
- .modal__highlighted_1ckue {
38
+ .modal__highlighted_1t4f9 {
39
39
  background: var(--modal-footer-highlight-background);
40
40
  box-shadow: var(--modal-footer-highlight-box-shadow);
41
41
  }
@@ -0,0 +1,84 @@
1
+ /* hash: 1htw5 */
2
+ :root {
3
+
4
+ /* Hard */
5
+
6
+ /* Up */
7
+
8
+ /* Hard up */
9
+ }
10
+ :root {
11
+ --gap-m: 16px;
12
+ --gap-xl: 24px;
13
+ --gap-2xl: 32px;
14
+ }
15
+ :root {
16
+ --modal-footer-default-gap: var(--gap-m);
17
+
18
+ /* sizes */
19
+
20
+ /* paddings */
21
+
22
+ /* scroll */
23
+
24
+ /* desktop */
25
+
26
+ /* mobile */
27
+ }
28
+ .modal__column_1q3s8 {
29
+ display: flex;
30
+ flex-direction: column
31
+ }
32
+ .modal__column_1q3s8 > * {
33
+ margin-bottom: var(--modal-footer-default-gap);
34
+ }
35
+ .modal__column_1q3s8 > *:last-child,
36
+ .modal__column_1q3s8 > *:only-child {
37
+ margin-bottom: 0;
38
+ }
39
+ .modal__column_1q3s8.modal__gap-16_1q3s8 > * {
40
+ margin-bottom: var(--gap-m);
41
+ }
42
+ .modal__column_1q3s8.modal__gap-24_1q3s8 > * {
43
+ margin-bottom: var(--gap-xl);
44
+ }
45
+ .modal__column_1q3s8.modal__gap-32_1q3s8 > * {
46
+ margin-bottom: var(--gap-2xl);
47
+ }
48
+ .modal__start_1q3s8 {
49
+ justify-content: flex-start;
50
+ }
51
+ .modal__center_1q3s8 {
52
+ justify-content: center;
53
+ }
54
+ .modal__space-between_1q3s8 {
55
+ justify-content: space-between
56
+ }
57
+ .modal__space-between_1q3s8 > * {
58
+ flex: 1;
59
+ }
60
+ .modal__start_1q3s8,
61
+ .modal__center_1q3s8,
62
+ .modal__space-between_1q3s8 {
63
+ display: flex
64
+ }
65
+ .modal__start_1q3s8 > *, .modal__center_1q3s8 > *, .modal__space-between_1q3s8 > * {
66
+ margin-right: var(--modal-footer-default-gap);
67
+ }
68
+ .modal__start_1q3s8 > *:last-child,
69
+ .modal__start_1q3s8 > *:only-child,
70
+ .modal__center_1q3s8 > *:last-child,
71
+ .modal__center_1q3s8 > *:only-child,
72
+ .modal__space-between_1q3s8 > *:last-child,
73
+ .modal__space-between_1q3s8 > *:only-child {
74
+ margin-right: 0;
75
+ }
76
+ .modal__start_1q3s8.modal__gap-16_1q3s8 > *, .modal__center_1q3s8.modal__gap-16_1q3s8 > *, .modal__space-between_1q3s8.modal__gap-16_1q3s8 > * {
77
+ margin-right: var(--gap-m);
78
+ }
79
+ .modal__start_1q3s8.modal__gap-24_1q3s8 > *, .modal__center_1q3s8.modal__gap-24_1q3s8 > *, .modal__space-between_1q3s8.modal__gap-24_1q3s8 > * {
80
+ margin-right: var(--gap-xl);
81
+ }
82
+ .modal__start_1q3s8.modal__gap-32_1q3s8 > *, .modal__center_1q3s8.modal__gap-32_1q3s8 > *, .modal__space-between_1q3s8.modal__gap-32_1q3s8 > * {
83
+ margin-right: var(--gap-2xl);
84
+ }
@@ -1,4 +1,4 @@
1
- /* hash: 1xx5y */
1
+ /* hash: zg4bl */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -22,9 +22,9 @@
22
22
 
23
23
  /* mobile */
24
24
  }
25
- .modal__footer_lu7nw {
25
+ .modal__footer_whz8h {
26
26
  padding: var(--gap-m);
27
27
  }
28
- .modal__sticky_lu7nw {
28
+ .modal__sticky_whz8h {
29
29
  bottom: 0;
30
30
  }
File without changes
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { HeaderProps } from "./Component";
2
+ import { HeaderProps } from "../../Component-105eeb58";
3
3
  import { ModalDesktopProps } from "../../Component.desktop";
4
4
  type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
5
5
  /**
@@ -0,0 +1,24 @@
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-2647ca52.js';
2
+ import React from 'react';
3
+ import cn from 'classnames';
4
+ import '@alfalab/core-components-base-modal/dist/esm';
5
+ import '../../Context.js';
6
+ import { H as Header, g as getDataTestId } from '../../Component-105eeb58.js';
7
+ import '@alfalab/core-components-icon-button/dist/esm';
8
+ import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
+ import { Closer } from '../closer/Component.js';
10
+
11
+ var styles = {"header":"modal__header_5yw44","content":"modal__content_5yw44","s":"modal__s_5yw44","m":"modal__m_5yw44","l":"modal__l_5yw44","xl":"modal__xl_5yw44","fullscreen":"modal__fullscreen_5yw44","hasContent":"modal__hasContent_5yw44","sticky":"modal__sticky_5yw44"};
12
+ require('./desktop.css')
13
+
14
+ var HeaderDesktop = function (_a) {
15
+ var _b;
16
+ var size = _a.size, className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.leftAddons, leftAddons = _d === void 0 ? React.createElement("span", null) : _d, title = _a.title, children = _a.children, dataTestId = _a.dataTestId, restProps = __rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children", "dataTestId"]);
17
+ var hasContent = title || Boolean(children);
18
+ return (React.createElement(Header, __assign({ className: cn(className, styles.header, size && styles[size], (_b = {},
19
+ _b[styles.sticky] = sticky,
20
+ _b[styles.hasContent] = hasContent,
21
+ _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { dataTestId: getDataTestId(dataTestId, 'closer') }) : null, leftAddons: leftAddons, sticky: sticky, title: title, dataTestId: dataTestId }, restProps), children));
22
+ };
23
+
24
+ export { HeaderDesktop };
@@ -0,0 +1,5 @@
1
+ import 'react';
2
+ import 'classnames';
3
+ import '@alfalab/core-components-base-modal/dist/esm';
4
+ import '../../Context.js';
5
+ export { H as Header } from '../../Component-105eeb58.js';
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
- import { HeaderProps } from "./Component";
2
+ import { HeaderProps } from "../../Component-105eeb58";
3
3
  type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
4
4
  /**
5
5
  * Наличие крестика
@@ -0,0 +1,23 @@
1
+ import { _ as __rest, a as __assign } from '../../tslib.es6-2647ca52.js';
2
+ import React from 'react';
3
+ import cn from 'classnames';
4
+ import '@alfalab/core-components-base-modal/dist/esm';
5
+ import '../../Context.js';
6
+ import { H as Header, g as getDataTestId } from '../../Component-105eeb58.js';
7
+ import '@alfalab/core-components-icon-button/dist/esm';
8
+ import '@alfalab/icons-glyph/CrossHeavyMIcon';
9
+ import { Closer } from '../closer/Component.js';
10
+ import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
11
+
12
+ var styles = {"sticky":"modal__sticky_u4wuz","content":"modal__content_u4wuz"};
13
+ require('./mobile.css')
14
+
15
+ var HeaderMobile = function (_a) {
16
+ var _b;
17
+ var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "dataTestId"]);
18
+ return (React.createElement(Header, __assign({ className: cn(className, (_b = {},
19
+ _b[styles.sticky] = sticky,
20
+ _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? (React.createElement(Closer, { icon: CrossMIcon, size: 'xs', dataTestId: getDataTestId(dataTestId, 'closer') })) : null, sticky: sticky, dataTestId: dataTestId }, restProps)));
21
+ };
22
+
23
+ export { HeaderMobile };
@@ -1,4 +1,4 @@
1
- /* hash: 1dzxy */
1
+ /* hash: 7015s */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -43,45 +43,45 @@
43
43
 
44
44
  /* mobile */
45
45
  }
46
- .modal__header_sfnqs {
46
+ .modal__header_5yw44 {
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_sfnqs {
50
+ .modal__content_5yw44 {
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_sfnqs .modal__content_sfnqs,
55
- .modal__m_sfnqs .modal__content_sfnqs {
54
+ .modal__s_5yw44 .modal__content_5yw44,
55
+ .modal__m_5yw44 .modal__content_5yw44 {
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_sfnqs .modal__content_sfnqs,
61
- .modal__xl_sfnqs .modal__content_sfnqs,
62
- .modal__fullscreen_sfnqs .modal__content_sfnqs {
60
+ .modal__l_5yw44 .modal__content_5yw44,
61
+ .modal__xl_5yw44 .modal__content_5yw44,
62
+ .modal__fullscreen_5yw44 .modal__content_5yw44 {
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_sfnqs,
68
- .modal__m_sfnqs {
67
+ .modal__s_5yw44,
68
+ .modal__m_5yw44 {
69
69
  padding: var(--modal-s-header-paddings)
70
70
  }
71
- .modal__s_sfnqs:not(.modal__hasContent_sfnqs), .modal__m_sfnqs:not(.modal__hasContent_sfnqs) {
71
+ .modal__s_5yw44:not(.modal__hasContent_5yw44), .modal__m_5yw44:not(.modal__hasContent_5yw44) {
72
72
  padding-bottom: 0;
73
73
  }
74
- .modal__l_sfnqs,
75
- .modal__xl_sfnqs,
76
- .modal__fullscreen_sfnqs {
74
+ .modal__l_5yw44,
75
+ .modal__xl_5yw44,
76
+ .modal__fullscreen_5yw44 {
77
77
  padding: var(--gap-xl) var(--gap-xl) var(--gap-m)
78
78
  }
79
- .modal__l_sfnqs:not(.modal__hasContent_sfnqs), .modal__xl_sfnqs:not(.modal__hasContent_sfnqs), .modal__fullscreen_sfnqs:not(.modal__hasContent_sfnqs) {
79
+ .modal__l_5yw44:not(.modal__hasContent_5yw44), .modal__xl_5yw44:not(.modal__hasContent_5yw44), .modal__fullscreen_5yw44:not(.modal__hasContent_5yw44) {
80
80
  padding-bottom: var(--gap-m);
81
81
  }
82
- .modal__sticky_sfnqs {
82
+ .modal__sticky_5yw44 {
83
83
  top: calc(var(--modal-vertical-padding) * -1)
84
84
  }
85
- .modal__sticky_sfnqs.modal__fullscreen_sfnqs {
85
+ .modal__sticky_5yw44.modal__fullscreen_5yw44 {
86
86
  top: 0;
87
87
  }
@@ -1,4 +1,4 @@
1
- /* hash: 6qcm7 */
1
+ /* hash: rkygt */
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_1f3yh {
28
+ .modal__header_1vnjc {
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_1f3yh:not(.modal__hasContent_1f3yh) {
36
+ .modal__header_1vnjc:not(.modal__hasContent_1vnjc) {
37
37
  pointer-events: none;
38
38
  }
39
- .modal__highlighted_1f3yh {
39
+ .modal__highlighted_1vnjc {
40
40
  background: var(--modal-header-highlight-background);
41
41
  box-shadow: var(--modal-header-highlight-box-shadow);
42
42
  }
43
- .modal__sticky_1f3yh {
43
+ .modal__sticky_1vnjc {
44
44
  position: sticky
45
45
  }
46
- .modal__sticky_1f3yh.modal__hasContent_1f3yh {
46
+ .modal__sticky_1vnjc.modal__hasContent_1vnjc {
47
47
  background: var(--modal-header-background);
48
48
  }
49
- .modal__content_1f3yh {
49
+ .modal__content_1vnjc {
50
50
  flex-grow: 1;
51
51
  }
52
- .modal__title_1f3yh {
52
+ .modal__title_1vnjc {
53
53
  word-break: break-word;
54
54
  }
55
- .modal__addon_1f3yh {
55
+ .modal__addon_1vnjc {
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_1f3yh {
63
+ .modal__closer_1vnjc {
64
64
  margin-left: auto;
65
65
  }
66
- .modal__left_1f3yh {
66
+ .modal__left_1vnjc {
67
67
  justify-content: flex-start;
68
68
  text-align: left;
69
69
  }
70
- .modal__center_1f3yh {
70
+ .modal__center_1vnjc {
71
71
  justify-content: center;
72
72
  text-align: center;
73
73
  }
74
- .modal__right_1f3yh {
74
+ .modal__right_1vnjc {
75
75
  justify-content: flex-end;
76
76
  text-align: right;
77
77
  }
78
- .modal__trim_1f3yh {
78
+ .modal__trim_1vnjc {
79
79
  overflow: hidden
80
80
  }
81
- .modal__trim_1f3yh .modal__title_1f3yh {
81
+ .modal__trim_1vnjc .modal__title_1vnjc {
82
82
  overflow: hidden;
83
83
  white-space: nowrap;
84
84
  text-overflow: ellipsis;
@@ -1,4 +1,4 @@
1
- /* hash: 1c3il */
1
+ /* hash: 1hnc1 */
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_2q2gr {
36
+ .modal__sticky_u4wuz {
37
37
  top: 0;
38
38
  }
39
- .modal__content_2q2gr {
39
+ .modal__content_u4wuz {
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);
@@ -1,4 +1,4 @@
1
- /* hash: zo31j */
1
+ /* hash: 6am1g */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -31,32 +31,32 @@
31
31
 
32
32
  /* mobile */
33
33
  }
34
- .modal__wrapper_1k6jx {
34
+ .modal__wrapper_j2507 {
35
35
  padding-top: var(--modal-vertical-padding);
36
36
  padding-bottom: var(--modal-vertical-padding);
37
37
  }
38
- .modal__component_1k6jx {
38
+ .modal__component_j2507 {
39
39
  width: 100%;
40
40
  max-width: 100%;
41
41
  border-radius: var(--modal-border-radius);
42
42
  }
43
- .modal__fullscreen_1k6jx {
43
+ .modal__fullscreen_j2507 {
44
44
  padding-top: 0;
45
45
  padding-bottom: 0
46
46
  }
47
- .modal__fullscreen_1k6jx .modal__component_1k6jx {
47
+ .modal__fullscreen_j2507 .modal__component_j2507 {
48
48
  flex: 1;
49
49
  border-radius: 0;
50
50
  }
51
- .modal__s_1k6jx {
51
+ .modal__s_j2507 {
52
52
  width: var(--modal-s-width);
53
53
  }
54
- .modal__m_1k6jx {
54
+ .modal__m_j2507 {
55
55
  width: var(--modal-m-width);
56
56
  }
57
- .modal__l_1k6jx {
57
+ .modal__l_j2507 {
58
58
  width: var(--modal-l-width);
59
59
  }
60
- .modal__xl_1k6jx {
60
+ .modal__xl_j2507 {
61
61
  width: var(--modal-xl-width);
62
62
  }
File without changes
@@ -1,11 +1,11 @@
1
- import './tslib.es6-58151049.js';
1
+ import './tslib.es6-2647ca52.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
- import '@alfalab/core-components-base-modal/esm';
4
+ import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import 'react-merge-refs';
6
6
  import './Context.js';
7
- import './components/header/Component.js';
8
- import '@alfalab/core-components-icon-button/esm';
7
+ import './Component-105eeb58.js';
8
+ import '@alfalab/core-components-icon-button/dist/esm';
9
9
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
10
  import './components/closer/Component.js';
11
11
  import './components/header/Component.desktop.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-48ce371b.js';
17
+ import './transitions.module-2815277c.js';
@@ -0,0 +1,2 @@
1
+ declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
2
+ export { getDataTestId };
File without changes
@@ -1,11 +1,11 @@
1
- import './tslib.es6-58151049.js';
1
+ import './tslib.es6-2647ca52.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
- import '@alfalab/core-components-base-modal/esm';
4
+ import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import 'react-merge-refs';
6
6
  export { ModalContext } from './Context.js';
7
- import './components/header/Component.js';
8
- import '@alfalab/core-components-icon-button/esm';
7
+ import './Component-105eeb58.js';
8
+ import '@alfalab/core-components-icon-button/dist/esm';
9
9
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
10
  import './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 './Component.desktop.js';
17
- import './transitions.module-48ce371b.js';
17
+ import './transitions.module-2815277c.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,4 +1,4 @@
1
- /* hash: y28w2 */
1
+ /* hash: bez5i */
2
2
  :root {
3
3
 
4
4
  /* Hard */
@@ -19,7 +19,7 @@
19
19
 
20
20
  /* mobile */
21
21
  }
22
- .modal__component_1n03x {
22
+ .modal__component_1muzh {
23
23
  flex: 1;
24
24
  width: 100%;
25
25
  }
File without changes
@@ -1,15 +1,15 @@
1
- import './tslib.es6-58151049.js';
1
+ import './tslib.es6-2647ca52.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
- import '@alfalab/core-components-base-modal/esm';
4
+ import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import './Context.js';
6
- import './components/header/Component.js';
7
- import '@alfalab/core-components-icon-button/esm';
6
+ import './Component-105eeb58.js';
7
+ import '@alfalab/core-components-icon-button/dist/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-48ce371b.js';
12
+ import './transitions.module-2815277c.js';
13
13
  import '@alfalab/icons-glyph/CrossMIcon';
14
14
  import './components/header/Component.mobile.js';
15
15
  import './components/content/Component.mobile.js';
File without changes
@@ -1,11 +1,11 @@
1
- import './tslib.es6-58151049.js';
1
+ import './tslib.es6-2647ca52.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
- import '@alfalab/core-components-base-modal/esm';
4
+ import '@alfalab/core-components-base-modal/dist/esm';
5
5
  import 'react-merge-refs';
6
6
  import './Context.js';
7
- import './components/header/Component.js';
8
- import '@alfalab/core-components-icon-button/esm';
7
+ import './Component-105eeb58.js';
8
+ import '@alfalab/core-components-icon-button/dist/esm';
9
9
  import '@alfalab/icons-glyph/CrossHeavyMIcon';
10
10
  import './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 './Component.desktop.js';
17
- import './transitions.module-48ce371b.js';
17
+ import './transitions.module-2815277c.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: zm5fn */
2
- .modal__appear_17m1i,
3
- .modal__enter_17m1i {
1
+ /* hash: 5saai */
2
+ .modal__appear_bg5ic,
3
+ .modal__enter_bg5ic {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_17m1i,
9
- .modal__enterActive_17m1i {
8
+ .modal__appearActive_bg5ic,
9
+ .modal__enterActive_bg5ic {
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_17m1i {
15
+ .modal__exit_bg5ic {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_17m1i,
21
- .modal__exitDone_17m1i {
20
+ .modal__exitActive_bg5ic,
21
+ .modal__exitDone_bg5ic {
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_bg5ic","enter":"modal__enter_bg5ic","appearActive":"modal__appearActive_bg5ic","enterActive":"modal__enterActive_bg5ic","exit":"modal__exit_bg5ic","exitActive":"modal__exitActive_bg5ic","exitDone":"modal__exitDone_bg5ic"};
2
+ require('./transitions.css')
3
+
4
+ export { transitions as t };
File without changes
File without changes
@@ -0,0 +1,2 @@
1
+ declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
2
+ export { getDataTestId };
File without changes