@alfalab/core-components-universal-modal 1.0.8 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (505) hide show
  1. package/Component.responsive.d.ts +8 -4
  2. package/Component.responsive.js +4 -1
  3. package/components/content/base-content/base-content.js +3 -7
  4. package/components/content/base-content/index.css +4 -12
  5. package/components/content/desktop/Component.desktop.js +10 -1
  6. package/components/content/desktop/desktop.css +32 -0
  7. package/components/content/mobile/Component.mobile.js +8 -2
  8. package/components/content/mobile/mobile.css +6 -6
  9. package/components/footer/base-footer/base-footer.d.ts +4 -2
  10. package/components/footer/base-footer/base-footer.js +9 -9
  11. package/components/footer/base-footer/index.css +4 -4
  12. package/components/footer/desktop/Component.desktop.d.ts +8 -2
  13. package/components/footer/desktop/Component.desktop.js +14 -13
  14. package/components/footer/desktop/desktop.css +2 -2
  15. package/components/footer/desktop/layout.css +10 -10
  16. package/components/footer/mobile/Component.mobile.js +2 -2
  17. package/components/footer/mobile/layout.mobile.css +9 -9
  18. package/components/footer/mobile/mobile.css +3 -3
  19. package/components/footer/responsive/Component.responsive.d.ts +3 -2
  20. package/components/footer/responsive/Component.responsive.js +5 -5
  21. package/components/header/base-header/index.css +13 -13
  22. package/components/header/desktop/Component.desktop.d.ts +9 -2
  23. package/components/header/desktop/Component.desktop.js +19 -21
  24. package/components/header/desktop/desktop.css +9 -9
  25. package/components/header/mobile/Component.mobile.js +5 -2
  26. package/components/header/mobile/mobile.css +5 -5
  27. package/components/header/responsive/Component.responsive.d.ts +3 -2
  28. package/components/header/responsive/Component.responsive.js +5 -5
  29. package/context/universal-modal-context.d.ts +4 -0
  30. package/context/universal-modal-context.js +13 -0
  31. package/cssm/Component.responsive.d.ts +8 -4
  32. package/cssm/Component.responsive.js +5 -5
  33. package/cssm/components/content/base-content/base-content.js +2 -6
  34. package/cssm/components/content/base-content/index.module.css +2 -10
  35. package/cssm/components/content/desktop/Component.desktop.js +9 -1
  36. package/cssm/components/content/desktop/desktop.module.css +31 -0
  37. package/cssm/components/content/mobile/Component.mobile.js +7 -1
  38. package/cssm/components/content/mobile/mobile.module.css +3 -3
  39. package/cssm/components/footer/base-footer/base-footer.d.ts +4 -2
  40. package/cssm/components/footer/base-footer/base-footer.js +8 -8
  41. package/cssm/components/footer/desktop/Component.desktop.d.ts +8 -2
  42. package/cssm/components/footer/desktop/Component.desktop.js +12 -11
  43. package/cssm/components/footer/responsive/Component.responsive.d.ts +3 -2
  44. package/cssm/components/footer/responsive/Component.responsive.js +5 -5
  45. package/cssm/components/header/desktop/Component.desktop.d.ts +9 -2
  46. package/cssm/components/header/desktop/Component.desktop.js +17 -19
  47. package/cssm/components/header/mobile/Component.mobile.js +3 -0
  48. package/cssm/components/header/responsive/Component.responsive.d.ts +3 -2
  49. package/cssm/components/header/responsive/Component.responsive.js +5 -5
  50. package/cssm/context/universal-modal-context.d.ts +4 -0
  51. package/cssm/context/universal-modal-context.js +13 -0
  52. package/cssm/desktop/Component.desktop.d.ts +12 -4
  53. package/cssm/desktop/Component.desktop.js +14 -10
  54. package/cssm/desktop/components/center-modal/center-modal.d.ts +3 -1
  55. package/cssm/desktop/components/center-modal/center-modal.js +22 -16
  56. package/cssm/desktop/components/center-modal/{styles/center-modal.module.css → center-modal.module.css} +7 -8
  57. package/cssm/desktop/components/center-modal/{styles/index.module.css → index.module.css} +7 -8
  58. package/cssm/desktop/components/modal-content/modal-content.d.ts +8 -0
  59. package/cssm/desktop/components/modal-content/modal-content.js +50 -0
  60. package/cssm/desktop/components/{base-universal-modal-content/base-universal-modal-content.module.css → modal-content/modal-content.module.css} +8 -8
  61. package/cssm/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
  62. package/cssm/desktop/components/side-modal/get-default-transition-props.js +1 -1
  63. package/cssm/desktop/components/side-modal/{styles/index.module.css → index.module.css} +0 -3
  64. package/cssm/desktop/components/side-modal/side-modal.d.ts +3 -1
  65. package/cssm/desktop/components/side-modal/side-modal.js +18 -20
  66. package/cssm/desktop/components/side-modal/{styles/side-modal.module.css → side-modal.module.css} +0 -3
  67. package/cssm/desktop/hooks/use-modal-highlighted.d.ts +13 -0
  68. package/cssm/desktop/hooks/use-modal-highlighted.js +56 -0
  69. package/cssm/desktop/hooks/use-outside-scroll.d.ts +8 -0
  70. package/cssm/desktop/hooks/use-outside-scroll.js +20 -0
  71. package/cssm/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
  72. package/cssm/desktop/hooks/use-set-scrollbar-height.js +46 -0
  73. package/cssm/desktop/index.js +5 -3
  74. package/cssm/desktop/types/props.d.ts +10 -5
  75. package/cssm/desktop/utils/check-header-and-footer.d.ts +6 -0
  76. package/cssm/desktop/utils/check-header-and-footer.js +26 -0
  77. package/cssm/desktop/utils/get-height-style.d.ts +3 -0
  78. package/cssm/desktop/utils/get-height-style.js +20 -0
  79. package/cssm/desktop/utils/{get-margins.d.ts → get-margin-styles.d.ts} +2 -2
  80. package/cssm/desktop/utils/get-margin-styles.js +21 -0
  81. package/cssm/desktop/utils/get-max-height-style.d.ts +3 -0
  82. package/cssm/desktop/utils/get-max-height-style.js +13 -0
  83. package/cssm/desktop/utils/get-width-style.d.ts +3 -0
  84. package/cssm/desktop/utils/get-width-style.js +20 -0
  85. package/cssm/desktop/utils/isFooterNode.d.ts +2 -0
  86. package/cssm/desktop/utils/isFooterNode.js +9 -0
  87. package/cssm/desktop/utils/isHeaderNode.d.ts +2 -0
  88. package/cssm/desktop/utils/isHeaderNode.js +9 -0
  89. package/cssm/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
  90. package/cssm/desktop/utils/set-footer-and-header-refs.js +35 -0
  91. package/cssm/index.js +5 -5
  92. package/cssm/mobile/Component.mobile.js +6 -7
  93. package/cssm/mobile/index.js +8 -9
  94. package/cssm/typings/index.d.ts +6 -5
  95. package/desktop/Component.desktop.d.ts +12 -4
  96. package/desktop/Component.desktop.js +14 -9
  97. package/desktop/components/buttons/arrow-button/arrow-button.css +2 -2
  98. package/desktop/components/buttons/arrow-button/arrow-button.js +1 -1
  99. package/desktop/components/buttons/cross-button/cross-button.css +2 -2
  100. package/desktop/components/buttons/cross-button/cross-button.js +1 -1
  101. package/desktop/components/center-modal/center-modal.d.ts +3 -1
  102. package/desktop/components/center-modal/center-modal.js +25 -19
  103. package/desktop/components/center-modal/{styles/index.css → index.css} +526 -527
  104. package/{esm/desktop/components/center-modal/styles → desktop/components/center-modal}/transitions/safari-transitions.css +8 -8
  105. package/{modern/desktop/components/center-modal/styles → desktop/components/center-modal}/transitions/transitions.css +8 -8
  106. package/{modern/desktop/components/base-universal-modal-content/base-universal-modal-content.css → desktop/components/modal-content/modal-content.css} +9 -9
  107. package/desktop/components/modal-content/modal-content.d.ts +8 -0
  108. package/desktop/components/modal-content/modal-content.js +51 -0
  109. package/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
  110. package/desktop/components/side-modal/get-default-transition-props.js +2 -2
  111. package/{modern/desktop/components/side-modal/styles → desktop/components/side-modal}/index.css +524 -527
  112. package/desktop/components/side-modal/side-modal.d.ts +3 -1
  113. package/desktop/components/side-modal/side-modal.js +19 -21
  114. package/{esm/desktop/components/side-modal/styles → desktop/components/side-modal}/transitions/transitions.css +72 -72
  115. package/desktop/hooks/use-modal-highlighted.d.ts +13 -0
  116. package/desktop/hooks/use-modal-highlighted.js +56 -0
  117. package/desktop/hooks/use-outside-scroll.d.ts +8 -0
  118. package/desktop/hooks/use-outside-scroll.js +20 -0
  119. package/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
  120. package/desktop/hooks/use-set-scrollbar-height.js +46 -0
  121. package/desktop/index.js +5 -2
  122. package/desktop/styles/transitions/full-size-backdrop-transitions.css +14 -14
  123. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +8 -8
  124. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +8 -8
  125. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +8 -8
  126. package/desktop/types/props.d.ts +10 -5
  127. package/desktop/utils/check-header-and-footer.d.ts +6 -0
  128. package/desktop/utils/check-header-and-footer.js +26 -0
  129. package/desktop/utils/get-full-size-modal-transitions.js +4 -4
  130. package/desktop/utils/get-height-style.d.ts +3 -0
  131. package/desktop/utils/get-height-style.js +20 -0
  132. package/desktop/utils/{get-margins.d.ts → get-margin-styles.d.ts} +2 -2
  133. package/desktop/utils/get-margin-styles.js +21 -0
  134. package/desktop/utils/get-max-height-style.d.ts +3 -0
  135. package/desktop/utils/get-max-height-style.js +13 -0
  136. package/desktop/utils/get-width-style.d.ts +3 -0
  137. package/desktop/utils/get-width-style.js +20 -0
  138. package/desktop/utils/isFooterNode.d.ts +2 -0
  139. package/desktop/utils/isFooterNode.js +9 -0
  140. package/desktop/utils/isHeaderNode.d.ts +2 -0
  141. package/desktop/utils/isHeaderNode.js +9 -0
  142. package/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
  143. package/desktop/utils/set-footer-and-header-refs.js +35 -0
  144. package/esm/Component.responsive.d.ts +8 -4
  145. package/esm/Component.responsive.js +4 -1
  146. package/esm/components/content/base-content/base-content.js +3 -7
  147. package/esm/components/content/base-content/index.css +4 -12
  148. package/esm/components/content/desktop/Component.desktop.js +11 -2
  149. package/esm/components/content/desktop/desktop.css +32 -0
  150. package/esm/components/content/mobile/Component.mobile.js +9 -3
  151. package/esm/components/content/mobile/mobile.css +6 -6
  152. package/esm/components/footer/base-footer/base-footer.d.ts +4 -2
  153. package/esm/components/footer/base-footer/base-footer.js +10 -10
  154. package/esm/components/footer/base-footer/index.css +4 -4
  155. package/esm/components/footer/desktop/Component.desktop.d.ts +8 -2
  156. package/esm/components/footer/desktop/Component.desktop.js +15 -14
  157. package/esm/components/footer/desktop/desktop.css +2 -2
  158. package/esm/components/footer/desktop/layout.css +10 -10
  159. package/esm/components/footer/mobile/Component.mobile.js +2 -2
  160. package/esm/components/footer/mobile/layout.mobile.css +9 -9
  161. package/esm/components/footer/mobile/mobile.css +3 -3
  162. package/esm/components/footer/responsive/Component.responsive.d.ts +3 -2
  163. package/esm/components/footer/responsive/Component.responsive.js +7 -7
  164. package/esm/components/header/base-header/index.css +13 -13
  165. package/esm/components/header/desktop/Component.desktop.d.ts +9 -2
  166. package/esm/components/header/desktop/Component.desktop.js +20 -22
  167. package/esm/components/header/desktop/desktop.css +9 -9
  168. package/esm/components/header/mobile/Component.mobile.js +5 -2
  169. package/esm/components/header/mobile/mobile.css +5 -5
  170. package/esm/components/header/responsive/Component.responsive.d.ts +3 -2
  171. package/esm/components/header/responsive/Component.responsive.js +7 -7
  172. package/esm/context/universal-modal-context.d.ts +4 -0
  173. package/esm/context/universal-modal-context.js +9 -0
  174. package/esm/desktop/Component.desktop.d.ts +12 -4
  175. package/esm/desktop/Component.desktop.js +14 -9
  176. package/esm/desktop/components/buttons/arrow-button/arrow-button.css +2 -2
  177. package/esm/desktop/components/buttons/arrow-button/arrow-button.js +1 -1
  178. package/esm/desktop/components/buttons/cross-button/cross-button.css +2 -2
  179. package/esm/desktop/components/buttons/cross-button/cross-button.js +1 -1
  180. package/esm/desktop/components/center-modal/center-modal.d.ts +3 -1
  181. package/esm/desktop/components/center-modal/center-modal.js +25 -19
  182. package/esm/desktop/components/center-modal/{styles/index.css → index.css} +526 -527
  183. package/{desktop/components/center-modal/styles → esm/desktop/components/center-modal}/transitions/safari-transitions.css +8 -8
  184. package/esm/desktop/components/center-modal/{styles/transitions → transitions}/transitions.css +8 -8
  185. package/esm/desktop/components/{base-universal-modal-content/base-universal-modal-content.css → modal-content/modal-content.css} +9 -9
  186. package/esm/desktop/components/modal-content/modal-content.d.ts +8 -0
  187. package/esm/desktop/components/modal-content/modal-content.js +41 -0
  188. package/esm/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
  189. package/esm/desktop/components/side-modal/get-default-transition-props.js +2 -2
  190. package/esm/desktop/components/side-modal/{styles/index.css → index.css} +524 -527
  191. package/esm/desktop/components/side-modal/side-modal.d.ts +3 -1
  192. package/esm/desktop/components/side-modal/side-modal.js +19 -21
  193. package/{desktop/components/side-modal/styles → esm/desktop/components/side-modal}/transitions/transitions.css +72 -72
  194. package/esm/desktop/hooks/use-modal-highlighted.d.ts +13 -0
  195. package/esm/desktop/hooks/use-modal-highlighted.js +52 -0
  196. package/esm/desktop/hooks/use-outside-scroll.d.ts +8 -0
  197. package/esm/desktop/hooks/use-outside-scroll.js +16 -0
  198. package/esm/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
  199. package/esm/desktop/hooks/use-set-scrollbar-height.js +42 -0
  200. package/esm/desktop/index.js +5 -2
  201. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +14 -14
  202. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +8 -8
  203. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +8 -8
  204. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +8 -8
  205. package/esm/desktop/types/props.d.ts +10 -5
  206. package/esm/desktop/utils/check-header-and-footer.d.ts +6 -0
  207. package/esm/desktop/utils/check-header-and-footer.js +22 -0
  208. package/esm/desktop/utils/get-full-size-modal-transitions.js +4 -4
  209. package/esm/desktop/utils/get-height-style.d.ts +3 -0
  210. package/esm/desktop/utils/get-height-style.js +16 -0
  211. package/esm/desktop/utils/{get-margins.d.ts → get-margin-styles.d.ts} +2 -2
  212. package/esm/desktop/utils/get-margin-styles.js +17 -0
  213. package/esm/desktop/utils/get-max-height-style.d.ts +3 -0
  214. package/esm/desktop/utils/get-max-height-style.js +9 -0
  215. package/esm/desktop/utils/get-width-style.d.ts +3 -0
  216. package/esm/desktop/utils/get-width-style.js +16 -0
  217. package/esm/desktop/utils/isFooterNode.d.ts +2 -0
  218. package/esm/desktop/utils/isFooterNode.js +5 -0
  219. package/esm/desktop/utils/isHeaderNode.d.ts +2 -0
  220. package/esm/desktop/utils/isHeaderNode.js +5 -0
  221. package/esm/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
  222. package/esm/desktop/utils/set-footer-and-header-refs.js +27 -0
  223. package/esm/index.js +4 -1
  224. package/esm/index.module-87f3f708.js +4 -0
  225. package/esm/mobile/Component.mobile.js +8 -5
  226. package/esm/mobile/components/buttons/arrow-button/arrow-button.css +3 -3
  227. package/esm/mobile/components/buttons/arrow-button/arrow-button.js +1 -1
  228. package/esm/mobile/components/buttons/cross-button/cross-button.css +3 -3
  229. package/esm/mobile/components/buttons/cross-button/cross-button.js +1 -1
  230. package/esm/mobile/index.js +7 -4
  231. package/esm/mobile/mobile.css +4 -4
  232. package/esm/mobile/transitions/right-side-transitions.mobile.css +8 -8
  233. package/esm/mobile/transitions/transitions.mobile.css +8 -8
  234. package/esm/typings/index.d.ts +6 -5
  235. package/index.js +4 -1
  236. package/index.module-ac9cf52a.js +6 -0
  237. package/mobile/Component.mobile.js +8 -5
  238. package/mobile/components/buttons/arrow-button/arrow-button.css +3 -3
  239. package/mobile/components/buttons/arrow-button/arrow-button.js +1 -1
  240. package/mobile/components/buttons/cross-button/cross-button.css +3 -3
  241. package/mobile/components/buttons/cross-button/cross-button.js +1 -1
  242. package/mobile/index.js +7 -4
  243. package/mobile/mobile.css +4 -4
  244. package/mobile/transitions/right-side-transitions.mobile.css +8 -8
  245. package/mobile/transitions/transitions.mobile.css +8 -8
  246. package/modern/Component.responsive.d.ts +8 -4
  247. package/modern/Component.responsive.js +4 -1
  248. package/modern/components/content/base-content/base-content.js +3 -6
  249. package/modern/components/content/base-content/index.css +4 -12
  250. package/modern/components/content/desktop/Component.desktop.js +12 -2
  251. package/modern/components/content/desktop/desktop.css +32 -0
  252. package/modern/components/content/mobile/Component.mobile.js +10 -3
  253. package/modern/components/content/mobile/mobile.css +6 -6
  254. package/modern/components/footer/base-footer/base-footer.d.ts +4 -2
  255. package/modern/components/footer/base-footer/base-footer.js +6 -5
  256. package/modern/components/footer/base-footer/index.css +4 -4
  257. package/modern/components/footer/desktop/Component.desktop.d.ts +8 -2
  258. package/modern/components/footer/desktop/Component.desktop.js +12 -10
  259. package/modern/components/footer/desktop/desktop.css +2 -2
  260. package/modern/components/footer/desktop/layout.css +10 -10
  261. package/modern/components/footer/mobile/Component.mobile.js +2 -2
  262. package/modern/components/footer/mobile/layout.mobile.css +9 -9
  263. package/modern/components/footer/mobile/mobile.css +3 -3
  264. package/modern/components/footer/responsive/Component.responsive.d.ts +3 -2
  265. package/modern/components/footer/responsive/Component.responsive.js +6 -5
  266. package/modern/components/header/base-header/index.css +13 -13
  267. package/modern/components/header/desktop/Component.desktop.d.ts +9 -2
  268. package/modern/components/header/desktop/Component.desktop.js +11 -12
  269. package/modern/components/header/desktop/desktop.css +9 -9
  270. package/modern/components/header/mobile/Component.mobile.js +5 -2
  271. package/modern/components/header/mobile/mobile.css +5 -5
  272. package/modern/components/header/responsive/Component.responsive.d.ts +3 -2
  273. package/modern/components/header/responsive/Component.responsive.js +6 -5
  274. package/modern/context/universal-modal-context.d.ts +4 -0
  275. package/modern/context/universal-modal-context.js +9 -0
  276. package/modern/desktop/Component.desktop.d.ts +12 -4
  277. package/modern/desktop/Component.desktop.js +12 -7
  278. package/modern/desktop/components/buttons/arrow-button/arrow-button.css +2 -2
  279. package/modern/desktop/components/buttons/arrow-button/arrow-button.js +1 -1
  280. package/modern/desktop/components/buttons/cross-button/cross-button.css +2 -2
  281. package/modern/desktop/components/buttons/cross-button/cross-button.js +1 -1
  282. package/modern/desktop/components/center-modal/center-modal.d.ts +3 -1
  283. package/modern/desktop/components/center-modal/center-modal.js +30 -22
  284. package/modern/desktop/components/center-modal/index.css +1084 -0
  285. package/modern/desktop/components/center-modal/{styles/transitions → transitions}/safari-transitions.css +8 -8
  286. package/{desktop/components/center-modal/styles → modern/desktop/components/center-modal}/transitions/transitions.css +8 -8
  287. package/{desktop/components/base-universal-modal-content/base-universal-modal-content.css → modern/desktop/components/modal-content/modal-content.css} +9 -9
  288. package/modern/desktop/components/modal-content/modal-content.d.ts +8 -0
  289. package/modern/desktop/components/modal-content/modal-content.js +40 -0
  290. package/modern/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
  291. package/modern/desktop/components/side-modal/get-default-transition-props.js +2 -2
  292. package/{desktop/components/side-modal/styles → modern/desktop/components/side-modal}/index.css +524 -527
  293. package/modern/desktop/components/side-modal/side-modal.d.ts +3 -1
  294. package/modern/desktop/components/side-modal/side-modal.js +22 -20
  295. package/modern/desktop/components/side-modal/{styles/transitions → transitions}/transitions.css +72 -72
  296. package/modern/desktop/hooks/use-modal-highlighted.d.ts +13 -0
  297. package/modern/desktop/hooks/use-modal-highlighted.js +51 -0
  298. package/modern/desktop/hooks/use-outside-scroll.d.ts +8 -0
  299. package/modern/desktop/hooks/use-outside-scroll.js +16 -0
  300. package/modern/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
  301. package/modern/desktop/hooks/use-set-scrollbar-height.js +41 -0
  302. package/modern/desktop/index.js +5 -2
  303. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +14 -14
  304. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +8 -8
  305. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +8 -8
  306. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +8 -8
  307. package/modern/desktop/types/props.d.ts +10 -5
  308. package/modern/desktop/utils/check-header-and-footer.d.ts +6 -0
  309. package/modern/desktop/utils/check-header-and-footer.js +22 -0
  310. package/modern/desktop/utils/get-full-size-modal-transitions.js +4 -4
  311. package/modern/desktop/utils/get-height-style.d.ts +3 -0
  312. package/modern/desktop/utils/get-height-style.js +16 -0
  313. package/modern/desktop/utils/{get-margins.d.ts → get-margin-styles.d.ts} +2 -2
  314. package/modern/desktop/utils/get-margin-styles.js +16 -0
  315. package/modern/desktop/utils/get-max-height-style.d.ts +3 -0
  316. package/modern/desktop/utils/get-max-height-style.js +9 -0
  317. package/modern/desktop/utils/get-width-style.d.ts +3 -0
  318. package/modern/desktop/utils/get-width-style.js +16 -0
  319. package/modern/desktop/utils/isFooterNode.d.ts +2 -0
  320. package/modern/desktop/utils/isFooterNode.js +3 -0
  321. package/modern/desktop/utils/isHeaderNode.d.ts +2 -0
  322. package/modern/desktop/utils/isHeaderNode.js +3 -0
  323. package/modern/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
  324. package/modern/desktop/utils/set-footer-and-header-refs.js +27 -0
  325. package/modern/index.js +4 -1
  326. package/modern/index.module-d26f8059.js +4 -0
  327. package/modern/mobile/Component.mobile.js +8 -5
  328. package/modern/mobile/components/buttons/arrow-button/arrow-button.css +3 -3
  329. package/modern/mobile/components/buttons/arrow-button/arrow-button.js +1 -1
  330. package/modern/mobile/components/buttons/cross-button/cross-button.css +3 -3
  331. package/modern/mobile/components/buttons/cross-button/cross-button.js +1 -1
  332. package/modern/mobile/index.js +7 -4
  333. package/modern/mobile/mobile.css +4 -4
  334. package/modern/mobile/transitions/right-side-transitions.mobile.css +8 -8
  335. package/modern/mobile/transitions/transitions.mobile.css +8 -8
  336. package/modern/typings/index.d.ts +6 -5
  337. package/moderncssm/Component.responsive.d.ts +8 -4
  338. package/moderncssm/Component.responsive.js +5 -5
  339. package/moderncssm/components/content/base-content/base-content.js +2 -5
  340. package/moderncssm/components/content/base-content/index.module.css +1 -12
  341. package/moderncssm/components/content/desktop/Component.desktop.js +10 -2
  342. package/moderncssm/components/content/desktop/desktop.module.css +14 -0
  343. package/moderncssm/components/content/mobile/Component.mobile.js +9 -2
  344. package/moderncssm/components/content/mobile/mobile.module.css +3 -3
  345. package/moderncssm/components/footer/base-footer/base-footer.d.ts +4 -2
  346. package/moderncssm/components/footer/base-footer/base-footer.js +5 -4
  347. package/moderncssm/components/footer/desktop/Component.desktop.d.ts +8 -2
  348. package/moderncssm/components/footer/desktop/Component.desktop.js +10 -8
  349. package/moderncssm/components/footer/responsive/Component.responsive.d.ts +3 -2
  350. package/moderncssm/components/footer/responsive/Component.responsive.js +6 -5
  351. package/moderncssm/components/header/desktop/Component.desktop.d.ts +9 -2
  352. package/moderncssm/components/header/desktop/Component.desktop.js +9 -10
  353. package/moderncssm/components/header/mobile/Component.mobile.js +3 -0
  354. package/moderncssm/components/header/responsive/Component.responsive.d.ts +3 -2
  355. package/moderncssm/components/header/responsive/Component.responsive.js +6 -5
  356. package/moderncssm/context/universal-modal-context.d.ts +4 -0
  357. package/moderncssm/context/universal-modal-context.js +9 -0
  358. package/moderncssm/desktop/Component.desktop.d.ts +12 -4
  359. package/moderncssm/desktop/Component.desktop.js +12 -8
  360. package/moderncssm/desktop/components/center-modal/center-modal.d.ts +3 -1
  361. package/moderncssm/desktop/components/center-modal/center-modal.js +27 -19
  362. package/moderncssm/desktop/components/center-modal/{styles/center-modal.module.css → center-modal.module.css} +8 -9
  363. package/moderncssm/desktop/components/center-modal/{styles/index.module.css → index.module.css} +8 -9
  364. package/moderncssm/desktop/components/modal-content/modal-content.d.ts +8 -0
  365. package/moderncssm/desktop/components/modal-content/modal-content.js +38 -0
  366. package/moderncssm/desktop/components/modal-content/modal-content.module.css +20 -0
  367. package/moderncssm/desktop/components/side-modal/get-default-transition-props.d.ts +3 -3
  368. package/moderncssm/desktop/components/side-modal/get-default-transition-props.js +1 -1
  369. package/moderncssm/desktop/components/side-modal/{styles/index.module.css → index.module.css} +0 -5
  370. package/moderncssm/desktop/components/side-modal/side-modal.d.ts +3 -1
  371. package/moderncssm/desktop/components/side-modal/side-modal.js +21 -19
  372. package/moderncssm/desktop/components/side-modal/{styles/side-modal.module.css → side-modal.module.css} +0 -5
  373. package/moderncssm/desktop/hooks/use-modal-highlighted.d.ts +13 -0
  374. package/moderncssm/desktop/hooks/use-modal-highlighted.js +51 -0
  375. package/moderncssm/desktop/hooks/use-outside-scroll.d.ts +8 -0
  376. package/moderncssm/desktop/hooks/use-outside-scroll.js +16 -0
  377. package/moderncssm/desktop/hooks/use-set-scrollbar-height.d.ts +10 -0
  378. package/moderncssm/desktop/hooks/use-set-scrollbar-height.js +41 -0
  379. package/moderncssm/desktop/index.js +5 -3
  380. package/moderncssm/desktop/types/props.d.ts +10 -5
  381. package/moderncssm/desktop/utils/check-header-and-footer.d.ts +6 -0
  382. package/moderncssm/desktop/utils/check-header-and-footer.js +22 -0
  383. package/moderncssm/desktop/utils/get-height-style.d.ts +3 -0
  384. package/moderncssm/desktop/utils/get-height-style.js +16 -0
  385. package/moderncssm/desktop/utils/get-margin-styles.d.ts +7 -0
  386. package/moderncssm/desktop/utils/get-margin-styles.js +16 -0
  387. package/moderncssm/desktop/utils/get-max-height-style.d.ts +3 -0
  388. package/moderncssm/desktop/utils/get-max-height-style.js +9 -0
  389. package/moderncssm/desktop/utils/get-width-style.d.ts +3 -0
  390. package/moderncssm/desktop/utils/get-width-style.js +16 -0
  391. package/moderncssm/desktop/utils/isFooterNode.d.ts +2 -0
  392. package/moderncssm/desktop/utils/isFooterNode.js +3 -0
  393. package/moderncssm/desktop/utils/isHeaderNode.d.ts +2 -0
  394. package/moderncssm/desktop/utils/isHeaderNode.js +3 -0
  395. package/moderncssm/desktop/utils/set-footer-and-header-refs.d.ts +12 -0
  396. package/moderncssm/desktop/utils/set-footer-and-header-refs.js +27 -0
  397. package/moderncssm/index.js +5 -5
  398. package/moderncssm/mobile/Component.mobile.js +6 -7
  399. package/moderncssm/mobile/index.js +8 -9
  400. package/moderncssm/typings/index.d.ts +6 -5
  401. package/package.json +4 -4
  402. package/src/components/content/base-content/base-content.tsx +2 -5
  403. package/src/components/content/base-content/index.module.css +0 -11
  404. package/src/components/content/desktop/Component.desktop.tsx +17 -4
  405. package/src/components/content/desktop/desktop.module.css +9 -0
  406. package/src/components/content/mobile/Component.mobile.tsx +15 -4
  407. package/src/components/content/mobile/mobile.module.css +3 -3
  408. package/src/components/footer/base-footer/base-footer.tsx +5 -9
  409. package/src/components/footer/desktop/Component.desktop.tsx +12 -12
  410. package/src/components/footer/responsive/Component.responsive.tsx +7 -5
  411. package/src/components/header/desktop/Component.desktop.tsx +23 -22
  412. package/src/components/header/mobile/Component.mobile.tsx +4 -0
  413. package/src/components/header/responsive/Component.responsive.tsx +7 -5
  414. package/src/context/universal-modal-context.ts +9 -0
  415. package/src/desktop/Component.desktop.tsx +12 -9
  416. package/src/desktop/components/center-modal/{styles/center-modal.module.css → center-modal.module.css} +9 -10
  417. package/src/desktop/components/center-modal/center-modal.tsx +39 -25
  418. package/src/desktop/components/center-modal/index.module.css +2 -0
  419. package/src/desktop/components/{base-universal-modal-content/base-universal-modal-content.module.css → modal-content/modal-content.module.css} +8 -8
  420. package/src/desktop/components/modal-content/modal-content.tsx +63 -0
  421. package/src/desktop/components/side-modal/get-default-transition-props.ts +4 -4
  422. package/src/desktop/components/side-modal/index.module.css +2 -0
  423. package/src/desktop/components/side-modal/{styles/side-modal.module.css → side-modal.module.css} +0 -5
  424. package/src/desktop/components/side-modal/side-modal.tsx +30 -24
  425. package/src/desktop/hooks/use-modal-highlighted.tsx +73 -0
  426. package/src/desktop/hooks/use-outside-scroll.tsx +20 -0
  427. package/src/desktop/hooks/use-set-scrollbar-height.tsx +51 -0
  428. package/src/desktop/types/props.ts +10 -6
  429. package/src/desktop/utils/check-header-and-footer.tsx +30 -0
  430. package/src/desktop/utils/get-height-style.ts +26 -0
  431. package/src/desktop/utils/get-margin-styles.ts +23 -0
  432. package/src/desktop/utils/get-max-height-style.ts +10 -0
  433. package/src/desktop/utils/get-width-style.ts +23 -0
  434. package/src/desktop/utils/isFooterNode.ts +2 -0
  435. package/src/desktop/utils/isHeaderNode.ts +2 -0
  436. package/src/desktop/utils/set-footer-and-header-refs.tsx +51 -0
  437. package/src/typings/index.ts +5 -4
  438. package/typings/index.d.ts +6 -5
  439. package/ResponsiveContext.d.ts +0 -4
  440. package/ResponsiveContext.js +0 -9
  441. package/cssm/ResponsiveContext.d.ts +0 -4
  442. package/cssm/ResponsiveContext.js +0 -9
  443. package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
  444. package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -121
  445. package/cssm/desktop/hooks/useModalHeight.d.ts +0 -4
  446. package/cssm/desktop/hooks/useModalHeight.js +0 -33
  447. package/cssm/desktop/hooks/useModalWidth.d.ts +0 -4
  448. package/cssm/desktop/hooks/useModalWidth.js +0 -41
  449. package/cssm/desktop/utils/get-margins.js +0 -22
  450. package/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
  451. package/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -122
  452. package/desktop/hooks/useModalHeight.d.ts +0 -4
  453. package/desktop/hooks/useModalHeight.js +0 -33
  454. package/desktop/hooks/useModalWidth.d.ts +0 -4
  455. package/desktop/hooks/useModalWidth.js +0 -41
  456. package/desktop/utils/get-margins.js +0 -22
  457. package/esm/ResponsiveContext.d.ts +0 -4
  458. package/esm/ResponsiveContext.js +0 -5
  459. package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
  460. package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -114
  461. package/esm/desktop/hooks/useModalHeight.d.ts +0 -4
  462. package/esm/desktop/hooks/useModalHeight.js +0 -29
  463. package/esm/desktop/hooks/useModalWidth.d.ts +0 -4
  464. package/esm/desktop/hooks/useModalWidth.js +0 -37
  465. package/esm/desktop/utils/get-margins.js +0 -18
  466. package/esm/index.module-e6744b12.js +0 -4
  467. package/index.module-7af614d8.js +0 -6
  468. package/modern/ResponsiveContext.d.ts +0 -4
  469. package/modern/ResponsiveContext.js +0 -5
  470. package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
  471. package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -112
  472. package/modern/desktop/components/center-modal/styles/index.css +0 -1085
  473. package/modern/desktop/hooks/useModalHeight.d.ts +0 -4
  474. package/modern/desktop/hooks/useModalHeight.js +0 -29
  475. package/modern/desktop/hooks/useModalWidth.d.ts +0 -4
  476. package/modern/desktop/hooks/useModalWidth.js +0 -37
  477. package/modern/desktop/utils/get-margins.js +0 -17
  478. package/modern/index.module-9feb5828.js +0 -4
  479. package/moderncssm/ResponsiveContext.d.ts +0 -4
  480. package/moderncssm/ResponsiveContext.js +0 -5
  481. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +0 -7
  482. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +0 -110
  483. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +0 -20
  484. package/moderncssm/desktop/hooks/useModalHeight.d.ts +0 -4
  485. package/moderncssm/desktop/hooks/useModalHeight.js +0 -29
  486. package/moderncssm/desktop/hooks/useModalWidth.d.ts +0 -4
  487. package/moderncssm/desktop/hooks/useModalWidth.js +0 -37
  488. package/moderncssm/desktop/utils/get-margins.d.ts +0 -7
  489. package/moderncssm/desktop/utils/get-margins.js +0 -17
  490. package/src/ResponsiveContext.ts +0 -5
  491. package/src/desktop/components/base-universal-modal-content/base-universal-modal-content.tsx +0 -155
  492. package/src/desktop/components/center-modal/styles/index.module.css +0 -2
  493. package/src/desktop/components/side-modal/styles/index.module.css +0 -2
  494. package/src/desktop/hooks/useModalHeight.tsx +0 -42
  495. package/src/desktop/hooks/useModalWidth.tsx +0 -52
  496. package/src/desktop/utils/get-margins.ts +0 -24
  497. /package/cssm/desktop/components/center-modal/{styles/transitions → transitions}/safari-transitions.module.css +0 -0
  498. /package/cssm/desktop/components/center-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
  499. /package/cssm/desktop/components/side-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
  500. /package/moderncssm/desktop/components/center-modal/{styles/transitions → transitions}/safari-transitions.module.css +0 -0
  501. /package/moderncssm/desktop/components/center-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
  502. /package/moderncssm/desktop/components/side-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
  503. /package/src/desktop/components/center-modal/{styles/transitions → transitions}/safari-transitions.module.css +0 -0
  504. /package/src/desktop/components/center-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
  505. /package/src/desktop/components/side-modal/{styles/transitions → transitions}/transitions.module.css +0 -0
