@alfalab/core-components-universal-modal 1.0.0

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 (718) hide show
  1. package/Component.responsive.d.ts +15 -0
  2. package/Component.responsive.js +44 -0
  3. package/Context.d.ts +4 -0
  4. package/Context.js +9 -0
  5. package/ResponsiveContext.d.ts +4 -0
  6. package/ResponsiveContext.js +9 -0
  7. package/components/content/base-content/base-content.d.ts +17 -0
  8. package/components/content/base-content/base-content.js +28 -0
  9. package/components/content/base-content/index.css +44 -0
  10. package/components/content/desktop/Component.desktop.d.ts +10 -0
  11. package/components/content/desktop/Component.desktop.js +20 -0
  12. package/components/content/index.d.ts +7 -0
  13. package/components/content/index.js +13 -0
  14. package/components/content/mobile/Component.mobile.d.ts +5 -0
  15. package/components/content/mobile/Component.mobile.js +23 -0
  16. package/components/content/mobile/mobile.css +38 -0
  17. package/components/content/responsive/Component.responsive.d.ts +6 -0
  18. package/components/content/responsive/Component.responsive.js +24 -0
  19. package/components/footer/base-footer/base-footer.d.ts +29 -0
  20. package/components/footer/base-footer/base-footer.js +34 -0
  21. package/components/footer/base-footer/index.css +48 -0
  22. package/components/footer/desktop/Component.desktop.d.ts +10 -0
  23. package/components/footer/desktop/Component.desktop.js +34 -0
  24. package/components/footer/desktop/desktop.css +30 -0
  25. package/components/footer/desktop/layout.css +58 -0
  26. package/components/footer/index.d.ts +7 -0
  27. package/components/footer/index.js +13 -0
  28. package/components/footer/mobile/Component.mobile.d.ts +5 -0
  29. package/components/footer/mobile/Component.mobile.js +31 -0
  30. package/components/footer/mobile/layout.mobile.css +50 -0
  31. package/components/footer/mobile/mobile.css +34 -0
  32. package/components/footer/responsive/Component.responsive.d.ts +6 -0
  33. package/components/footer/responsive/Component.responsive.js +24 -0
  34. package/components/header/base-header/index.css +72 -0
  35. package/components/header/desktop/Component.desktop.d.ts +11 -0
  36. package/components/header/desktop/Component.desktop.js +44 -0
  37. package/components/header/desktop/desktop.css +57 -0
  38. package/components/header/index.d.ts +7 -0
  39. package/components/header/index.js +13 -0
  40. package/components/header/mobile/Component.mobile.d.ts +5 -0
  41. package/components/header/mobile/Component.mobile.js +38 -0
  42. package/components/header/mobile/mobile.css +59 -0
  43. package/components/header/responsive/Component.responsive.d.ts +6 -0
  44. package/components/header/responsive/Component.responsive.js +24 -0
  45. package/cssm/Component.responsive.d.ts +15 -0
  46. package/cssm/Component.responsive.js +58 -0
  47. package/cssm/Context.d.ts +4 -0
  48. package/cssm/Context.js +9 -0
  49. package/cssm/ResponsiveContext.d.ts +4 -0
  50. package/cssm/ResponsiveContext.js +9 -0
  51. package/cssm/components/content/base-content/base-content.d.ts +17 -0
  52. package/cssm/components/content/base-content/base-content.js +27 -0
  53. package/cssm/components/content/base-content/index.module.css +43 -0
  54. package/cssm/components/content/desktop/Component.desktop.d.ts +10 -0
  55. package/cssm/components/content/desktop/Component.desktop.js +20 -0
  56. package/cssm/components/content/index.d.ts +7 -0
  57. package/cssm/components/content/index.js +13 -0
  58. package/cssm/components/content/mobile/Component.mobile.d.ts +5 -0
  59. package/cssm/components/content/mobile/Component.mobile.js +22 -0
  60. package/cssm/components/content/mobile/mobile.module.css +37 -0
  61. package/cssm/components/content/responsive/Component.responsive.d.ts +6 -0
  62. package/cssm/components/content/responsive/Component.responsive.js +24 -0
  63. package/cssm/components/footer/base-footer/base-footer.d.ts +29 -0
  64. package/cssm/components/footer/base-footer/base-footer.js +33 -0
  65. package/cssm/components/footer/base-footer/index.module.css +47 -0
  66. package/cssm/components/footer/desktop/Component.desktop.d.ts +10 -0
  67. package/cssm/components/footer/desktop/Component.desktop.js +32 -0
  68. package/cssm/components/footer/desktop/desktop.module.css +29 -0
  69. package/cssm/components/footer/desktop/layout.module.css +54 -0
  70. package/cssm/components/footer/index.d.ts +7 -0
  71. package/cssm/components/footer/index.js +13 -0
  72. package/cssm/components/footer/mobile/Component.mobile.d.ts +5 -0
  73. package/cssm/components/footer/mobile/Component.mobile.js +29 -0
  74. package/cssm/components/footer/mobile/layout.mobile.module.css +47 -0
  75. package/cssm/components/footer/mobile/mobile.module.css +33 -0
  76. package/cssm/components/footer/responsive/Component.responsive.d.ts +6 -0
  77. package/cssm/components/footer/responsive/Component.responsive.js +24 -0
  78. package/cssm/components/header/base-header/index.module.css +71 -0
  79. package/cssm/components/header/desktop/Component.desktop.d.ts +11 -0
  80. package/cssm/components/header/desktop/Component.desktop.js +44 -0
  81. package/cssm/components/header/desktop/desktop.module.css +56 -0
  82. package/cssm/components/header/index.d.ts +7 -0
  83. package/cssm/components/header/index.js +13 -0
  84. package/cssm/components/header/mobile/Component.mobile.d.ts +5 -0
  85. package/cssm/components/header/mobile/Component.mobile.js +38 -0
  86. package/cssm/components/header/mobile/mobile.module.css +58 -0
  87. package/cssm/components/header/responsive/Component.responsive.d.ts +6 -0
  88. package/cssm/components/header/responsive/Component.responsive.js +24 -0
  89. package/cssm/desktop/Component.desktop.d.ts +9 -0
  90. package/cssm/desktop/Component.desktop.js +58 -0
  91. package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  92. package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +121 -0
  93. package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +34 -0
  94. package/cssm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  95. package/cssm/desktop/components/buttons/arrow-button/arrow-button.js +22 -0
  96. package/cssm/desktop/components/buttons/arrow-button/arrow-button.module.css +31 -0
  97. package/cssm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  98. package/cssm/desktop/components/buttons/arrow-button/index.js +9 -0
  99. package/cssm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  100. package/cssm/desktop/components/buttons/cross-button/cross-button.js +20 -0
  101. package/cssm/desktop/components/buttons/cross-button/cross-button.module.css +28 -0
  102. package/cssm/desktop/components/buttons/cross-button/index.d.ts +1 -0
  103. package/cssm/desktop/components/buttons/cross-button/index.js +9 -0
  104. package/cssm/desktop/components/center-modal/center-modal.d.ts +4 -0
  105. package/cssm/desktop/components/center-modal/center-modal.js +43 -0
  106. package/cssm/desktop/components/center-modal/index.d.ts +1 -0
  107. package/cssm/desktop/components/center-modal/index.js +9 -0
  108. package/cssm/desktop/components/center-modal/styles/center-modal.module.css +52 -0
  109. package/cssm/desktop/components/center-modal/styles/index.module.css +1084 -0
  110. package/cssm/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
  111. package/cssm/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
  112. package/cssm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  113. package/cssm/desktop/components/side-modal/get-default-transition-props.js +42 -0
  114. package/cssm/desktop/components/side-modal/index.d.ts +1 -0
  115. package/cssm/desktop/components/side-modal/index.js +9 -0
  116. package/cssm/desktop/components/side-modal/side-modal.d.ts +4 -0
  117. package/cssm/desktop/components/side-modal/side-modal.js +50 -0
  118. package/cssm/desktop/components/side-modal/styles/index.module.css +1087 -0
  119. package/cssm/desktop/components/side-modal/styles/side-modal.module.css +55 -0
  120. package/cssm/desktop/components/side-modal/styles/transitions/transitions.module.css +330 -0
  121. package/cssm/desktop/constants/index.d.ts +3 -0
  122. package/cssm/desktop/constants/index.js +9 -0
  123. package/cssm/desktop/hooks/useModalHeight.d.ts +4 -0
  124. package/cssm/desktop/hooks/useModalHeight.js +33 -0
  125. package/cssm/desktop/hooks/useModalWheel.d.ts +6 -0
  126. package/cssm/desktop/hooks/useModalWheel.js +19 -0
  127. package/cssm/desktop/hooks/useModalWidth.d.ts +4 -0
  128. package/cssm/desktop/hooks/useModalWidth.js +41 -0
  129. package/cssm/desktop/index.d.ts +10 -0
  130. package/cssm/desktop/index.js +34 -0
  131. package/cssm/desktop/styles/margins.module.css +1552 -0
  132. package/cssm/desktop/styles/transitions/full-size-backdrop-transitions.module.css +59 -0
  133. package/cssm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
  134. package/cssm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
  135. package/cssm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
  136. package/cssm/desktop/types/props.d.ts +45 -0
  137. package/cssm/desktop/types/props.js +2 -0
  138. package/cssm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  139. package/cssm/desktop/utils/get-full-size-modal-transitions.js +54 -0
  140. package/cssm/desktop/utils/get-margins.d.ts +7 -0
  141. package/cssm/desktop/utils/get-margins.js +22 -0
  142. package/cssm/desktop/vars.css +24 -0
  143. package/cssm/index.d.ts +8 -0
  144. package/cssm/index.js +33 -0
  145. package/cssm/mobile/Component.mobile.d.ts +9 -0
  146. package/cssm/mobile/Component.mobile.js +45 -0
  147. package/cssm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  148. package/cssm/mobile/components/buttons/arrow-button/arrow-button.js +20 -0
  149. package/cssm/mobile/components/buttons/arrow-button/arrow-button.module.css +30 -0
  150. package/cssm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  151. package/cssm/mobile/components/buttons/arrow-button/index.js +9 -0
  152. package/cssm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  153. package/cssm/mobile/components/buttons/cross-button/cross-button.js +20 -0
  154. package/cssm/mobile/components/buttons/cross-button/cross-button.module.css +30 -0
  155. package/cssm/mobile/components/buttons/cross-button/index.d.ts +1 -0
  156. package/cssm/mobile/components/buttons/cross-button/index.js +9 -0
  157. package/cssm/mobile/index.d.ts +10 -0
  158. package/cssm/mobile/index.js +34 -0
  159. package/cssm/mobile/mobile.module.css +38 -0
  160. package/cssm/mobile/transitions/right-side-transitions.mobile.module.css +37 -0
  161. package/cssm/mobile/transitions/transitions.mobile.module.css +24 -0
  162. package/cssm/mobile/types/props.d.ts +11 -0
  163. package/cssm/mobile/types/props.js +2 -0
  164. package/cssm/mobile/vars.css +24 -0
  165. package/cssm/shared/index.d.ts +2 -0
  166. package/cssm/shared/index.js +11 -0
  167. package/cssm/typings/index.d.ts +22 -0
  168. package/cssm/typings/index.js +2 -0
  169. package/cssm/typings/margin-type.d.ts +8 -0
  170. package/cssm/typings/margin-type.js +2 -0
  171. package/cssm/utils/getUniversalModalTestIds.d.ts +8 -0
  172. package/cssm/utils/getUniversalModalTestIds.js +17 -0
  173. package/cssm/vars.css +26 -0
  174. package/desktop/Component.desktop.d.ts +9 -0
  175. package/desktop/Component.desktop.js +51 -0
  176. package/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
  177. package/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  178. package/desktop/components/base-universal-modal-content/base-universal-modal-content.js +122 -0
  179. package/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
  180. package/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  181. package/desktop/components/buttons/arrow-button/arrow-button.js +23 -0
  182. package/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  183. package/desktop/components/buttons/arrow-button/index.js +9 -0
  184. package/desktop/components/buttons/cross-button/cross-button.css +29 -0
  185. package/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  186. package/desktop/components/buttons/cross-button/cross-button.js +21 -0
  187. package/desktop/components/buttons/cross-button/index.d.ts +1 -0
  188. package/desktop/components/buttons/cross-button/index.js +9 -0
  189. package/desktop/components/center-modal/center-modal.d.ts +4 -0
  190. package/desktop/components/center-modal/center-modal.js +46 -0
  191. package/desktop/components/center-modal/index.d.ts +1 -0
  192. package/desktop/components/center-modal/index.js +9 -0
  193. package/desktop/components/center-modal/styles/index.css +1085 -0
  194. package/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
  195. package/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
  196. package/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  197. package/desktop/components/side-modal/get-default-transition-props.js +43 -0
  198. package/desktop/components/side-modal/index.d.ts +1 -0
  199. package/desktop/components/side-modal/index.js +9 -0
  200. package/desktop/components/side-modal/side-modal.d.ts +4 -0
  201. package/desktop/components/side-modal/side-modal.js +51 -0
  202. package/desktop/components/side-modal/styles/index.css +1088 -0
  203. package/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
  204. package/desktop/constants/index.d.ts +3 -0
  205. package/desktop/constants/index.js +9 -0
  206. package/desktop/hooks/useModalHeight.d.ts +4 -0
  207. package/desktop/hooks/useModalHeight.js +33 -0
  208. package/desktop/hooks/useModalWheel.d.ts +6 -0
  209. package/desktop/hooks/useModalWheel.js +19 -0
  210. package/desktop/hooks/useModalWidth.d.ts +4 -0
  211. package/desktop/hooks/useModalWidth.js +41 -0
  212. package/desktop/index.d.ts +10 -0
  213. package/desktop/index.js +27 -0
  214. package/desktop/package.json +3 -0
  215. package/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
  216. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
  217. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
  218. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
  219. package/desktop/types/props.d.ts +45 -0
  220. package/desktop/types/props.js +2 -0
  221. package/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  222. package/desktop/utils/get-full-size-modal-transitions.js +55 -0
  223. package/desktop/utils/get-margins.d.ts +7 -0
  224. package/desktop/utils/get-margins.js +22 -0
  225. package/esm/Component.responsive.d.ts +15 -0
  226. package/esm/Component.responsive.js +35 -0
  227. package/esm/Context.d.ts +4 -0
  228. package/esm/Context.js +5 -0
  229. package/esm/ResponsiveContext.d.ts +4 -0
  230. package/esm/ResponsiveContext.js +5 -0
  231. package/esm/components/content/base-content/base-content.d.ts +17 -0
  232. package/esm/components/content/base-content/base-content.js +19 -0
  233. package/esm/components/content/base-content/index.css +44 -0
  234. package/esm/components/content/desktop/Component.desktop.d.ts +10 -0
  235. package/esm/components/content/desktop/Component.desktop.js +11 -0
  236. package/esm/components/content/index.d.ts +7 -0
  237. package/esm/components/content/index.js +3 -0
  238. package/esm/components/content/mobile/Component.mobile.d.ts +5 -0
  239. package/esm/components/content/mobile/Component.mobile.js +14 -0
  240. package/esm/components/content/mobile/mobile.css +38 -0
  241. package/esm/components/content/responsive/Component.responsive.d.ts +6 -0
  242. package/esm/components/content/responsive/Component.responsive.js +16 -0
  243. package/esm/components/footer/base-footer/base-footer.d.ts +29 -0
  244. package/esm/components/footer/base-footer/base-footer.js +25 -0
  245. package/esm/components/footer/base-footer/index.css +48 -0
  246. package/esm/components/footer/desktop/Component.desktop.d.ts +10 -0
  247. package/esm/components/footer/desktop/Component.desktop.js +25 -0
  248. package/esm/components/footer/desktop/desktop.css +30 -0
  249. package/esm/components/footer/desktop/layout.css +58 -0
  250. package/esm/components/footer/index.d.ts +7 -0
  251. package/esm/components/footer/index.js +3 -0
  252. package/esm/components/footer/mobile/Component.mobile.d.ts +5 -0
  253. package/esm/components/footer/mobile/Component.mobile.js +22 -0
  254. package/esm/components/footer/mobile/layout.mobile.css +50 -0
  255. package/esm/components/footer/mobile/mobile.css +34 -0
  256. package/esm/components/footer/responsive/Component.responsive.d.ts +6 -0
  257. package/esm/components/footer/responsive/Component.responsive.js +16 -0
  258. package/esm/components/header/base-header/index.css +72 -0
  259. package/esm/components/header/desktop/Component.desktop.d.ts +11 -0
  260. package/esm/components/header/desktop/Component.desktop.js +35 -0
  261. package/esm/components/header/desktop/desktop.css +57 -0
  262. package/esm/components/header/index.d.ts +7 -0
  263. package/esm/components/header/index.js +3 -0
  264. package/esm/components/header/mobile/Component.mobile.d.ts +5 -0
  265. package/esm/components/header/mobile/Component.mobile.js +29 -0
  266. package/esm/components/header/mobile/mobile.css +59 -0
  267. package/esm/components/header/responsive/Component.responsive.d.ts +6 -0
  268. package/esm/components/header/responsive/Component.responsive.js +16 -0
  269. package/esm/desktop/Component.desktop.d.ts +9 -0
  270. package/esm/desktop/Component.desktop.js +42 -0
  271. package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
  272. package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  273. package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +114 -0
  274. package/esm/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
  275. package/esm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  276. package/esm/desktop/components/buttons/arrow-button/arrow-button.js +15 -0
  277. package/esm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  278. package/esm/desktop/components/buttons/arrow-button/index.js +1 -0
  279. package/esm/desktop/components/buttons/cross-button/cross-button.css +29 -0
  280. package/esm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  281. package/esm/desktop/components/buttons/cross-button/cross-button.js +13 -0
  282. package/esm/desktop/components/buttons/cross-button/index.d.ts +1 -0
  283. package/esm/desktop/components/buttons/cross-button/index.js +1 -0
  284. package/esm/desktop/components/center-modal/center-modal.d.ts +4 -0
  285. package/esm/desktop/components/center-modal/center-modal.js +37 -0
  286. package/esm/desktop/components/center-modal/index.d.ts +1 -0
  287. package/esm/desktop/components/center-modal/index.js +1 -0
  288. package/esm/desktop/components/center-modal/styles/index.css +1085 -0
  289. package/esm/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
  290. package/esm/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
  291. package/esm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  292. package/esm/desktop/components/side-modal/get-default-transition-props.js +35 -0
  293. package/esm/desktop/components/side-modal/index.d.ts +1 -0
  294. package/esm/desktop/components/side-modal/index.js +1 -0
  295. package/esm/desktop/components/side-modal/side-modal.d.ts +4 -0
  296. package/esm/desktop/components/side-modal/side-modal.js +42 -0
  297. package/esm/desktop/components/side-modal/styles/index.css +1088 -0
  298. package/esm/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
  299. package/esm/desktop/constants/index.d.ts +3 -0
  300. package/esm/desktop/constants/index.js +4 -0
  301. package/esm/desktop/hooks/useModalHeight.d.ts +4 -0
  302. package/esm/desktop/hooks/useModalHeight.js +29 -0
  303. package/esm/desktop/hooks/useModalWheel.d.ts +6 -0
  304. package/esm/desktop/hooks/useModalWheel.js +15 -0
  305. package/esm/desktop/hooks/useModalWidth.d.ts +4 -0
  306. package/esm/desktop/hooks/useModalWidth.js +37 -0
  307. package/esm/desktop/index.d.ts +10 -0
  308. package/esm/desktop/index.js +13 -0
  309. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
  310. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
  311. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
  312. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
  313. package/esm/desktop/types/props.d.ts +45 -0
  314. package/esm/desktop/types/props.js +1 -0
  315. package/esm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  316. package/esm/desktop/utils/get-full-size-modal-transitions.js +51 -0
  317. package/esm/desktop/utils/get-margins.d.ts +7 -0
  318. package/esm/desktop/utils/get-margins.js +18 -0
  319. package/esm/index.d.ts +8 -0
  320. package/esm/index.js +11 -0
  321. package/esm/index.module-c4f215c8.js +4 -0
  322. package/esm/mobile/Component.mobile.d.ts +9 -0
  323. package/esm/mobile/Component.mobile.js +32 -0
  324. package/esm/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
  325. package/esm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  326. package/esm/mobile/components/buttons/arrow-button/arrow-button.js +13 -0
  327. package/esm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  328. package/esm/mobile/components/buttons/arrow-button/index.js +1 -0
  329. package/esm/mobile/components/buttons/cross-button/cross-button.css +31 -0
  330. package/esm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  331. package/esm/mobile/components/buttons/cross-button/cross-button.js +13 -0
  332. package/esm/mobile/components/buttons/cross-button/index.d.ts +1 -0
  333. package/esm/mobile/components/buttons/cross-button/index.js +1 -0
  334. package/esm/mobile/index.d.ts +10 -0
  335. package/esm/mobile/index.js +14 -0
  336. package/esm/mobile/mobile.css +39 -0
  337. package/esm/mobile/transitions/right-side-transitions.mobile.css +38 -0
  338. package/esm/mobile/transitions/transitions.mobile.css +25 -0
  339. package/esm/mobile/types/props.d.ts +11 -0
  340. package/esm/mobile/types/props.js +1 -0
  341. package/esm/shared/index.d.ts +2 -0
  342. package/esm/shared/index.js +2 -0
  343. package/esm/typings/index.d.ts +22 -0
  344. package/esm/typings/index.js +1 -0
  345. package/esm/typings/margin-type.d.ts +8 -0
  346. package/esm/typings/margin-type.js +1 -0
  347. package/esm/utils/getUniversalModalTestIds.d.ts +8 -0
  348. package/esm/utils/getUniversalModalTestIds.js +13 -0
  349. package/index.d.ts +8 -0
  350. package/index.js +23 -0
  351. package/index.module-7936578a.js +6 -0
  352. package/mobile/Component.mobile.d.ts +9 -0
  353. package/mobile/Component.mobile.js +42 -0
  354. package/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
  355. package/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  356. package/mobile/components/buttons/arrow-button/arrow-button.js +21 -0
  357. package/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  358. package/mobile/components/buttons/arrow-button/index.js +9 -0
  359. package/mobile/components/buttons/cross-button/cross-button.css +31 -0
  360. package/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  361. package/mobile/components/buttons/cross-button/cross-button.js +21 -0
  362. package/mobile/components/buttons/cross-button/index.d.ts +1 -0
  363. package/mobile/components/buttons/cross-button/index.js +9 -0
  364. package/mobile/index.d.ts +10 -0
  365. package/mobile/index.js +28 -0
  366. package/mobile/mobile.css +39 -0
  367. package/mobile/package.json +3 -0
  368. package/mobile/transitions/right-side-transitions.mobile.css +38 -0
  369. package/mobile/transitions/transitions.mobile.css +25 -0
  370. package/mobile/types/props.d.ts +11 -0
  371. package/mobile/types/props.js +2 -0
  372. package/modern/Component.responsive.d.ts +15 -0
  373. package/modern/Component.responsive.js +33 -0
  374. package/modern/Context.d.ts +4 -0
  375. package/modern/Context.js +5 -0
  376. package/modern/ResponsiveContext.d.ts +4 -0
  377. package/modern/ResponsiveContext.js +5 -0
  378. package/modern/components/content/base-content/base-content.d.ts +17 -0
  379. package/modern/components/content/base-content/base-content.js +17 -0
  380. package/modern/components/content/base-content/index.css +44 -0
  381. package/modern/components/content/desktop/Component.desktop.d.ts +10 -0
  382. package/modern/components/content/desktop/Component.desktop.js +7 -0
  383. package/modern/components/content/index.d.ts +7 -0
  384. package/modern/components/content/index.js +3 -0
  385. package/modern/components/content/mobile/Component.mobile.d.ts +5 -0
  386. package/modern/components/content/mobile/Component.mobile.js +10 -0
  387. package/modern/components/content/mobile/mobile.css +38 -0
  388. package/modern/components/content/responsive/Component.responsive.d.ts +6 -0
  389. package/modern/components/content/responsive/Component.responsive.js +14 -0
  390. package/modern/components/footer/base-footer/base-footer.d.ts +29 -0
  391. package/modern/components/footer/base-footer/base-footer.js +23 -0
  392. package/modern/components/footer/base-footer/index.css +48 -0
  393. package/modern/components/footer/desktop/Component.desktop.d.ts +10 -0
  394. package/modern/components/footer/desktop/Component.desktop.js +22 -0
  395. package/modern/components/footer/desktop/desktop.css +30 -0
  396. package/modern/components/footer/desktop/layout.css +58 -0
  397. package/modern/components/footer/index.d.ts +7 -0
  398. package/modern/components/footer/index.js +3 -0
  399. package/modern/components/footer/mobile/Component.mobile.d.ts +5 -0
  400. package/modern/components/footer/mobile/Component.mobile.js +19 -0
  401. package/modern/components/footer/mobile/layout.mobile.css +50 -0
  402. package/modern/components/footer/mobile/mobile.css +34 -0
  403. package/modern/components/footer/responsive/Component.responsive.d.ts +6 -0
  404. package/modern/components/footer/responsive/Component.responsive.js +14 -0
  405. package/modern/components/header/base-header/index.css +72 -0
  406. package/modern/components/header/desktop/Component.desktop.d.ts +11 -0
  407. package/modern/components/header/desktop/Component.desktop.js +32 -0
  408. package/modern/components/header/desktop/desktop.css +57 -0
  409. package/modern/components/header/index.d.ts +7 -0
  410. package/modern/components/header/index.js +3 -0
  411. package/modern/components/header/mobile/Component.mobile.d.ts +5 -0
  412. package/modern/components/header/mobile/Component.mobile.js +26 -0
  413. package/modern/components/header/mobile/mobile.css +59 -0
  414. package/modern/components/header/responsive/Component.responsive.d.ts +6 -0
  415. package/modern/components/header/responsive/Component.responsive.js +14 -0
  416. package/modern/desktop/Component.desktop.d.ts +9 -0
  417. package/modern/desktop/Component.desktop.js +40 -0
  418. package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
  419. package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  420. package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.js +112 -0
  421. package/modern/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
  422. package/modern/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  423. package/modern/desktop/components/buttons/arrow-button/arrow-button.js +15 -0
  424. package/modern/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  425. package/modern/desktop/components/buttons/arrow-button/index.js +1 -0
  426. package/modern/desktop/components/buttons/cross-button/cross-button.css +29 -0
  427. package/modern/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  428. package/modern/desktop/components/buttons/cross-button/cross-button.js +13 -0
  429. package/modern/desktop/components/buttons/cross-button/index.d.ts +1 -0
  430. package/modern/desktop/components/buttons/cross-button/index.js +1 -0
  431. package/modern/desktop/components/center-modal/center-modal.d.ts +4 -0
  432. package/modern/desktop/components/center-modal/center-modal.js +48 -0
  433. package/modern/desktop/components/center-modal/index.d.ts +1 -0
  434. package/modern/desktop/components/center-modal/index.js +1 -0
  435. package/modern/desktop/components/center-modal/styles/index.css +1085 -0
  436. package/modern/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
  437. package/modern/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
  438. package/modern/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  439. package/modern/desktop/components/side-modal/get-default-transition-props.js +34 -0
  440. package/modern/desktop/components/side-modal/index.d.ts +1 -0
  441. package/modern/desktop/components/side-modal/index.js +1 -0
  442. package/modern/desktop/components/side-modal/side-modal.d.ts +4 -0
  443. package/modern/desktop/components/side-modal/side-modal.js +51 -0
  444. package/modern/desktop/components/side-modal/styles/index.css +1088 -0
  445. package/modern/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
  446. package/modern/desktop/constants/index.d.ts +3 -0
  447. package/modern/desktop/constants/index.js +4 -0
  448. package/modern/desktop/hooks/useModalHeight.d.ts +4 -0
  449. package/modern/desktop/hooks/useModalHeight.js +29 -0
  450. package/modern/desktop/hooks/useModalWheel.d.ts +6 -0
  451. package/modern/desktop/hooks/useModalWheel.js +15 -0
  452. package/modern/desktop/hooks/useModalWidth.d.ts +4 -0
  453. package/modern/desktop/hooks/useModalWidth.js +37 -0
  454. package/modern/desktop/index.d.ts +10 -0
  455. package/modern/desktop/index.js +12 -0
  456. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
  457. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
  458. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
  459. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
  460. package/modern/desktop/types/props.d.ts +45 -0
  461. package/modern/desktop/types/props.js +1 -0
  462. package/modern/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  463. package/modern/desktop/utils/get-full-size-modal-transitions.js +51 -0
  464. package/modern/desktop/utils/get-margins.d.ts +7 -0
  465. package/modern/desktop/utils/get-margins.js +17 -0
  466. package/modern/index.d.ts +8 -0
  467. package/modern/index.js +10 -0
  468. package/modern/index.module-2718b9b5.js +4 -0
  469. package/modern/mobile/Component.mobile.d.ts +9 -0
  470. package/modern/mobile/Component.mobile.js +35 -0
  471. package/modern/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
  472. package/modern/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  473. package/modern/mobile/components/buttons/arrow-button/arrow-button.js +13 -0
  474. package/modern/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  475. package/modern/mobile/components/buttons/arrow-button/index.js +1 -0
  476. package/modern/mobile/components/buttons/cross-button/cross-button.css +31 -0
  477. package/modern/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  478. package/modern/mobile/components/buttons/cross-button/cross-button.js +13 -0
  479. package/modern/mobile/components/buttons/cross-button/index.d.ts +1 -0
  480. package/modern/mobile/components/buttons/cross-button/index.js +1 -0
  481. package/modern/mobile/index.d.ts +10 -0
  482. package/modern/mobile/index.js +13 -0
  483. package/modern/mobile/mobile.css +39 -0
  484. package/modern/mobile/transitions/right-side-transitions.mobile.css +38 -0
  485. package/modern/mobile/transitions/transitions.mobile.css +25 -0
  486. package/modern/mobile/types/props.d.ts +11 -0
  487. package/modern/mobile/types/props.js +1 -0
  488. package/modern/shared/index.d.ts +2 -0
  489. package/modern/shared/index.js +2 -0
  490. package/modern/typings/index.d.ts +22 -0
  491. package/modern/typings/index.js +1 -0
  492. package/modern/typings/margin-type.d.ts +8 -0
  493. package/modern/typings/margin-type.js +1 -0
  494. package/modern/utils/getUniversalModalTestIds.d.ts +8 -0
  495. package/modern/utils/getUniversalModalTestIds.js +13 -0
  496. package/moderncssm/Component.responsive.d.ts +15 -0
  497. package/moderncssm/Component.responsive.js +47 -0
  498. package/moderncssm/Context.d.ts +4 -0
  499. package/moderncssm/Context.js +5 -0
  500. package/moderncssm/ResponsiveContext.d.ts +4 -0
  501. package/moderncssm/ResponsiveContext.js +5 -0
  502. package/moderncssm/components/content/base-content/base-content.d.ts +17 -0
  503. package/moderncssm/components/content/base-content/base-content.js +15 -0
  504. package/moderncssm/components/content/base-content/index.module.css +26 -0
  505. package/moderncssm/components/content/desktop/Component.desktop.d.ts +10 -0
  506. package/moderncssm/components/content/desktop/Component.desktop.js +7 -0
  507. package/moderncssm/components/content/index.d.ts +7 -0
  508. package/moderncssm/components/content/index.js +3 -0
  509. package/moderncssm/components/content/mobile/Component.mobile.d.ts +5 -0
  510. package/moderncssm/components/content/mobile/Component.mobile.js +8 -0
  511. package/moderncssm/components/content/mobile/mobile.module.css +18 -0
  512. package/moderncssm/components/content/responsive/Component.responsive.d.ts +6 -0
  513. package/moderncssm/components/content/responsive/Component.responsive.js +14 -0
  514. package/moderncssm/components/footer/base-footer/base-footer.d.ts +29 -0
  515. package/moderncssm/components/footer/base-footer/base-footer.js +21 -0
  516. package/moderncssm/components/footer/base-footer/index.module.css +23 -0
  517. package/moderncssm/components/footer/desktop/Component.desktop.d.ts +10 -0
  518. package/moderncssm/components/footer/desktop/Component.desktop.js +18 -0
  519. package/moderncssm/components/footer/desktop/desktop.module.css +10 -0
  520. package/moderncssm/components/footer/desktop/layout.module.css +42 -0
  521. package/moderncssm/components/footer/index.d.ts +7 -0
  522. package/moderncssm/components/footer/index.js +3 -0
  523. package/moderncssm/components/footer/mobile/Component.mobile.d.ts +5 -0
  524. package/moderncssm/components/footer/mobile/Component.mobile.js +15 -0
  525. package/moderncssm/components/footer/mobile/layout.mobile.module.css +37 -0
  526. package/moderncssm/components/footer/mobile/mobile.module.css +14 -0
  527. package/moderncssm/components/footer/responsive/Component.responsive.d.ts +6 -0
  528. package/moderncssm/components/footer/responsive/Component.responsive.js +14 -0
  529. package/moderncssm/components/header/base-header/index.module.css +71 -0
  530. package/moderncssm/components/header/desktop/Component.desktop.d.ts +11 -0
  531. package/moderncssm/components/header/desktop/Component.desktop.js +30 -0
  532. package/moderncssm/components/header/desktop/desktop.module.css +45 -0
  533. package/moderncssm/components/header/index.d.ts +7 -0
  534. package/moderncssm/components/header/index.js +3 -0
  535. package/moderncssm/components/header/mobile/Component.mobile.d.ts +5 -0
  536. package/moderncssm/components/header/mobile/Component.mobile.js +24 -0
  537. package/moderncssm/components/header/mobile/mobile.module.css +31 -0
  538. package/moderncssm/components/header/responsive/Component.responsive.d.ts +6 -0
  539. package/moderncssm/components/header/responsive/Component.responsive.js +14 -0
  540. package/moderncssm/desktop/Component.desktop.d.ts +9 -0
  541. package/moderncssm/desktop/Component.desktop.js +47 -0
  542. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  543. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +110 -0
  544. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +20 -0
  545. package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  546. package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.js +13 -0
  547. package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.module.css +8 -0
  548. package/moderncssm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  549. package/moderncssm/desktop/components/buttons/arrow-button/index.js +1 -0
  550. package/moderncssm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  551. package/moderncssm/desktop/components/buttons/cross-button/cross-button.js +11 -0
  552. package/moderncssm/desktop/components/buttons/cross-button/cross-button.module.css +7 -0
  553. package/moderncssm/desktop/components/buttons/cross-button/index.d.ts +1 -0
  554. package/moderncssm/desktop/components/buttons/cross-button/index.js +1 -0
  555. package/moderncssm/desktop/components/center-modal/center-modal.d.ts +4 -0
  556. package/moderncssm/desktop/components/center-modal/center-modal.js +42 -0
  557. package/moderncssm/desktop/components/center-modal/index.d.ts +1 -0
  558. package/moderncssm/desktop/components/center-modal/index.js +1 -0
  559. package/moderncssm/desktop/components/center-modal/styles/center-modal.module.css +38 -0
  560. package/moderncssm/desktop/components/center-modal/styles/index.module.css +2110 -0
  561. package/moderncssm/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
  562. package/moderncssm/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
  563. package/moderncssm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  564. package/moderncssm/desktop/components/side-modal/get-default-transition-props.js +32 -0
  565. package/moderncssm/desktop/components/side-modal/index.d.ts +1 -0
  566. package/moderncssm/desktop/components/side-modal/index.js +1 -0
  567. package/moderncssm/desktop/components/side-modal/side-modal.d.ts +4 -0
  568. package/moderncssm/desktop/components/side-modal/side-modal.js +49 -0
  569. package/moderncssm/desktop/components/side-modal/styles/index.module.css +2117 -0
  570. package/moderncssm/desktop/components/side-modal/styles/side-modal.module.css +45 -0
  571. package/moderncssm/desktop/components/side-modal/styles/transitions/transitions.module.css +330 -0
  572. package/moderncssm/desktop/constants/index.d.ts +3 -0
  573. package/moderncssm/desktop/constants/index.js +4 -0
  574. package/moderncssm/desktop/hooks/useModalHeight.d.ts +4 -0
  575. package/moderncssm/desktop/hooks/useModalHeight.js +29 -0
  576. package/moderncssm/desktop/hooks/useModalWheel.d.ts +6 -0
  577. package/moderncssm/desktop/hooks/useModalWheel.js +15 -0
  578. package/moderncssm/desktop/hooks/useModalWidth.d.ts +4 -0
  579. package/moderncssm/desktop/hooks/useModalWidth.js +37 -0
  580. package/moderncssm/desktop/index.d.ts +10 -0
  581. package/moderncssm/desktop/index.js +19 -0
  582. package/moderncssm/desktop/styles/margins.module.css +1552 -0
  583. package/moderncssm/desktop/styles/transitions/full-size-backdrop-transitions.module.css +52 -0
  584. package/moderncssm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
  585. package/moderncssm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
  586. package/moderncssm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
  587. package/moderncssm/desktop/types/props.d.ts +45 -0
  588. package/moderncssm/desktop/types/props.js +1 -0
  589. package/moderncssm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  590. package/moderncssm/desktop/utils/get-full-size-modal-transitions.js +43 -0
  591. package/moderncssm/desktop/utils/get-margins.d.ts +7 -0
  592. package/moderncssm/desktop/utils/get-margins.js +17 -0
  593. package/moderncssm/desktop/vars.css +2 -0
  594. package/moderncssm/index.d.ts +8 -0
  595. package/moderncssm/index.js +20 -0
  596. package/moderncssm/mobile/Component.mobile.d.ts +9 -0
  597. package/moderncssm/mobile/Component.mobile.js +35 -0
  598. package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  599. package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.js +11 -0
  600. package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.module.css +11 -0
  601. package/moderncssm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  602. package/moderncssm/mobile/components/buttons/arrow-button/index.js +1 -0
  603. package/moderncssm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  604. package/moderncssm/mobile/components/buttons/cross-button/cross-button.js +11 -0
  605. package/moderncssm/mobile/components/buttons/cross-button/cross-button.module.css +11 -0
  606. package/moderncssm/mobile/components/buttons/cross-button/index.d.ts +1 -0
  607. package/moderncssm/mobile/components/buttons/cross-button/index.js +1 -0
  608. package/moderncssm/mobile/index.d.ts +10 -0
  609. package/moderncssm/mobile/index.js +19 -0
  610. package/moderncssm/mobile/mobile.module.css +21 -0
  611. package/moderncssm/mobile/transitions/right-side-transitions.mobile.module.css +23 -0
  612. package/moderncssm/mobile/transitions/transitions.mobile.module.css +24 -0
  613. package/moderncssm/mobile/types/props.d.ts +11 -0
  614. package/moderncssm/mobile/types/props.js +1 -0
  615. package/moderncssm/mobile/vars.css +2 -0
  616. package/moderncssm/shared/index.d.ts +2 -0
  617. package/moderncssm/shared/index.js +2 -0
  618. package/moderncssm/typings/index.d.ts +22 -0
  619. package/moderncssm/typings/index.js +1 -0
  620. package/moderncssm/typings/margin-type.d.ts +8 -0
  621. package/moderncssm/typings/margin-type.js +1 -0
  622. package/moderncssm/utils/getUniversalModalTestIds.d.ts +8 -0
  623. package/moderncssm/utils/getUniversalModalTestIds.js +13 -0
  624. package/moderncssm/vars.css +6 -0
  625. package/package.json +32 -0
  626. package/shared/index.d.ts +2 -0
  627. package/shared/index.js +11 -0
  628. package/shared/package.json +3 -0
  629. package/src/Component.responsive.tsx +32 -0
  630. package/src/Context.tsx +3 -0
  631. package/src/ResponsiveContext.ts +5 -0
  632. package/src/components/content/base-content/base-content.tsx +42 -0
  633. package/src/components/content/base-content/index.module.css +21 -0
  634. package/src/components/content/desktop/Component.desktop.tsx +15 -0
  635. package/src/components/content/index.ts +8 -0
  636. package/src/components/content/mobile/Component.mobile.tsx +12 -0
  637. package/src/components/content/mobile/mobile.module.css +13 -0
  638. package/src/components/content/responsive/Component.responsive.tsx +18 -0
  639. package/src/components/footer/base-footer/base-footer.tsx +71 -0
  640. package/src/components/footer/base-footer/index.module.css +20 -0
  641. package/src/components/footer/desktop/Component.desktop.tsx +39 -0
  642. package/src/components/footer/desktop/desktop.module.css +5 -0
  643. package/src/components/footer/desktop/layout.module.css +34 -0
  644. package/src/components/footer/index.ts +8 -0
  645. package/src/components/footer/mobile/Component.mobile.tsx +31 -0
  646. package/src/components/footer/mobile/layout.mobile.module.css +30 -0
  647. package/src/components/footer/mobile/mobile.module.css +9 -0
  648. package/src/components/footer/responsive/Component.responsive.tsx +18 -0
  649. package/src/components/header/base-header/index.module.css +64 -0
  650. package/src/components/header/desktop/Component.desktop.tsx +77 -0
  651. package/src/components/header/desktop/desktop.module.css +32 -0
  652. package/src/components/header/index.ts +8 -0
  653. package/src/components/header/mobile/Component.mobile.tsx +59 -0
  654. package/src/components/header/mobile/mobile.module.css +29 -0
  655. package/src/components/header/responsive/Component.responsive.tsx +18 -0
  656. package/src/desktop/Component.desktop.tsx +60 -0
  657. package/src/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +20 -0
  658. package/src/desktop/components/base-universal-modal-content/base-universal-modal-content.tsx +155 -0
  659. package/src/desktop/components/buttons/arrow-button/arrow-button.module.css +7 -0
  660. package/src/desktop/components/buttons/arrow-button/arrow-button.tsx +29 -0
  661. package/src/desktop/components/buttons/arrow-button/index.ts +1 -0
  662. package/src/desktop/components/buttons/cross-button/cross-button.module.css +6 -0
  663. package/src/desktop/components/buttons/cross-button/cross-button.tsx +24 -0
  664. package/src/desktop/components/buttons/cross-button/index.ts +1 -0
  665. package/src/desktop/components/center-modal/center-modal.tsx +84 -0
  666. package/src/desktop/components/center-modal/index.ts +1 -0
  667. package/src/desktop/components/center-modal/styles/center-modal.module.css +33 -0
  668. package/src/desktop/components/center-modal/styles/index.module.css +2 -0
  669. package/src/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
  670. package/src/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
  671. package/src/desktop/components/side-modal/get-default-transition-props.ts +41 -0
  672. package/src/desktop/components/side-modal/index.ts +1 -0
  673. package/src/desktop/components/side-modal/side-modal.tsx +95 -0
  674. package/src/desktop/components/side-modal/styles/index.module.css +2 -0
  675. package/src/desktop/components/side-modal/styles/side-modal.module.css +45 -0
  676. package/src/desktop/components/side-modal/styles/transitions/transitions.module.css +46 -0
  677. package/src/desktop/constants/index.ts +2 -0
  678. package/src/desktop/hooks/useModalHeight.tsx +42 -0
  679. package/src/desktop/hooks/useModalWheel.tsx +16 -0
  680. package/src/desktop/hooks/useModalWidth.tsx +52 -0
  681. package/src/desktop/index.ts +14 -0
  682. package/src/desktop/package.json +3 -0
  683. package/src/desktop/styles/margins.module.css +27 -0
  684. package/src/desktop/styles/transitions/full-size-backdrop-transitions.module.css +52 -0
  685. package/src/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
  686. package/src/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
  687. package/src/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
  688. package/src/desktop/types/props.ts +66 -0
  689. package/src/desktop/utils/get-full-size-modal-transitions.ts +64 -0
  690. package/src/desktop/utils/get-margins.ts +24 -0
  691. package/src/desktop/vars.css +6 -0
  692. package/src/index.ts +11 -0
  693. package/src/mobile/Component.mobile.tsx +44 -0
  694. package/src/mobile/components/buttons/arrow-button/arrow-button.module.css +11 -0
  695. package/src/mobile/components/buttons/arrow-button/arrow-button.tsx +24 -0
  696. package/src/mobile/components/buttons/arrow-button/index.ts +1 -0
  697. package/src/mobile/components/buttons/cross-button/cross-button.module.css +11 -0
  698. package/src/mobile/components/buttons/cross-button/cross-button.tsx +24 -0
  699. package/src/mobile/components/buttons/cross-button/index.ts +1 -0
  700. package/src/mobile/index.ts +14 -0
  701. package/src/mobile/mobile.module.css +21 -0
  702. package/src/mobile/package.json +3 -0
  703. package/src/mobile/transitions/right-side-transitions.mobile.module.css +23 -0
  704. package/src/mobile/transitions/transitions.mobile.module.css +24 -0
  705. package/src/mobile/types/props.ts +23 -0
  706. package/src/mobile/vars.css +8 -0
  707. package/src/shared/index.ts +2 -0
  708. package/src/shared/package.json +3 -0
  709. package/src/typings/index.ts +25 -0
  710. package/src/typings/margin-type.ts +8 -0
  711. package/src/utils/getUniversalModalTestIds.ts +11 -0
  712. package/src/vars.css +12 -0
  713. package/typings/index.d.ts +22 -0
  714. package/typings/index.js +2 -0
  715. package/typings/margin-type.d.ts +8 -0
  716. package/typings/margin-type.js +2 -0
  717. package/utils/getUniversalModalTestIds.d.ts +8 -0
  718. package/utils/getUniversalModalTestIds.js +17 -0