@@ -1,15 +1,19 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal/src").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
3
+ declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
4
+ scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
5
+ } & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
4
6
  breakpoint?: number | undefined;
5
7
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
6
8
  } & React.RefAttributes<HTMLDivElement>>;
7
- declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal/src").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
9
+ declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal/src").BaseModalProps, "open"> & Partial<Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
10
+ scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
11
+ } & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
8
12
  breakpoint?: number | undefined;
9
13
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
10
14
  } & React.RefAttributes<HTMLDivElement>> & {
11
- Header: React.FC<import("./components/header/index").HeaderResponsiveProps>;
15
+ Header: React.ForwardRefExoticComponent<import("./components/header/index").HeaderResponsiveProps & React.RefAttributes<HTMLDivElement>>;
12
16
  Content: React.FC<import("./components/content/index").ContentResponsiveProps>;
13
- Footer: React.FC<import("./components/footer/index").FooterResponsiveProps>;
17
+ Footer: React.ForwardRefExoticComponent<import("./components/footer/index").FooterResponsiveProps & React.RefAttributes<HTMLDivElement>>;
14
18
  };
15
19
  export { UniversalModal, UniversalModalResponsive };
@@ -7,11 +7,14 @@ var React = require('react');
7
7
  var coreComponentsMq = require('@alfalab/core-components-mq');
8
8
  var components_content_responsive_Component_responsive = require('./components/content/responsive/Component.responsive.js');
9
9
  require('classnames');
10
+ require('./context/universal-modal-context.js');
10
11
  require('@alfalab/core-components-shared');
11
12
  require('@alfalab/core-components-base-modal');
12
13
  var components_footer_responsive_Component_responsive = require('./components/footer/responsive/Component.responsive.js');
13
- require('./ResponsiveContext.js');
14
+ require('./components/footer/desktop/Component.desktop.js');
15
+ require('./components/footer/base-footer/base-footer.js');
14
16
  var components_header_responsive_Component_responsive = require('./components/header/responsive/Component.responsive.js');
17
+ require('./components/header/desktop/Component.desktop.js');
15
18
  require('@alfalab/core-components-navigation-bar-private');
16
19
  var desktop_Component_desktop = require('./desktop/Component.desktop.js');
17
20
  require('@alfalab/core-components-button/desktop');
@@ -12,17 +12,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"content":"universal-modal__content_2vgkz","withHeader":"universal-modal__withHeader_2vgkz","withFooter":"universal-modal__withFooter_2vgkz","flex":"universal-modal__flex_2vgkz"};
15
+ var styles = {"content":"universal-modal__content_7owyf"};
16
16
  require('./index.css')