@@ -0,0 +1,114 @@
1
+ import React, { useContext, useRef, useEffect } from 'react';
2
+ import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
3
+ import { ResponsiveContext } from '../../../ResponsiveContext.js';
4
+ import { SCROLLBAR_DEFAULT_GAP } from '../../constants/index.js';
5
+
6
+ var styles = {"scrollbarWrapper":"universal-modal__scrollbarWrapper_1kv1e","verticalBarContainer":"universal-modal__verticalBarContainer_1kv1e","scrollContentWrapper":"universal-modal__scrollContentWrapper_1kv1e","scrollbarContainer":"universal-modal__scrollbarContainer_1kv1e"};
7
+ require('./base-universal-modal-content.css')
8
+
9
+ var BaseUniversalModalContent = function (props) {
10
+ var children = props.children, wheelDeltaY = props.wheelDeltaY;
11
+ var _a = useContext(ResponsiveContext) || {}, setModalHeaderHighlighted = _a.setModalHeaderHighlighted, setModalFooterHighlighted = _a.setModalFooterHighlighted;
12
+ var scrollableNodeRef = useRef(null);
13
+ var scrollbarContentNodeRef = useRef(null);
14
+ var scrollbarRef = useRef(null);
15
+ var headerElementRef = useRef(null);
16
+ var footerElementRef = useRef(null);
17
+ // расчет overlap состояния
18
+ var handleScroll = function (e) {
19
+ var target = e.target;
20
+ var scrollTop = target.scrollTop, scrollHeight = target.scrollHeight, clientHeight = target.clientHeight;
21
+ var isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
22
+ if (setModalHeaderHighlighted) {
23
+ setModalHeaderHighlighted(scrollTop > 0);
24
+ }
25
+ if (setModalFooterHighlighted) {
26
+ setModalFooterHighlighted(!isElementFullScrolled);
27
+ }
28
+ };
29
+ useEffect(function () {
30
+ if (scrollableNodeRef.current) {
31
+ scrollableNodeRef.current.scrollBy({
32
+ top: wheelDeltaY,
33
+ });
34
+ }
35
+ }, [wheelDeltaY]);
36
+ // получаем ссылки на элементы хэдера и футера при первом рендере
37
+ useEffect(function () {
38
+ if (scrollbarContentNodeRef.current) {
39
+ headerElementRef.current =
40
+ scrollbarContentNodeRef.current.querySelector('div[data-name="modalHeaderDesktop"]');
41
+ footerElementRef.current =
42
+ scrollbarContentNodeRef.current.querySelector('div[data-name="modalFooterDesktop"]');
43
+ }
44
+ }, []);
45
+ // очищаем overlap значения в контексте
46
+ useEffect(function () { return function () {
47
+ if (setModalHeaderHighlighted) {
48
+ setModalHeaderHighlighted(false);
49
+ }
50
+ if (setModalFooterHighlighted) {
51
+ setModalFooterHighlighted(false);
52
+ }
53
+ }; }, [setModalHeaderHighlighted, setModalFooterHighlighted]);
54
+ // расчет размера полосы прокрутки
55
+ useEffect(function () {
56
+ var _a, _b;
57
+ if (scrollbarRef.current) {
58
+ var verticalBar = scrollbarRef.current.querySelector(".".concat(styles.verticalBarContainer));
59
+ if (verticalBar) {
60
+ var headerHeight = ((_a = headerElementRef === null || headerElementRef === void 0 ? void 0 : headerElementRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
61
+ var footerHeight = ((_b = footerElementRef === null || footerElementRef === void 0 ? void 0 : footerElementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
62
+ var topGap = void 0;
63
+ var topOffset = void 0;
64
+ var bottomGap = void 0;
65
+ if (headerHeight) {
66
+ // если есть header уменьшаем размер скролла на величину хедера и добавляем отступ сверху
67
+ topGap = headerHeight;
68
+ topOffset = headerHeight;
69
+ }
70
+ else {
71
+ // иначе уменьшаем размер скролла и увеличиваем отступ на величину скругления
72
+ topGap = SCROLLBAR_DEFAULT_GAP;
73
+ topOffset = SCROLLBAR_DEFAULT_GAP;
74
+ }
75
+ if (footerHeight) {
76
+ // если есть footer уменьшаем размер скролла на величину футера
77
+ bottomGap = footerHeight;
78
+ }
79
+ else {
80
+ // иначе уменьшаем размер на величину скругления
81
+ bottomGap = SCROLLBAR_DEFAULT_GAP;
82
+ }
83
+ verticalBar.style.height = "calc(100% - ".concat(topGap, "px - ").concat(bottomGap, "px)");
84
+ verticalBar.style.top = "".concat(topOffset, "px");
85
+ }
86
+ }
87
+ });
88
+ // расчет overlap футера при resize событии
89
+ useEffect(function () {
90
+ var resizeObserver = new ResizeObserver(function () {
91
+ var _a, _b;
92
+ var contentHeight = ((_a = scrollbarContentNodeRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
93
+ var wrapperHeight = ((_b = scrollableNodeRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0;
94
+ if (setModalFooterHighlighted) {
95
+ setModalFooterHighlighted(contentHeight > wrapperHeight);
96
+ }
97
+ });
98
+ if (scrollbarContentNodeRef.current) {
99
+ resizeObserver.observe(scrollbarContentNodeRef.current);
100
+ }
101
+ return function () {
102
+ resizeObserver.disconnect();
103
+ };
104
+ }, [setModalFooterHighlighted]);
105
+ return (React.createElement(Scrollbar, { className: styles.scrollbarWrapper, verticalBarClassName: styles.verticalBarContainer, ref: scrollbarRef, scrollableNodeProps: {
106
+ ref: scrollableNodeRef,
107
+ className: styles.scrollContentWrapper,
108
+ }, contentNodeProps: {
109
+ ref: scrollbarContentNodeRef,
110
+ className: styles.scrollbarContainer,
111
+ }, onContentScroll: handleScroll }, children));
112
+ };
113
+
114
+ export { BaseUniversalModalContent };
@@ -0,0 +1,32 @@
1
+ /* hash: b4lkp */
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 */
4
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
+ } :root {
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
17
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */
18
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
19
+
20
+ /* новые значения, используйте их */
21
+
22
+ /* no-unit может приводить к проблемам в calc (#1559) */
23
+ /* stylelint-disable-next-line length-zero-no-unit */
24
+ --gap-12: var(--gap-s);
25
+ } :root {
26
+ } :root {
27
+ } /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_d1k7s.universal-modal__button_d1k7s {
28
+ padding: 0 var(--gap-12);
29
+ background-color: var(--color-light-bg-primary-alpha-40);
30
+ -webkit-backdrop-filter: blur(10px);
31
+ backdrop-filter: blur(10px);
32
+ }
@@ -0,0 +1,6 @@
1
+ import { FC, MouseEvent } from 'react';
2
+ type ArrowButtonDesktopProps = {
3
+ onClick?: (e: MouseEvent) => void;
4
+ };
5
+ declare const ArrowButtonDesktop: FC<ArrowButtonDesktopProps>;
6
+ export { ArrowButtonDesktop };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
3
+ import { Typography } from '@alfalab/core-components-typography/esm';
4
+ import { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
5
+
6
+ var styles = {"button":"universal-modal__button_d1k7s"};
7
+ require('./arrow-button.css')
8
+
9
+ var ArrowButtonDesktop = function (props) {
10
+ var onClick = props.onClick;
11
+ return (React.createElement(ButtonDesktop, { shape: 'rounded', size: 48, leftAddons: React.createElement(ArrowLeftMediumMIcon, null), className: styles.button, onClick: onClick },
12
+ React.createElement(Typography.Text, { view: 'primary-large', weight: 'medium' }, "\u041D\u0430\u0437\u0430\u0434")));
13
+ };
14
+
15
+ export { ArrowButtonDesktop };
@@ -0,0 +1 @@
1
+ export { ArrowButtonDesktop } from "./arrow-button";
@@ -0,0 +1 @@
1
+ export { ArrowButtonDesktop } from './arrow-button.js';
@@ -0,0 +1,29 @@
1
+ /* hash: unu0t */
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 */
4
+ --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
7
+ } :root {
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+
16
+ /* новые значения, используйте их */
17
+ } :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 */
18
+
19
+ /* новые значения, используйте их */
20
+
21
+ /* no-unit может приводить к проблемам в calc (#1559) */
22
+ /* stylelint-disable-next-line length-zero-no-unit */
23
+ } :root {
24
+ } :root {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .universal-modal__button_1moae.universal-modal__button_1moae {
26
+ background-color: var(--color-light-bg-primary-alpha-40);
27
+ -webkit-backdrop-filter: blur(10px);
28
+ backdrop-filter: blur(10px);
29
+ }
@@ -0,0 +1,6 @@
1
+ import { FC } from 'react';
2
+ type CrossButtonProps = {
3
+ onClick?: () => void;
4
+ };
5
+ declare const CrossButtonDesktop: FC<CrossButtonProps>;
6
+ export { CrossButtonDesktop };
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
3
+ import { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';
4
+
5
+ var styles = {"button":"universal-modal__button_1moae"};
6
+ require('./cross-button.css')
7
+
8
+ var CrossButtonDesktop = function (props) {
9
+ var onClick = props.onClick;
10
+ return (React.createElement(ButtonDesktop, { leftAddons: React.createElement(CrossMediumMIcon, null), size: 48, shape: 'rounded', className: styles.button, onClick: onClick }));
11
+ };
12
+
13
+ export { CrossButtonDesktop };
@@ -0,0 +1 @@
1
+ export { CrossButtonDesktop } from "./cross-button";
@@ -0,0 +1 @@
1
+ export { CrossButtonDesktop } from './cross-button.js';
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
4
+ export { CenterModal };
@@ -0,0 +1,37 @@
1
+ import { __rest, __assign } from 'tslib';
2
+ import React, { forwardRef, useRef } from 'react';
3
+ import cn from 'classnames';
4
+ import { BaseModal } from '@alfalab/core-components-base-modal/esm';
5
+ import { os, browser } from '@alfalab/core-components-shared/esm';
6
+ import { useModalHeight } from '../../hooks/useModalHeight.js';
7
+ import { useModalWheel } from '../../hooks/useModalWheel.js';
8
+ import { useModalWidth } from '../../hooks/useModalWidth.js';
9
+ import { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions.js';
10
+ import { getMargins } from '../../utils/get-margins.js';
11
+ import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
12
+
13
+ var styles = {"component":"universal-modal__component_1970l","overlayHidden":"universal-modal__overlayHidden_1970l","container":"universal-modal__container_1970l","verticalTop":"universal-modal__verticalTop_1970l","verticalBottom":"universal-modal__verticalBottom_1970l","marginTop-0":"universal-modal__marginTop-0_1970l","marginTop-1":"universal-modal__marginTop-1_1970l","marginTop-2":"universal-modal__marginTop-2_1970l","marginTop-3":"universal-modal__marginTop-3_1970l","marginTop-4":"universal-modal__marginTop-4_1970l","marginTop-5":"universal-modal__marginTop-5_1970l","marginTop-6":"universal-modal__marginTop-6_1970l","marginTop-7":"universal-modal__marginTop-7_1970l","marginTop-8":"universal-modal__marginTop-8_1970l","marginTop-9":"universal-modal__marginTop-9_1970l","marginTop-10":"universal-modal__marginTop-10_1970l","marginTop-11":"universal-modal__marginTop-11_1970l","marginTop-12":"universal-modal__marginTop-12_1970l","marginTop-13":"universal-modal__marginTop-13_1970l","marginTop-14":"universal-modal__marginTop-14_1970l","marginTop-15":"universal-modal__marginTop-15_1970l","marginTop-16":"universal-modal__marginTop-16_1970l","marginTop-17":"universal-modal__marginTop-17_1970l","marginTop-18":"universal-modal__marginTop-18_1970l","marginTop-19":"universal-modal__marginTop-19_1970l","marginTop-20":"universal-modal__marginTop-20_1970l","marginTop-21":"universal-modal__marginTop-21_1970l","marginTop-22":"universal-modal__marginTop-22_1970l","marginTop-23":"universal-modal__marginTop-23_1970l","marginTop-24":"universal-modal__marginTop-24_1970l","marginTop-25":"universal-modal__marginTop-25_1970l","marginTop-26":"universal-modal__marginTop-26_1970l","marginTop-27":"universal-modal__marginTop-27_1970l","marginTop-28":"universal-modal__marginTop-28_1970l","marginTop-29":"universal-modal__marginTop-29_1970l","marginTop-30":"universal-modal__marginTop-30_1970l","marginTop-31":"universal-modal__marginTop-31_1970l","marginTop-32":"universal-modal__marginTop-32_1970l","marginTop-33":"universal-modal__marginTop-33_1970l","marginTop-34":"universal-modal__marginTop-34_1970l","marginTop-35":"universal-modal__marginTop-35_1970l","marginTop-36":"universal-modal__marginTop-36_1970l","marginTop-37":"universal-modal__marginTop-37_1970l","marginTop-38":"universal-modal__marginTop-38_1970l","marginTop-39":"universal-modal__marginTop-39_1970l","marginTop-40":"universal-modal__marginTop-40_1970l","marginTop-41":"universal-modal__marginTop-41_1970l","marginTop-42":"universal-modal__marginTop-42_1970l","marginTop-43":"universal-modal__marginTop-43_1970l","marginTop-44":"universal-modal__marginTop-44_1970l","marginTop-45":"universal-modal__marginTop-45_1970l","marginTop-46":"universal-modal__marginTop-46_1970l","marginTop-47":"universal-modal__marginTop-47_1970l","marginTop-48":"universal-modal__marginTop-48_1970l","marginTop-49":"universal-modal__marginTop-49_1970l","marginTop-50":"universal-modal__marginTop-50_1970l","marginTop-51":"universal-modal__marginTop-51_1970l","marginTop-52":"universal-modal__marginTop-52_1970l","marginTop-53":"universal-modal__marginTop-53_1970l","marginTop-54":"universal-modal__marginTop-54_1970l","marginTop-55":"universal-modal__marginTop-55_1970l","marginTop-56":"universal-modal__marginTop-56_1970l","marginTop-57":"universal-modal__marginTop-57_1970l","marginTop-58":"universal-modal__marginTop-58_1970l","marginTop-59":"universal-modal__marginTop-59_1970l","marginTop-60":"universal-modal__marginTop-60_1970l","marginTop-61":"universal-modal__marginTop-61_1970l","marginTop-62":"universal-modal__marginTop-62_1970l","marginTop-63":"universal-modal__marginTop-63_1970l","marginTop-64":"universal-modal__marginTop-64_1970l","marginTop-65":"universal-modal__marginTop-65_1970l","marginTop-66":"universal-modal__marginTop-66_1970l","marginTop-67":"universal-modal__marginTop-67_1970l","marginTop-68":"universal-modal__marginTop-68_1970l","marginTop-69":"universal-modal__marginTop-69_1970l","marginTop-70":"universal-modal__marginTop-70_1970l","marginTop-71":"universal-modal__marginTop-71_1970l","marginTop-72":"universal-modal__marginTop-72_1970l","marginTop-73":"universal-modal__marginTop-73_1970l","marginTop-74":"universal-modal__marginTop-74_1970l","marginTop-75":"universal-modal__marginTop-75_1970l","marginTop-76":"universal-modal__marginTop-76_1970l","marginTop-77":"universal-modal__marginTop-77_1970l","marginTop-78":"universal-modal__marginTop-78_1970l","marginTop-79":"universal-modal__marginTop-79_1970l","marginTop-80":"universal-modal__marginTop-80_1970l","marginTop-81":"universal-modal__marginTop-81_1970l","marginTop-82":"universal-modal__marginTop-82_1970l","marginTop-83":"universal-modal__marginTop-83_1970l","marginTop-84":"universal-modal__marginTop-84_1970l","marginTop-85":"universal-modal__marginTop-85_1970l","marginTop-86":"universal-modal__marginTop-86_1970l","marginTop-87":"universal-modal__marginTop-87_1970l","marginTop-88":"universal-modal__marginTop-88_1970l","marginTop-89":"universal-modal__marginTop-89_1970l","marginTop-90":"universal-modal__marginTop-90_1970l","marginTop-91":"universal-modal__marginTop-91_1970l","marginTop-92":"universal-modal__marginTop-92_1970l","marginTop-93":"universal-modal__marginTop-93_1970l","marginTop-94":"universal-modal__marginTop-94_1970l","marginTop-95":"universal-modal__marginTop-95_1970l","marginTop-96":"universal-modal__marginTop-96_1970l","marginTop-97":"universal-modal__marginTop-97_1970l","marginTop-98":"universal-modal__marginTop-98_1970l","marginTop-99":"universal-modal__marginTop-99_1970l","marginTop-100":"universal-modal__marginTop-100_1970l","marginTop-101":"universal-modal__marginTop-101_1970l","marginTop-102":"universal-modal__marginTop-102_1970l","marginTop-103":"universal-modal__marginTop-103_1970l","marginTop-104":"universal-modal__marginTop-104_1970l","marginTop-105":"universal-modal__marginTop-105_1970l","marginTop-106":"universal-modal__marginTop-106_1970l","marginTop-107":"universal-modal__marginTop-107_1970l","marginTop-108":"universal-modal__marginTop-108_1970l","marginTop-109":"universal-modal__marginTop-109_1970l","marginTop-110":"universal-modal__marginTop-110_1970l","marginTop-111":"universal-modal__marginTop-111_1970l","marginTop-112":"universal-modal__marginTop-112_1970l","marginTop-113":"universal-modal__marginTop-113_1970l","marginTop-114":"universal-modal__marginTop-114_1970l","marginTop-115":"universal-modal__marginTop-115_1970l","marginTop-116":"universal-modal__marginTop-116_1970l","marginTop-117":"universal-modal__marginTop-117_1970l","marginTop-118":"universal-modal__marginTop-118_1970l","marginTop-119":"universal-modal__marginTop-119_1970l","marginTop-120":"universal-modal__marginTop-120_1970l","marginTop-121":"universal-modal__marginTop-121_1970l","marginTop-122":"universal-modal__marginTop-122_1970l","marginTop-123":"universal-modal__marginTop-123_1970l","marginTop-124":"universal-modal__marginTop-124_1970l","marginTop-125":"universal-modal__marginTop-125_1970l","marginTop-126":"universal-modal__marginTop-126_1970l","marginTop-127":"universal-modal__marginTop-127_1970l","marginTop-128":"universal-modal__marginTop-128_1970l","marginRight-0":"universal-modal__marginRight-0_1970l","marginRight-1":"universal-modal__marginRight-1_1970l","marginRight-2":"universal-modal__marginRight-2_1970l","marginRight-3":"universal-modal__marginRight-3_1970l","marginRight-4":"universal-modal__marginRight-4_1970l","marginRight-5":"universal-modal__marginRight-5_1970l","marginRight-6":"universal-modal__marginRight-6_1970l","marginRight-7":"universal-modal__marginRight-7_1970l","marginRight-8":"universal-modal__marginRight-8_1970l","marginRight-9":"universal-modal__marginRight-9_1970l","marginRight-10":"universal-modal__marginRight-10_1970l","marginRight-11":"universal-modal__marginRight-11_1970l","marginRight-12":"universal-modal__marginRight-12_1970l","marginRight-13":"universal-modal__marginRight-13_1970l","marginRight-14":"universal-modal__marginRight-14_1970l","marginRight-15":"universal-modal__marginRight-15_1970l","marginRight-16":"universal-modal__marginRight-16_1970l","marginRight-17":"universal-modal__marginRight-17_1970l","marginRight-18":"universal-modal__marginRight-18_1970l","marginRight-19":"universal-modal__marginRight-19_1970l","marginRight-20":"universal-modal__marginRight-20_1970l","marginRight-21":"universal-modal__marginRight-21_1970l","marginRight-22":"universal-modal__marginRight-22_1970l","marginRight-23":"universal-modal__marginRight-23_1970l","marginRight-24":"universal-modal__marginRight-24_1970l","marginRight-25":"universal-modal__marginRight-25_1970l","marginRight-26":"universal-modal__marginRight-26_1970l","marginRight-27":"universal-modal__marginRight-27_1970l","marginRight-28":"universal-modal__marginRight-28_1970l","marginRight-29":"universal-modal__marginRight-29_1970l","marginRight-30":"universal-modal__marginRight-30_1970l","marginRight-31":"universal-modal__marginRight-31_1970l","marginRight-32":"universal-modal__marginRight-32_1970l","marginRight-33":"universal-modal__marginRight-33_1970l","marginRight-34":"universal-modal__marginRight-34_1970l","marginRight-35":"universal-modal__marginRight-35_1970l","marginRight-36":"universal-modal__marginRight-36_1970l","marginRight-37":"universal-modal__marginRight-37_1970l","marginRight-38":"universal-modal__marginRight-38_1970l","marginRight-39":"universal-modal__marginRight-39_1970l","marginRight-40":"universal-modal__marginRight-40_1970l","marginRight-41":"universal-modal__marginRight-41_1970l","marginRight-42":"universal-modal__marginRight-42_1970l","marginRight-43":"universal-modal__marginRight-43_1970l","marginRight-44":"universal-modal__marginRight-44_1970l","marginRight-45":"universal-modal__marginRight-45_1970l","marginRight-46":"universal-modal__marginRight-46_1970l","marginRight-47":"universal-modal__marginRight-47_1970l","marginRight-48":"universal-modal__marginRight-48_1970l","marginRight-49":"universal-modal__marginRight-49_1970l","marginRight-50":"universal-modal__marginRight-50_1970l","marginRight-51":"universal-modal__marginRight-51_1970l","marginRight-52":"universal-modal__marginRight-52_1970l","marginRight-53":"universal-modal__marginRight-53_1970l","marginRight-54":"universal-modal__marginRight-54_1970l","marginRight-55":"universal-modal__marginRight-55_1970l","marginRight-56":"universal-modal__marginRight-56_1970l","marginRight-57":"universal-modal__marginRight-57_1970l","marginRight-58":"universal-modal__marginRight-58_1970l","marginRight-59":"universal-modal__marginRight-59_1970l","marginRight-60":"universal-modal__marginRight-60_1970l","marginRight-61":"universal-modal__marginRight-61_1970l","marginRight-62":"universal-modal__marginRight-62_1970l","marginRight-63":"universal-modal__marginRight-63_1970l","marginRight-64":"universal-modal__marginRight-64_1970l","marginRight-65":"universal-modal__marginRight-65_1970l","marginRight-66":"universal-modal__marginRight-66_1970l","marginRight-67":"universal-modal__marginRight-67_1970l","marginRight-68":"universal-modal__marginRight-68_1970l","marginRight-69":"universal-modal__marginRight-69_1970l","marginRight-70":"universal-modal__marginRight-70_1970l","marginRight-71":"universal-modal__marginRight-71_1970l","marginRight-72":"universal-modal__marginRight-72_1970l","marginRight-73":"universal-modal__marginRight-73_1970l","marginRight-74":"universal-modal__marginRight-74_1970l","marginRight-75":"universal-modal__marginRight-75_1970l","marginRight-76":"universal-modal__marginRight-76_1970l","marginRight-77":"universal-modal__marginRight-77_1970l","marginRight-78":"universal-modal__marginRight-78_1970l","marginRight-79":"universal-modal__marginRight-79_1970l","marginRight-80":"universal-modal__marginRight-80_1970l","marginRight-81":"universal-modal__marginRight-81_1970l","marginRight-82":"universal-modal__marginRight-82_1970l","marginRight-83":"universal-modal__marginRight-83_1970l","marginRight-84":"universal-modal__marginRight-84_1970l","marginRight-85":"universal-modal__marginRight-85_1970l","marginRight-86":"universal-modal__marginRight-86_1970l","marginRight-87":"universal-modal__marginRight-87_1970l","marginRight-88":"universal-modal__marginRight-88_1970l","marginRight-89":"universal-modal__marginRight-89_1970l","marginRight-90":"universal-modal__marginRight-90_1970l","marginRight-91":"universal-modal__marginRight-91_1970l","marginRight-92":"universal-modal__marginRight-92_1970l","marginRight-93":"universal-modal__marginRight-93_1970l","marginRight-94":"universal-modal__marginRight-94_1970l","marginRight-95":"universal-modal__marginRight-95_1970l","marginRight-96":"universal-modal__marginRight-96_1970l","marginRight-97":"universal-modal__marginRight-97_1970l","marginRight-98":"universal-modal__marginRight-98_1970l","marginRight-99":"universal-modal__marginRight-99_1970l","marginRight-100":"universal-modal__marginRight-100_1970l","marginRight-101":"universal-modal__marginRight-101_1970l","marginRight-102":"universal-modal__marginRight-102_1970l","marginRight-103":"universal-modal__marginRight-103_1970l","marginRight-104":"universal-modal__marginRight-104_1970l","marginRight-105":"universal-modal__marginRight-105_1970l","marginRight-106":"universal-modal__marginRight-106_1970l","marginRight-107":"universal-modal__marginRight-107_1970l","marginRight-108":"universal-modal__marginRight-108_1970l","marginRight-109":"universal-modal__marginRight-109_1970l","marginRight-110":"universal-modal__marginRight-110_1970l","marginRight-111":"universal-modal__marginRight-111_1970l","marginRight-112":"universal-modal__marginRight-112_1970l","marginRight-113":"universal-modal__marginRight-113_1970l","marginRight-114":"universal-modal__marginRight-114_1970l","marginRight-115":"universal-modal__marginRight-115_1970l","marginRight-116":"universal-modal__marginRight-116_1970l","marginRight-117":"universal-modal__marginRight-117_1970l","marginRight-118":"universal-modal__marginRight-118_1970l","marginRight-119":"universal-modal__marginRight-119_1970l","marginRight-120":"universal-modal__marginRight-120_1970l","marginRight-121":"universal-modal__marginRight-121_1970l","marginRight-122":"universal-modal__marginRight-122_1970l","marginRight-123":"universal-modal__marginRight-123_1970l","marginRight-124":"universal-modal__marginRight-124_1970l","marginRight-125":"universal-modal__marginRight-125_1970l","marginRight-126":"universal-modal__marginRight-126_1970l","marginRight-127":"universal-modal__marginRight-127_1970l","marginRight-128":"universal-modal__marginRight-128_1970l","marginBottom-0":"universal-modal__marginBottom-0_1970l","marginBottom-1":"universal-modal__marginBottom-1_1970l","marginBottom-2":"universal-modal__marginBottom-2_1970l","marginBottom-3":"universal-modal__marginBottom-3_1970l","marginBottom-4":"universal-modal__marginBottom-4_1970l","marginBottom-5":"universal-modal__marginBottom-5_1970l","marginBottom-6":"universal-modal__marginBottom-6_1970l","marginBottom-7":"universal-modal__marginBottom-7_1970l","marginBottom-8":"universal-modal__marginBottom-8_1970l","marginBottom-9":"universal-modal__marginBottom-9_1970l","marginBottom-10":"universal-modal__marginBottom-10_1970l","marginBottom-11":"universal-modal__marginBottom-11_1970l","marginBottom-12":"universal-modal__marginBottom-12_1970l","marginBottom-13":"universal-modal__marginBottom-13_1970l","marginBottom-14":"universal-modal__marginBottom-14_1970l","marginBottom-15":"universal-modal__marginBottom-15_1970l","marginBottom-16":"universal-modal__marginBottom-16_1970l","marginBottom-17":"universal-modal__marginBottom-17_1970l","marginBottom-18":"universal-modal__marginBottom-18_1970l","marginBottom-19":"universal-modal__marginBottom-19_1970l","marginBottom-20":"universal-modal__marginBottom-20_1970l","marginBottom-21":"universal-modal__marginBottom-21_1970l","marginBottom-22":"universal-modal__marginBottom-22_1970l","marginBottom-23":"universal-modal__marginBottom-23_1970l","marginBottom-24":"universal-modal__marginBottom-24_1970l","marginBottom-25":"universal-modal__marginBottom-25_1970l","marginBottom-26":"universal-modal__marginBottom-26_1970l","marginBottom-27":"universal-modal__marginBottom-27_1970l","marginBottom-28":"universal-modal__marginBottom-28_1970l","marginBottom-29":"universal-modal__marginBottom-29_1970l","marginBottom-30":"universal-modal__marginBottom-30_1970l","marginBottom-31":"universal-modal__marginBottom-31_1970l","marginBottom-32":"universal-modal__marginBottom-32_1970l","marginBottom-33":"universal-modal__marginBottom-33_1970l","marginBottom-34":"universal-modal__marginBottom-34_1970l","marginBottom-35":"universal-modal__marginBottom-35_1970l","marginBottom-36":"universal-modal__marginBottom-36_1970l","marginBottom-37":"universal-modal__marginBottom-37_1970l","marginBottom-38":"universal-modal__marginBottom-38_1970l","marginBottom-39":"universal-modal__marginBottom-39_1970l","marginBottom-40":"universal-modal__marginBottom-40_1970l","marginBottom-41":"universal-modal__marginBottom-41_1970l","marginBottom-42":"universal-modal__marginBottom-42_1970l","marginBottom-43":"universal-modal__marginBottom-43_1970l","marginBottom-44":"universal-modal__marginBottom-44_1970l","marginBottom-45":"universal-modal__marginBottom-45_1970l","marginBottom-46":"universal-modal__marginBottom-46_1970l","marginBottom-47":"universal-modal__marginBottom-47_1970l","marginBottom-48":"universal-modal__marginBottom-48_1970l","marginBottom-49":"universal-modal__marginBottom-49_1970l","marginBottom-50":"universal-modal__marginBottom-50_1970l","marginBottom-51":"universal-modal__marginBottom-51_1970l","marginBottom-52":"universal-modal__marginBottom-52_1970l","marginBottom-53":"universal-modal__marginBottom-53_1970l","marginBottom-54":"universal-modal__marginBottom-54_1970l","marginBottom-55":"universal-modal__marginBottom-55_1970l","marginBottom-56":"universal-modal__marginBottom-56_1970l","marginBottom-57":"universal-modal__marginBottom-57_1970l","marginBottom-58":"universal-modal__marginBottom-58_1970l","marginBottom-59":"universal-modal__marginBottom-59_1970l","marginBottom-60":"universal-modal__marginBottom-60_1970l","marginBottom-61":"universal-modal__marginBottom-61_1970l","marginBottom-62":"universal-modal__marginBottom-62_1970l","marginBottom-63":"universal-modal__marginBottom-63_1970l","marginBottom-64":"universal-modal__marginBottom-64_1970l","marginBottom-65":"universal-modal__marginBottom-65_1970l","marginBottom-66":"universal-modal__marginBottom-66_1970l","marginBottom-67":"universal-modal__marginBottom-67_1970l","marginBottom-68":"universal-modal__marginBottom-68_1970l","marginBottom-69":"universal-modal__marginBottom-69_1970l","marginBottom-70":"universal-modal__marginBottom-70_1970l","marginBottom-71":"universal-modal__marginBottom-71_1970l","marginBottom-72":"universal-modal__marginBottom-72_1970l","marginBottom-73":"universal-modal__marginBottom-73_1970l","marginBottom-74":"universal-modal__marginBottom-74_1970l","marginBottom-75":"universal-modal__marginBottom-75_1970l","marginBottom-76":"universal-modal__marginBottom-76_1970l","marginBottom-77":"universal-modal__marginBottom-77_1970l","marginBottom-78":"universal-modal__marginBottom-78_1970l","marginBottom-79":"universal-modal__marginBottom-79_1970l","marginBottom-80":"universal-modal__marginBottom-80_1970l","marginBottom-81":"universal-modal__marginBottom-81_1970l","marginBottom-82":"universal-modal__marginBottom-82_1970l","marginBottom-83":"universal-modal__marginBottom-83_1970l","marginBottom-84":"universal-modal__marginBottom-84_1970l","marginBottom-85":"universal-modal__marginBottom-85_1970l","marginBottom-86":"universal-modal__marginBottom-86_1970l","marginBottom-87":"universal-modal__marginBottom-87_1970l","marginBottom-88":"universal-modal__marginBottom-88_1970l","marginBottom-89":"universal-modal__marginBottom-89_1970l","marginBottom-90":"universal-modal__marginBottom-90_1970l","marginBottom-91":"universal-modal__marginBottom-91_1970l","marginBottom-92":"universal-modal__marginBottom-92_1970l","marginBottom-93":"universal-modal__marginBottom-93_1970l","marginBottom-94":"universal-modal__marginBottom-94_1970l","marginBottom-95":"universal-modal__marginBottom-95_1970l","marginBottom-96":"universal-modal__marginBottom-96_1970l","marginBottom-97":"universal-modal__marginBottom-97_1970l","marginBottom-98":"universal-modal__marginBottom-98_1970l","marginBottom-99":"universal-modal__marginBottom-99_1970l","marginBottom-100":"universal-modal__marginBottom-100_1970l","marginBottom-101":"universal-modal__marginBottom-101_1970l","marginBottom-102":"universal-modal__marginBottom-102_1970l","marginBottom-103":"universal-modal__marginBottom-103_1970l","marginBottom-104":"universal-modal__marginBottom-104_1970l","marginBottom-105":"universal-modal__marginBottom-105_1970l","marginBottom-106":"universal-modal__marginBottom-106_1970l","marginBottom-107":"universal-modal__marginBottom-107_1970l","marginBottom-108":"universal-modal__marginBottom-108_1970l","marginBottom-109":"universal-modal__marginBottom-109_1970l","marginBottom-110":"universal-modal__marginBottom-110_1970l","marginBottom-111":"universal-modal__marginBottom-111_1970l","marginBottom-112":"universal-modal__marginBottom-112_1970l","marginBottom-113":"universal-modal__marginBottom-113_1970l","marginBottom-114":"universal-modal__marginBottom-114_1970l","marginBottom-115":"universal-modal__marginBottom-115_1970l","marginBottom-116":"universal-modal__marginBottom-116_1970l","marginBottom-117":"universal-modal__marginBottom-117_1970l","marginBottom-118":"universal-modal__marginBottom-118_1970l","marginBottom-119":"universal-modal__marginBottom-119_1970l","marginBottom-120":"universal-modal__marginBottom-120_1970l","marginBottom-121":"universal-modal__marginBottom-121_1970l","marginBottom-122":"universal-modal__marginBottom-122_1970l","marginBottom-123":"universal-modal__marginBottom-123_1970l","marginBottom-124":"universal-modal__marginBottom-124_1970l","marginBottom-125":"universal-modal__marginBottom-125_1970l","marginBottom-126":"universal-modal__marginBottom-126_1970l","marginBottom-127":"universal-modal__marginBottom-127_1970l","marginBottom-128":"universal-modal__marginBottom-128_1970l","marginLeft-0":"universal-modal__marginLeft-0_1970l","marginLeft-1":"universal-modal__marginLeft-1_1970l","marginLeft-2":"universal-modal__marginLeft-2_1970l","marginLeft-3":"universal-modal__marginLeft-3_1970l","marginLeft-4":"universal-modal__marginLeft-4_1970l","marginLeft-5":"universal-modal__marginLeft-5_1970l","marginLeft-6":"universal-modal__marginLeft-6_1970l","marginLeft-7":"universal-modal__marginLeft-7_1970l","marginLeft-8":"universal-modal__marginLeft-8_1970l","marginLeft-9":"universal-modal__marginLeft-9_1970l","marginLeft-10":"universal-modal__marginLeft-10_1970l","marginLeft-11":"universal-modal__marginLeft-11_1970l","marginLeft-12":"universal-modal__marginLeft-12_1970l","marginLeft-13":"universal-modal__marginLeft-13_1970l","marginLeft-14":"universal-modal__marginLeft-14_1970l","marginLeft-15":"universal-modal__marginLeft-15_1970l","marginLeft-16":"universal-modal__marginLeft-16_1970l","marginLeft-17":"universal-modal__marginLeft-17_1970l","marginLeft-18":"universal-modal__marginLeft-18_1970l","marginLeft-19":"universal-modal__marginLeft-19_1970l","marginLeft-20":"universal-modal__marginLeft-20_1970l","marginLeft-21":"universal-modal__marginLeft-21_1970l","marginLeft-22":"universal-modal__marginLeft-22_1970l","marginLeft-23":"universal-modal__marginLeft-23_1970l","marginLeft-24":"universal-modal__marginLeft-24_1970l","marginLeft-25":"universal-modal__marginLeft-25_1970l","marginLeft-26":"universal-modal__marginLeft-26_1970l","marginLeft-27":"universal-modal__marginLeft-27_1970l","marginLeft-28":"universal-modal__marginLeft-28_1970l","marginLeft-29":"universal-modal__marginLeft-29_1970l","marginLeft-30":"universal-modal__marginLeft-30_1970l","marginLeft-31":"universal-modal__marginLeft-31_1970l","marginLeft-32":"universal-modal__marginLeft-32_1970l","marginLeft-33":"universal-modal__marginLeft-33_1970l","marginLeft-34":"universal-modal__marginLeft-34_1970l","marginLeft-35":"universal-modal__marginLeft-35_1970l","marginLeft-36":"universal-modal__marginLeft-36_1970l","marginLeft-37":"universal-modal__marginLeft-37_1970l","marginLeft-38":"universal-modal__marginLeft-38_1970l","marginLeft-39":"universal-modal__marginLeft-39_1970l","marginLeft-40":"universal-modal__marginLeft-40_1970l","marginLeft-41":"universal-modal__marginLeft-41_1970l","marginLeft-42":"universal-modal__marginLeft-42_1970l","marginLeft-43":"universal-modal__marginLeft-43_1970l","marginLeft-44":"universal-modal__marginLeft-44_1970l","marginLeft-45":"universal-modal__marginLeft-45_1970l","marginLeft-46":"universal-modal__marginLeft-46_1970l","marginLeft-47":"universal-modal__marginLeft-47_1970l","marginLeft-48":"universal-modal__marginLeft-48_1970l","marginLeft-49":"universal-modal__marginLeft-49_1970l","marginLeft-50":"universal-modal__marginLeft-50_1970l","marginLeft-51":"universal-modal__marginLeft-51_1970l","marginLeft-52":"universal-modal__marginLeft-52_1970l","marginLeft-53":"universal-modal__marginLeft-53_1970l","marginLeft-54":"universal-modal__marginLeft-54_1970l","marginLeft-55":"universal-modal__marginLeft-55_1970l","marginLeft-56":"universal-modal__marginLeft-56_1970l","marginLeft-57":"universal-modal__marginLeft-57_1970l","marginLeft-58":"universal-modal__marginLeft-58_1970l","marginLeft-59":"universal-modal__marginLeft-59_1970l","marginLeft-60":"universal-modal__marginLeft-60_1970l","marginLeft-61":"universal-modal__marginLeft-61_1970l","marginLeft-62":"universal-modal__marginLeft-62_1970l","marginLeft-63":"universal-modal__marginLeft-63_1970l","marginLeft-64":"universal-modal__marginLeft-64_1970l","marginLeft-65":"universal-modal__marginLeft-65_1970l","marginLeft-66":"universal-modal__marginLeft-66_1970l","marginLeft-67":"universal-modal__marginLeft-67_1970l","marginLeft-68":"universal-modal__marginLeft-68_1970l","marginLeft-69":"universal-modal__marginLeft-69_1970l","marginLeft-70":"universal-modal__marginLeft-70_1970l","marginLeft-71":"universal-modal__marginLeft-71_1970l","marginLeft-72":"universal-modal__marginLeft-72_1970l","marginLeft-73":"universal-modal__marginLeft-73_1970l","marginLeft-74":"universal-modal__marginLeft-74_1970l","marginLeft-75":"universal-modal__marginLeft-75_1970l","marginLeft-76":"universal-modal__marginLeft-76_1970l","marginLeft-77":"universal-modal__marginLeft-77_1970l","marginLeft-78":"universal-modal__marginLeft-78_1970l","marginLeft-79":"universal-modal__marginLeft-79_1970l","marginLeft-80":"universal-modal__marginLeft-80_1970l","marginLeft-81":"universal-modal__marginLeft-81_1970l","marginLeft-82":"universal-modal__marginLeft-82_1970l","marginLeft-83":"universal-modal__marginLeft-83_1970l","marginLeft-84":"universal-modal__marginLeft-84_1970l","marginLeft-85":"universal-modal__marginLeft-85_1970l","marginLeft-86":"universal-modal__marginLeft-86_1970l","marginLeft-87":"universal-modal__marginLeft-87_1970l","marginLeft-88":"universal-modal__marginLeft-88_1970l","marginLeft-89":"universal-modal__marginLeft-89_1970l","marginLeft-90":"universal-modal__marginLeft-90_1970l","marginLeft-91":"universal-modal__marginLeft-91_1970l","marginLeft-92":"universal-modal__marginLeft-92_1970l","marginLeft-93":"universal-modal__marginLeft-93_1970l","marginLeft-94":"universal-modal__marginLeft-94_1970l","marginLeft-95":"universal-modal__marginLeft-95_1970l","marginLeft-96":"universal-modal__marginLeft-96_1970l","marginLeft-97":"universal-modal__marginLeft-97_1970l","marginLeft-98":"universal-modal__marginLeft-98_1970l","marginLeft-99":"universal-modal__marginLeft-99_1970l","marginLeft-100":"universal-modal__marginLeft-100_1970l","marginLeft-101":"universal-modal__marginLeft-101_1970l","marginLeft-102":"universal-modal__marginLeft-102_1970l","marginLeft-103":"universal-modal__marginLeft-103_1970l","marginLeft-104":"universal-modal__marginLeft-104_1970l","marginLeft-105":"universal-modal__marginLeft-105_1970l","marginLeft-106":"universal-modal__marginLeft-106_1970l","marginLeft-107":"universal-modal__marginLeft-107_1970l","marginLeft-108":"universal-modal__marginLeft-108_1970l","marginLeft-109":"universal-modal__marginLeft-109_1970l","marginLeft-110":"universal-modal__marginLeft-110_1970l","marginLeft-111":"universal-modal__marginLeft-111_1970l","marginLeft-112":"universal-modal__marginLeft-112_1970l","marginLeft-113":"universal-modal__marginLeft-113_1970l","marginLeft-114":"universal-modal__marginLeft-114_1970l","marginLeft-115":"universal-modal__marginLeft-115_1970l","marginLeft-116":"universal-modal__marginLeft-116_1970l","marginLeft-117":"universal-modal__marginLeft-117_1970l","marginLeft-118":"universal-modal__marginLeft-118_1970l","marginLeft-119":"universal-modal__marginLeft-119_1970l","marginLeft-120":"universal-modal__marginLeft-120_1970l","marginLeft-121":"universal-modal__marginLeft-121_1970l","marginLeft-122":"universal-modal__marginLeft-122_1970l","marginLeft-123":"universal-modal__marginLeft-123_1970l","marginLeft-124":"universal-modal__marginLeft-124_1970l","marginLeft-125":"universal-modal__marginLeft-125_1970l","marginLeft-126":"universal-modal__marginLeft-126_1970l","marginLeft-127":"universal-modal__marginLeft-127_1970l","marginLeft-128":"universal-modal__marginLeft-128_1970l"};
14
+ require('./styles/index.css')
15
+
16
+ var safariTransitions = {"appear":"universal-modal__appear_8232i","enter":"universal-modal__enter_8232i","appearActive":"universal-modal__appearActive_8232i","enterActive":"universal-modal__enterActive_8232i","exit":"universal-modal__exit_8232i","exitActive":"universal-modal__exitActive_8232i","exitDone":"universal-modal__exitDone_8232i"};
17
+ require('./styles/transitions/safari-transitions.css')
18
+
19
+ var transitions = {"appear":"universal-modal__appear_1toya","enter":"universal-modal__enter_1toya","appearActive":"universal-modal__appearActive_1toya","enterActive":"universal-modal__enterActive_1toya","exit":"universal-modal__exit_1toya","exitActive":"universal-modal__exitActive_1toya","exitDone":"universal-modal__exitDone_1toya"};
20
+ require('./styles/transitions/transitions.css')
21
+
22
+ // в safari некорректно отрабатывает transform:scale (???), поэтому применяем немного другую анимацию
23
+ var transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;
24
+ var CenterModal = forwardRef(function (props, ref) {
25
+ var _a;
26
+ var dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'fullHeight' : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? 'center' : _d, _e = props.overlay, overlay = _e === void 0 ? true : _e, margin = props.margin, onClose = props.onClose, restProps = __rest(props, ["dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "onClose"]);
27
+ var componentRef = useRef(null);
28
+ useModalWidth(width, open, componentRef);
29
+ useModalHeight(height, open, componentRef);
30
+ var _f = useModalWheel(overlay), wheelDeltaY = _f.wheelDeltaY, handleWheel = _f.handleWheel;
31
+ var _g = getFullSizeModalTransitions({ verticalAlign: verticalAlign, width: width, height: height }), isFullSizeModal = _g.isFullSizeModal, fullSizeModalContentTransitions = _g.componentTransitions, fullSizeModalBackdropTransitions = _g.backdropTransitions;
32
+ return (React.createElement(BaseModal, __assign({}, restProps, { dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: __assign(__assign({ classNames: transitionProps }, (isFullSizeModal && fullSizeModalContentTransitions)), restProps.transitionProps), backdropProps: __assign(__assign({ transparent: !overlay }, (isFullSizeModal && fullSizeModalBackdropTransitions)), restProps.backdropProps), className: cn(styles.component, className, __assign((_a = {}, _a[styles.overlayHidden] = !overlay, _a[styles.verticalTop] = verticalAlign === 'top', _a[styles.verticalBottom] = verticalAlign === 'bottom', _a), getMargins({ styles: styles, margin: margin }))), scrollHandler: 'content', open: open, disableBlockingScroll: !overlay, onWheel: handleWheel, onClose: onClose }),
33
+ React.createElement("div", { className: styles.container },
34
+ React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
35
+ });
36
+
37
+ export { CenterModal };
@@ -0,0 +1 @@
1
+ export { CenterModal } from "./center-modal";
@@ -0,0 +1 @@
1
+ export { CenterModal } from './center-modal.js';