17
17
 
18
18
  var BaseContent = function (_a) {
19
- var _b;
20
19
  var children = _a.children, className = _a.className, dataTestId = _a.dataTestId;
21
- var _c = React.useContext(Context.ModalContext), contentRef = _c.contentRef, hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
22
- return (React__default.default.createElement("div", { className: cn__default.default(styles.content, styles.flex, className, (_b = {},
23
- _b[styles.withHeader] = hasHeader,
24
- _b[styles.withFooter] = hasFooter,
25
- _b)), ref: contentRef, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
20
+ var contentRef = React.useContext(Context.ModalContext).contentRef;
21
+ return (React__default.default.createElement("div", { className: cn__default.default(styles.content, className), ref: contentRef, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children));
26
22
  };
27
23
 
28
24
  exports.BaseContent = BaseContent;
@@ -1,4 +1,4 @@
1
- /* hash: h6jp9 */
1
+ /* hash: r930j */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -13,32 +13,24 @@
13
13
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
14
 
15
15
  /* новые значения, используйте их */
16
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
- --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
17
  --gap-2xl: 32px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
18
 
20
19
  /* новые значения, используйте их */
21
20
 
22
21
  /* no-unit может приводить к проблемам в calc (#1559) */
23
22
  /* stylelint-disable-next-line length-zero-no-unit */
24
- --gap-0: 0px;
25
- --gap-16: var(--gap-m);
26
23
  --gap-32: var(--gap-2xl);
27
24
  } :root {
28
25
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
29
26
  } /* сбрасывает синюю подсветку при нажатии */ :root {
30
27
 
31
28
  /* scroll */
32
- } .universal-modal__content_2vgkz {
29
+ } .universal-modal__content_7owyf {
33
30
  position: relative;
34
31
  box-sizing: border-box;
35
32
  width: 100%;
36
33
  z-index: 0;
37
- padding: var(--gap-32) var(--gap-32) var(--gap-32)
38
- } .universal-modal__content_2vgkz.universal-modal__withHeader_2vgkz {
39
- padding-top: var(--gap-0);
40
- } .universal-modal__content_2vgkz.universal-modal__withFooter_2vgkz {
41
- padding-bottom: var(--gap-16);
42
- } .universal-modal__flex_2vgkz {
34
+ padding: var(--gap-32) var(--gap-32) var(--gap-32);
43
35
  flex: 1 1 auto;
44
36
  }
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
+ var context_universalModalContext = require('../../../context/universal-modal-context.js');
8
9
  var components_content_baseContent_baseContent = require('../base-content/base-content.js');
9
10
 
10
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,9 +13,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
15
 
16
+ var styles = {"withHeader":"universal-modal__withHeader_ct63p","withFooter":"universal-modal__withFooter_ct63p"};
17
+ require('./desktop.css')
18
+
15
19
  var ContentDesktop = function (_a) {
20
+ var _b;
16
21
  var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
17
- return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(className) }, restProps)));
22
+ var _c = React.useContext(context_universalModalContext.UniversalModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
23
+ return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(className, (_b = {},
24
+ _b[styles.withHeader] = hasHeader,
25
+ _b[styles.withFooter] = hasFooter,
26
+ _b)) }, restProps)));
18
27
  };
19
28
 
20
29
  exports.ContentDesktop = ContentDesktop;
@@ -0,0 +1,32 @@
1
+ /* hash: 1yq31 */
2
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
+ } :root {
7
+
8
+ /* Hard */
9
+
10
+ /* Up */
11
+
12
+ /* Hard up */
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
19
+
20
+ /* no-unit может приводить к проблемам в calc (#1559) */
21
+ /* stylelint-disable-next-line length-zero-no-unit */
22
+ --gap-0: 0px;
23
+ } :root {
24
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
25
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
26
+
27
+ /* scroll */
28
+ } .universal-modal__withHeader_ct63p {
29
+ padding-top: var(--gap-0);
30
+ } .universal-modal__withFooter_ct63p {
31
+ padding-bottom: var(--gap-0);
32
+ }
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
+ var Context = require('../../../Context.js');
8
9
  var components_content_baseContent_baseContent = require('../base-content/base-content.js');
9
10
 
10
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -12,12 +13,17 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
15
 
15
- var styles = {"content":"universal-modal__content_adk62","withFooter":"universal-modal__withFooter_adk62"};
16
+ var styles = {"content":"universal-modal__content_fqqwl","withHeader":"universal-modal__withHeader_fqqwl","withFooter":"universal-modal__withFooter_fqqwl"};
16
17
  require('./mobile.css')
17
18
 
18
19
  var ContentMobile = function (_a) {
20
+ var _b;
19
21
  var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
20
- return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(styles.content, styles.withFooter, className) }, restProps)));
22
+ var _c = React.useContext(Context.ModalContext), hasHeader = _c.hasHeader, hasFooter = _c.hasFooter;
23
+ return (React__default.default.createElement(components_content_baseContent_baseContent.BaseContent, tslib.__assign({ className: cn__default.default(styles.content, className, (_b = {},
24
+ _b[styles.withHeader] = hasHeader,
25
+ _b[styles.withFooter] = hasFooter,
26
+ _b)) }, restProps)));
21
27
  };
22
28
 
23
29
  exports.ContentMobile = ContentMobile;
@@ -1,4 +1,4 @@
1
- /* hash: ieqdh */
1
+ /* hash: t35md */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -29,10 +29,10 @@
29
29
  } /* сбрасывает синюю подсветку при нажатии */ :root {
30
30
 
31
31
  /* scroll */
32
- } .universal-modal__content_adk62 {
33
- padding: var(--gap-16) var(--gap-16) var(--gap-0)
34
- } .universal-modal__content_adk62:last-child {
35
- padding-bottom: var(--gap-16);
36
- } .universal-modal__content_adk62.universal-modal__withFooter_adk62 {
32
+ } .universal-modal__content_fqqwl {
33
+ padding: var(--gap-16)
34
+ } .universal-modal__content_fqqwl.universal-modal__withHeader_fqqwl {
35
+ padding-top: var(--gap-0);
36
+ } .universal-modal__content_fqqwl.universal-modal__withFooter_fqqwl {
37
37
  padding-bottom: var(--gap-20);
38
38
  }
@@ -1,4 +1,6 @@
1
- import { FC, ReactNode } from 'react';
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { ReactNode } from "react";
2
4
  type FooterProps = {
3
5
  /**
4
6
  * Контент футера
@@ -25,5 +27,5 @@ type FooterProps = {
25
27
  */
26
28
  isHighlighted?: boolean;
27
29
  };
28
- declare const BaseFooter: FC<FooterProps>;
30
+ declare const BaseFooter: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLDivElement>>;
29
31
  export { FooterProps, BaseFooter };
@@ -12,12 +12,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"footer":"universal-modal__footer_qk6l6","sticky":"universal-modal__sticky_qk6l6","highlighted":"universal-modal__highlighted_qk6l6"};
15
+ var styles = {"footer":"universal-modal__footer_vdmym","sticky":"universal-modal__sticky_vdmym","highlighted":"universal-modal__highlighted_vdmym"};
16
16
  require('./index.css')
17
17
 
18
- var BaseFooter = function (_a) {
19
- var _b;
20
- var children = _a.children, className = _a.className, sticky = _a.sticky, dataTestId = _a.dataTestId, isHighlighted = _a.isHighlighted;
18
+ var BaseFooter = React.forwardRef(function (props, ref) {
19
+ var _a;
20
+ var children = props.children, className = props.className, sticky = props.sticky, dataTestId = props.dataTestId, isHighlighted = props.isHighlighted;
21
21
  var setHasFooter = React.useContext(Context.ModalContext).setHasFooter;
22
22
  React.useEffect(function () {
23
23
  setHasFooter(true);
@@ -25,10 +25,10 @@ var BaseFooter = function (_a) {
25
25
  setHasFooter(false);
26
26
  };
27
27
  }, [setHasFooter]);
28
- return (React__default.default.createElement("div", { className: cn__default.default(styles.footer, className, (_b = {},
29
- _b[styles.highlighted] = sticky && isHighlighted,
30
- _b[styles.sticky] = sticky,
31
- _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
32
- };
28
+ return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles.footer, className, (_a = {},
29
+ _a[styles.highlighted] = sticky && isHighlighted,
30
+ _a[styles.sticky] = sticky,
31
+ _a)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
32
+ });
33
33
 
34
34
  exports.BaseFooter = BaseFooter;
@@ -1,4 +1,4 @@
1
- /* hash: mf6i4 */
1
+ /* hash: whptd */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -33,16 +33,16 @@
33
33
  /* scroll */
34
34
  --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
35
35
  --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
36
- } .universal-modal__footer_qk6l6 {
36
+ } .universal-modal__footer_vdmym {
37
37
  width: 100%;
38
38
  box-sizing: border-box;
39
39
  transition: box-shadow 0.2s ease, background 0.2s ease;
40
40
  padding: var(--gap-16) var(--gap-32) var(--gap-32);
41
- } .universal-modal__sticky_qk6l6 {
41
+ } .universal-modal__sticky_vdmym {
42
42
  background: var(--universal-modal-footer-background);
43
43
  position: sticky;
44
44
  z-index: 1;
45
- } .universal-modal__highlighted_qk6l6 {
45
+ } .universal-modal__highlighted_vdmym {
46
46
  background: var(--universal-modal-footer-highlight-background);
47
47
  box-shadow: var(--universal-modal-footer-highlight-box-shadow);
48
48
  }
@@ -1,4 +1,5 @@
1
- import { FC } from 'react';
1
+ /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { FooterProps } from "../base-footer/base-footer";
3
4
  type FooterDesktopProps = FooterProps & {
4
5
  /**
@@ -6,5 +7,10 @@ type FooterDesktopProps = FooterProps & {
6
7
  */
7
8
  size?: 's' | 500;
8
9
  };
9
- declare const FooterDesktop: FC<FooterDesktopProps>;
10
+ declare const FooterDesktop: React.ForwardRefExoticComponent<FooterProps & {
11
+ /**
12
+ * Размер (только для desktop версии компонента)
13
+ */
14
+ size?: "s" | 500 | undefined;
15
+ } & React.RefAttributes<HTMLDivElement>>;
10
16
  export { FooterDesktopProps, FooterDesktop };
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
+ var context_universalModalContext = require('../../../context/universal-modal-context.js');
8
9
  var desktop_constants_index = require('../../../desktop/constants/index.js');
9
- var ResponsiveContext = require('../../../ResponsiveContext.js');
10
10
  var components_footer_baseFooter_baseFooter = require('../base-footer/base-footer.js');
11
11
 
12
12
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -14,21 +14,22 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
16
16
 
17
- var styles = {"sticky":"universal-modal__sticky_lv7gq"};
17
+ var styles = {"sticky":"universal-modal__sticky_1g9mr"};
18
18
  require('./desktop.css')
19
19
 
20
- var layoutStyles = {"column":"universal-modal__column_a390j","middle":"universal-modal__middle_a390j","start":"universal-modal__start_a390j","center":"universal-modal__center_a390j","space-between":"universal-modal__space-between_a390j"};
20
+ var layoutStyles = {"column":"universal-modal__column_14hob","middle":"universal-modal__middle_14hob","start":"universal-modal__start_14hob","center":"universal-modal__center_14hob","space-between":"universal-modal__space-between_14hob"};
21
21
  require('./layout.css')
22
22
 
23
- var FooterDesktop = function (_a) {
24
- var _b;
25
- var className = _a.className, sticky = _a.sticky, _c = _a.layout, layout = _c === void 0 ? 'start' : _c, restProps = tslib.__rest(_a, ["className", "sticky", "layout"]);
26
- var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
27
- var _d = responsiveContext || {}, _e = _d.modalWidth, modalWidth = _e === void 0 ? 500 : _e, modalFooterHighlighted = _d.modalFooterHighlighted;
28
- return (React__default.default.createElement(components_footer_baseFooter_baseFooter.BaseFooter, tslib.__assign({ className: cn__default.default(layoutStyles[layout], className, (_b = {},
29
- _b[styles.sticky] = sticky,
30
- _b[layoutStyles.middle] = modalWidth >= desktop_constants_index.FOOTER_MEDIUM_BREAKPOINT,
31
- _b)), sticky: sticky, layout: layout, isHighlighted: modalFooterHighlighted }, restProps)));
32
- };
23
+ var FooterDesktop = React.forwardRef(function (props, ref) {
24
+ var _a;
25
+ var className = props.className, sticky = props.sticky, _b = props.layout, layout = _b === void 0 ? 'start' : _b, restProps = tslib.__rest(props, ["className", "sticky", "layout"]);
26
+ var _c = React.useContext(context_universalModalContext.UniversalModalContext), _d = _c.modalWidth, modalWidth = _d === void 0 ? 500 : _d, modalFooterHighlighted = _c.modalFooterHighlighted;
27
+ var isMiddle = modalWidth === 'fullWidth' || modalWidth >= desktop_constants_index.FOOTER_MEDIUM_BREAKPOINT;
28
+ return (React__default.default.createElement(components_footer_baseFooter_baseFooter.BaseFooter, tslib.__assign({ ref: ref, className: cn__default.default(layoutStyles[layout], className, (_a = {},
29
+ _a[styles.sticky] = sticky,
30
+ _a[layoutStyles.middle] = isMiddle,
31
+ _a)), sticky: sticky, layout: layout, isHighlighted: modalFooterHighlighted }, restProps)));
32
+ });
33
+ FooterDesktop.displayName = 'FooterDesktop';
33
34
 
34
35
  exports.FooterDesktop = FooterDesktop;
@@ -1,4 +1,4 @@
1
- /* hash: 1x9nt */
1
+ /* hash: 3n4mk */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,6 +25,6 @@
25
25
  } /* сбрасывает синюю подсветку при нажатии */ :root {
26
26
 
27
27
  /* scroll */
28
- } .universal-modal__sticky_lv7gq {
28
+ } .universal-modal__sticky_1g9mr {
29
29
  bottom: var(--gap-0);
30
30
  }