@alfalab/core-components-universal-modal 3.0.7 → 3.1.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 (246) hide show
  1. package/components/content/base-content/index.css +1 -1
  2. package/components/content/base-content/index.module.css.js +1 -1
  3. package/components/content/desktop/desktop.css +2 -2
  4. package/components/content/desktop/desktop.module.css.js +1 -1
  5. package/components/content/mobile/mobile.css +3 -3
  6. package/components/content/mobile/mobile.module.css.js +1 -1
  7. package/components/footer/base-footer/index.css +3 -3
  8. package/components/footer/base-footer/index.module.css.js +1 -1
  9. package/components/footer/desktop/desktop.css +1 -1
  10. package/components/footer/desktop/desktop.module.css.js +1 -1
  11. package/components/footer/desktop/layout.css +9 -9
  12. package/components/footer/desktop/layout.module.css.js +1 -1
  13. package/components/footer/mobile/layout.mobile.css +8 -8
  14. package/components/footer/mobile/layout.mobile.module.css.js +1 -1
  15. package/components/footer/mobile/mobile.css +2 -2
  16. package/components/footer/mobile/mobile.module.css.js +1 -1
  17. package/components/header/base-header/index.css +4 -4
  18. package/components/header/base-header/index.module.css.js +1 -1
  19. package/components/header/desktop/desktop.css +5 -5
  20. package/components/header/desktop/desktop.module.css.js +1 -1
  21. package/components/header/mobile/mobile.css +3 -3
  22. package/components/header/mobile/mobile.module.css.js +1 -1
  23. package/cssm/desktop/components/center-modal/center-modal.js +13 -8
  24. package/cssm/desktop/components/center-modal/center-modal.js.map +1 -1
  25. package/cssm/desktop/components/center-modal/index.module.css +7 -3
  26. package/cssm/desktop/components/modal-content/modal-content.d.ts +3 -3
  27. package/cssm/desktop/components/modal-content/modal-content.js +1 -3
  28. package/cssm/desktop/components/modal-content/modal-content.js.map +1 -1
  29. package/cssm/desktop/components/side-modal/index.module.css +6 -2
  30. package/cssm/desktop/components/side-modal/side-modal.js +14 -9
  31. package/cssm/desktop/components/side-modal/side-modal.js.map +1 -1
  32. package/cssm/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
  33. package/cssm/desktop/hooks/use-scrollable-container-ref.js +27 -0
  34. package/cssm/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
  35. package/desktop/components/center-modal/center-modal.js +13 -8
  36. package/desktop/components/center-modal/center-modal.js.map +1 -1
  37. package/desktop/components/center-modal/index.css +527 -523
  38. package/desktop/components/center-modal/index.module.css.js +1 -1
  39. package/desktop/components/center-modal/index.module.css.js.map +1 -1
  40. package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  41. package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  42. package/desktop/components/center-modal/transitions/transitions.css +7 -7
  43. package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  44. package/desktop/components/modal-content/modal-content.css +4 -4
  45. package/desktop/components/modal-content/modal-content.d.ts +3 -3
  46. package/desktop/components/modal-content/modal-content.js +1 -3
  47. package/desktop/components/modal-content/modal-content.js.map +1 -1
  48. package/desktop/components/modal-content/modal-content.module.css.js +1 -1
  49. package/desktop/components/side-modal/index.css +529 -525
  50. package/desktop/components/side-modal/index.module.css.js +1 -1
  51. package/desktop/components/side-modal/index.module.css.js.map +1 -1
  52. package/desktop/components/side-modal/side-modal.js +14 -9
  53. package/desktop/components/side-modal/side-modal.js.map +1 -1
  54. package/desktop/components/side-modal/transitions/transitions.css +71 -71
  55. package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  56. package/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
  57. package/desktop/hooks/use-scrollable-container-ref.js +27 -0
  58. package/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
  59. package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  60. package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  61. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  62. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  63. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  64. package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  65. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  66. package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  67. package/esm/components/content/base-content/index.css +1 -1
  68. package/esm/components/content/base-content/index.module.css.js +1 -1
  69. package/esm/components/content/desktop/desktop.css +2 -2
  70. package/esm/components/content/desktop/desktop.module.css.js +1 -1
  71. package/esm/components/content/mobile/mobile.css +3 -3
  72. package/esm/components/content/mobile/mobile.module.css.js +1 -1
  73. package/esm/components/footer/base-footer/index.css +3 -3
  74. package/esm/components/footer/base-footer/index.module.css.js +1 -1
  75. package/esm/components/footer/desktop/desktop.css +1 -1
  76. package/esm/components/footer/desktop/desktop.module.css.js +1 -1
  77. package/esm/components/footer/desktop/layout.css +9 -9
  78. package/esm/components/footer/desktop/layout.module.css.js +1 -1
  79. package/esm/components/footer/mobile/layout.mobile.css +8 -8
  80. package/esm/components/footer/mobile/layout.mobile.module.css.js +1 -1
  81. package/esm/components/footer/mobile/mobile.css +2 -2
  82. package/esm/components/footer/mobile/mobile.module.css.js +1 -1
  83. package/esm/components/header/base-header/index.css +4 -4
  84. package/esm/components/header/base-header/index.module.css.js +1 -1
  85. package/esm/components/header/desktop/desktop.css +5 -5
  86. package/esm/components/header/desktop/desktop.module.css.js +1 -1
  87. package/esm/components/header/mobile/mobile.css +3 -3
  88. package/esm/components/header/mobile/mobile.module.css.js +1 -1
  89. package/esm/desktop/components/center-modal/center-modal.js +13 -8
  90. package/esm/desktop/components/center-modal/center-modal.js.map +1 -1
  91. package/esm/desktop/components/center-modal/index.css +527 -523
  92. package/esm/desktop/components/center-modal/index.module.css.js +1 -1
  93. package/esm/desktop/components/center-modal/index.module.css.js.map +1 -1
  94. package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  95. package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  96. package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
  97. package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  98. package/esm/desktop/components/modal-content/modal-content.css +4 -4
  99. package/esm/desktop/components/modal-content/modal-content.d.ts +3 -3
  100. package/esm/desktop/components/modal-content/modal-content.js +1 -3
  101. package/esm/desktop/components/modal-content/modal-content.js.map +1 -1
  102. package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
  103. package/esm/desktop/components/side-modal/index.css +529 -525
  104. package/esm/desktop/components/side-modal/index.module.css.js +1 -1
  105. package/esm/desktop/components/side-modal/index.module.css.js.map +1 -1
  106. package/esm/desktop/components/side-modal/side-modal.js +14 -9
  107. package/esm/desktop/components/side-modal/side-modal.js.map +1 -1
  108. package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
  109. package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  110. package/esm/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
  111. package/esm/desktop/hooks/use-scrollable-container-ref.js +23 -0
  112. package/esm/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
  113. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  114. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  115. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  116. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  117. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  118. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  119. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  120. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  121. package/esm/mobile/mobile.css +3 -3
  122. package/esm/mobile/mobile.module.css.js +1 -1
  123. package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
  124. package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  125. package/esm/mobile/transitions/transitions.mobile.css +7 -7
  126. package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
  127. package/mobile/mobile.css +3 -3
  128. package/mobile/mobile.module.css.js +1 -1
  129. package/mobile/transitions/right-side-transitions.mobile.css +7 -7
  130. package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  131. package/mobile/transitions/transitions.mobile.css +7 -7
  132. package/mobile/transitions/transitions.mobile.module.css.js +1 -1
  133. package/modern/components/content/base-content/index.css +1 -1
  134. package/modern/components/content/base-content/index.module.css.js +1 -1
  135. package/modern/components/content/desktop/desktop.css +2 -2
  136. package/modern/components/content/desktop/desktop.module.css.js +1 -1
  137. package/modern/components/content/mobile/mobile.css +3 -3
  138. package/modern/components/content/mobile/mobile.module.css.js +1 -1
  139. package/modern/components/footer/base-footer/index.css +3 -3
  140. package/modern/components/footer/base-footer/index.module.css.js +1 -1
  141. package/modern/components/footer/desktop/desktop.css +1 -1
  142. package/modern/components/footer/desktop/desktop.module.css.js +1 -1
  143. package/modern/components/footer/desktop/layout.css +9 -9
  144. package/modern/components/footer/desktop/layout.module.css.js +1 -1
  145. package/modern/components/footer/mobile/layout.mobile.css +8 -8
  146. package/modern/components/footer/mobile/layout.mobile.module.css.js +1 -1
  147. package/modern/components/footer/mobile/mobile.css +2 -2
  148. package/modern/components/footer/mobile/mobile.module.css.js +1 -1
  149. package/modern/components/header/base-header/index.css +4 -4
  150. package/modern/components/header/base-header/index.module.css.js +1 -1
  151. package/modern/components/header/desktop/desktop.css +5 -5
  152. package/modern/components/header/desktop/desktop.module.css.js +1 -1
  153. package/modern/components/header/mobile/mobile.css +3 -3
  154. package/modern/components/header/mobile/mobile.module.css.js +1 -1
  155. package/modern/desktop/components/center-modal/center-modal.js +12 -8
  156. package/modern/desktop/components/center-modal/center-modal.js.map +1 -1
  157. package/modern/desktop/components/center-modal/index.css +527 -523
  158. package/modern/desktop/components/center-modal/index.module.css.js +1 -1
  159. package/modern/desktop/components/center-modal/index.module.css.js.map +1 -1
  160. package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  161. package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  162. package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
  163. package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  164. package/modern/desktop/components/modal-content/modal-content.css +4 -4
  165. package/modern/desktop/components/modal-content/modal-content.d.ts +3 -3
  166. package/modern/desktop/components/modal-content/modal-content.js +1 -3
  167. package/modern/desktop/components/modal-content/modal-content.js.map +1 -1
  168. package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
  169. package/modern/desktop/components/side-modal/index.css +529 -525
  170. package/modern/desktop/components/side-modal/index.module.css.js +1 -1
  171. package/modern/desktop/components/side-modal/index.module.css.js.map +1 -1
  172. package/modern/desktop/components/side-modal/side-modal.js +12 -8
  173. package/modern/desktop/components/side-modal/side-modal.js.map +1 -1
  174. package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
  175. package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  176. package/modern/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
  177. package/modern/desktop/hooks/use-scrollable-container-ref.js +21 -0
  178. package/modern/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
  179. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  180. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  181. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  182. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  183. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  184. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  185. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  186. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  187. package/modern/mobile/mobile.css +3 -3
  188. package/modern/mobile/mobile.module.css.js +1 -1
  189. package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
  190. package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  191. package/modern/mobile/transitions/transitions.mobile.css +7 -7
  192. package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
  193. package/moderncssm/desktop/components/center-modal/center-modal.js +12 -8
  194. package/moderncssm/desktop/components/center-modal/center-modal.js.map +1 -1
  195. package/moderncssm/desktop/components/center-modal/index.module.css +9 -4
  196. package/moderncssm/desktop/components/modal-content/modal-content.d.ts +3 -3
  197. package/moderncssm/desktop/components/modal-content/modal-content.js +1 -3
  198. package/moderncssm/desktop/components/modal-content/modal-content.js.map +1 -1
  199. package/moderncssm/desktop/components/side-modal/index.module.css +7 -2
  200. package/moderncssm/desktop/components/side-modal/side-modal.js +12 -8
  201. package/moderncssm/desktop/components/side-modal/side-modal.js.map +1 -1
  202. package/moderncssm/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
  203. package/moderncssm/desktop/hooks/use-scrollable-container-ref.js +21 -0
  204. package/moderncssm/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
  205. package/package.json +3 -3
  206. package/src/desktop/components/center-modal/center-modal.module.css +1 -5
  207. package/src/desktop/components/center-modal/center-modal.tsx +14 -14
  208. package/src/desktop/components/center-modal/index.module.css +2 -1
  209. package/src/desktop/components/modal-content/modal-content.tsx +8 -9
  210. package/src/desktop/components/side-modal/index.module.css +2 -1
  211. package/src/desktop/components/side-modal/side-modal.module.css +0 -4
  212. package/src/desktop/components/side-modal/side-modal.tsx +14 -14
  213. package/src/desktop/hooks/use-scrollable-container-ref.ts +29 -0
  214. package/src/desktop/styles/common.module.css +10 -0
  215. package/cssm/desktop/hooks/use-outside-scroll.d.ts +0 -8
  216. package/cssm/desktop/hooks/use-outside-scroll.js +0 -21
  217. package/cssm/desktop/hooks/use-outside-scroll.js.map +0 -1
  218. package/cssm/desktop/hooks/useModalWheel.d.ts +0 -5
  219. package/cssm/desktop/hooks/useModalWheel.js +0 -20
  220. package/cssm/desktop/hooks/useModalWheel.js.map +0 -1
  221. package/desktop/hooks/use-outside-scroll.d.ts +0 -8
  222. package/desktop/hooks/use-outside-scroll.js +0 -21
  223. package/desktop/hooks/use-outside-scroll.js.map +0 -1
  224. package/desktop/hooks/useModalWheel.d.ts +0 -5
  225. package/desktop/hooks/useModalWheel.js +0 -20
  226. package/desktop/hooks/useModalWheel.js.map +0 -1
  227. package/esm/desktop/hooks/use-outside-scroll.d.ts +0 -8
  228. package/esm/desktop/hooks/use-outside-scroll.js +0 -17
  229. package/esm/desktop/hooks/use-outside-scroll.js.map +0 -1
  230. package/esm/desktop/hooks/useModalWheel.d.ts +0 -5
  231. package/esm/desktop/hooks/useModalWheel.js +0 -16
  232. package/esm/desktop/hooks/useModalWheel.js.map +0 -1
  233. package/modern/desktop/hooks/use-outside-scroll.d.ts +0 -8
  234. package/modern/desktop/hooks/use-outside-scroll.js +0 -17
  235. package/modern/desktop/hooks/use-outside-scroll.js.map +0 -1
  236. package/modern/desktop/hooks/useModalWheel.d.ts +0 -5
  237. package/modern/desktop/hooks/useModalWheel.js +0 -16
  238. package/modern/desktop/hooks/useModalWheel.js.map +0 -1
  239. package/moderncssm/desktop/hooks/use-outside-scroll.d.ts +0 -8
  240. package/moderncssm/desktop/hooks/use-outside-scroll.js +0 -17
  241. package/moderncssm/desktop/hooks/use-outside-scroll.js.map +0 -1
  242. package/moderncssm/desktop/hooks/useModalWheel.d.ts +0 -5
  243. package/moderncssm/desktop/hooks/useModalWheel.js +0 -16
  244. package/moderncssm/desktop/hooks/useModalWheel.js.map +0 -1
  245. package/src/desktop/hooks/use-outside-scroll.ts +0 -20
  246. package/src/desktop/hooks/useModalWheel.ts +0 -16
@@ -1,6 +1,6 @@
1
1
  import './full-size-vertical-top-transitions.css';
2
2
 
3
- var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_1r3vm","enter":"universal-modal__enter_1r3vm","appearActive":"universal-modal__appearActive_1r3vm","enterActive":"universal-modal__enterActive_1r3vm","exit":"universal-modal__exit_1r3vm","exitActive":"universal-modal__exitActive_1r3vm","exitDone":"universal-modal__exitDone_1r3vm"};
3
+ var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_qhje1","enter":"universal-modal__enter_qhje1","appearActive":"universal-modal__appearActive_qhje1","enterActive":"universal-modal__enterActive_qhje1","exit":"universal-modal__exit_qhje1","exitActive":"universal-modal__exitActive_qhje1","exitDone":"universal-modal__exitDone_qhje1"};
4
4
 
5
5
  export { fullSizeVerticalTopTransitions as default };
6
6
  //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__component_vlc5a {
4
+ .universal-modal__component_1sesv {
5
5
  top: var(--gap-0);
6
6
  height: 100%;
7
7
  width: 100%;
@@ -11,10 +11,10 @@
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  }
14
- .universal-modal__component_vlc5a .universal-modal__content_vlc5a {
14
+ .universal-modal__component_1sesv .universal-modal__content_1sesv {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_vlc5a.universal-modal__component_vlc5a {
17
+ .universal-modal__component_1sesv.universal-modal__component_1sesv {
18
18
  position: fixed;
19
19
  flex: 1;
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"component":"universal-modal__component_vlc5a","content":"universal-modal__content_vlc5a"};
3
+ var styles = {"component":"universal-modal__component_1sesv","content":"universal-modal__content_1sesv"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_1dfvp,
2
- .universal-modal__enter_1dfvp {
1
+ .universal-modal__appear_lb0xx,
2
+ .universal-modal__enter_lb0xx {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_1dfvp,
6
- .universal-modal__enterActive_1dfvp {
5
+ .universal-modal__appearActive_lb0xx,
6
+ .universal-modal__enterActive_lb0xx {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_1dfvp {
11
+ .universal-modal__exit_lb0xx {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_1dfvp,
15
- .universal-modal__exitDone_1dfvp {
14
+ .universal-modal__exitActive_lb0xx,
15
+ .universal-modal__exitDone_lb0xx {
16
16
  transform: translateX(100%);
17
17
  transition: transform 280ms ease-in-out;
18
18
  }
@@ -1,6 +1,6 @@
1
1
  import './right-side-transitions.mobile.css';
2
2
 
3
- var rightSideTransitions = {"appear":"universal-modal__appear_1dfvp","enter":"universal-modal__enter_1dfvp","appearActive":"universal-modal__appearActive_1dfvp","enterActive":"universal-modal__enterActive_1dfvp","exit":"universal-modal__exit_1dfvp","exitActive":"universal-modal__exitActive_1dfvp","exitDone":"universal-modal__exitDone_1dfvp"};
3
+ var rightSideTransitions = {"appear":"universal-modal__appear_lb0xx","enter":"universal-modal__enter_lb0xx","appearActive":"universal-modal__appearActive_lb0xx","enterActive":"universal-modal__enterActive_lb0xx","exit":"universal-modal__exit_lb0xx","exitActive":"universal-modal__exitActive_lb0xx","exitDone":"universal-modal__exitDone_lb0xx"};
4
4
 
5
5
  export { rightSideTransitions as default };
6
6
  //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map
@@ -1,11 +1,11 @@
1
- .universal-modal__appear_19v2h,
2
- .universal-modal__enter_19v2h {
1
+ .universal-modal__appear_e8qz6,
2
+ .universal-modal__enter_e8qz6 {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_19v2h,
8
- .universal-modal__enterActive_19v2h {
7
+ .universal-modal__appearActive_e8qz6,
8
+ .universal-modal__enterActive_e8qz6 {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms ease-in;
14
14
  }
15
15
 
16
- .universal-modal__exit_19v2h {
16
+ .universal-modal__exit_e8qz6 {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_19v2h,
22
- .universal-modal__exitDone_19v2h {
21
+ .universal-modal__exitActive_e8qz6,
22
+ .universal-modal__exitDone_e8qz6 {
23
23
  opacity: 0;
24
24
  transform: translateY(15px);
25
25
  transition:
@@ -1,6 +1,6 @@
1
1
  import './transitions.mobile.css';
2
2
 
3
- var transitions = {"appear":"universal-modal__appear_19v2h","enter":"universal-modal__enter_19v2h","appearActive":"universal-modal__appearActive_19v2h","enterActive":"universal-modal__enterActive_19v2h","exit":"universal-modal__exit_19v2h","exitActive":"universal-modal__exitActive_19v2h","exitDone":"universal-modal__exitDone_19v2h"};
3
+ var transitions = {"appear":"universal-modal__appear_e8qz6","enter":"universal-modal__enter_e8qz6","appearActive":"universal-modal__appearActive_e8qz6","enterActive":"universal-modal__enterActive_e8qz6","exit":"universal-modal__exit_e8qz6","exitActive":"universal-modal__exitActive_e8qz6","exitDone":"universal-modal__exitDone_e8qz6"};
4
4
 
5
5
  export { transitions as default };
6
6
  //# sourceMappingURL=transitions.mobile.module.css.js.map
package/mobile/mobile.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__component_vlc5a {
4
+ .universal-modal__component_1sesv {
5
5
  top: var(--gap-0);
6
6
  height: 100%;
7
7
  width: 100%;
@@ -11,10 +11,10 @@
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  }
14
- .universal-modal__component_vlc5a .universal-modal__content_vlc5a {
14
+ .universal-modal__component_1sesv .universal-modal__content_1sesv {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_vlc5a.universal-modal__component_vlc5a {
17
+ .universal-modal__component_1sesv.universal-modal__component_1sesv {
18
18
  position: fixed;
19
19
  flex: 1;
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"component":"universal-modal__component_vlc5a","content":"universal-modal__content_vlc5a"};
5
+ var styles = {"component":"universal-modal__component_1sesv","content":"universal-modal__content_1sesv"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_1dfvp,
2
- .universal-modal__enter_1dfvp {
1
+ .universal-modal__appear_lb0xx,
2
+ .universal-modal__enter_lb0xx {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_1dfvp,
6
- .universal-modal__enterActive_1dfvp {
5
+ .universal-modal__appearActive_lb0xx,
6
+ .universal-modal__enterActive_lb0xx {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_1dfvp {
11
+ .universal-modal__exit_lb0xx {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_1dfvp,
15
- .universal-modal__exitDone_1dfvp {
14
+ .universal-modal__exitActive_lb0xx,
15
+ .universal-modal__exitDone_lb0xx {
16
16
  transform: translateX(100%);
17
17
  transition: transform 280ms ease-in-out;
18
18
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./right-side-transitions.mobile.css');
4
4
 
5
- var rightSideTransitions = {"appear":"universal-modal__appear_1dfvp","enter":"universal-modal__enter_1dfvp","appearActive":"universal-modal__appearActive_1dfvp","enterActive":"universal-modal__enterActive_1dfvp","exit":"universal-modal__exit_1dfvp","exitActive":"universal-modal__exitActive_1dfvp","exitDone":"universal-modal__exitDone_1dfvp"};
5
+ var rightSideTransitions = {"appear":"universal-modal__appear_lb0xx","enter":"universal-modal__enter_lb0xx","appearActive":"universal-modal__appearActive_lb0xx","enterActive":"universal-modal__enterActive_lb0xx","exit":"universal-modal__exit_lb0xx","exitActive":"universal-modal__exitActive_lb0xx","exitDone":"universal-modal__exitDone_lb0xx"};
6
6
 
7
7
  module.exports = rightSideTransitions;
8
8
  //# sourceMappingURL=right-side-transitions.mobile.module.css.js.map
@@ -1,11 +1,11 @@
1
- .universal-modal__appear_19v2h,
2
- .universal-modal__enter_19v2h {
1
+ .universal-modal__appear_e8qz6,
2
+ .universal-modal__enter_e8qz6 {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_19v2h,
8
- .universal-modal__enterActive_19v2h {
7
+ .universal-modal__appearActive_e8qz6,
8
+ .universal-modal__enterActive_e8qz6 {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms ease-in;
14
14
  }
15
15
 
16
- .universal-modal__exit_19v2h {
16
+ .universal-modal__exit_e8qz6 {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_19v2h,
22
- .universal-modal__exitDone_19v2h {
21
+ .universal-modal__exitActive_e8qz6,
22
+ .universal-modal__exitDone_e8qz6 {
23
23
  opacity: 0;
24
24
  transform: translateY(15px);
25
25
  transition:
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./transitions.mobile.css');
4
4
 
5
- var transitions = {"appear":"universal-modal__appear_19v2h","enter":"universal-modal__enter_19v2h","appearActive":"universal-modal__appearActive_19v2h","enterActive":"universal-modal__enterActive_19v2h","exit":"universal-modal__exit_19v2h","exitActive":"universal-modal__exitActive_19v2h","exitDone":"universal-modal__exitDone_19v2h"};
5
+ var transitions = {"appear":"universal-modal__appear_e8qz6","enter":"universal-modal__enter_e8qz6","appearActive":"universal-modal__appearActive_e8qz6","enterActive":"universal-modal__enterActive_e8qz6","exit":"universal-modal__exit_e8qz6","exitActive":"universal-modal__exitActive_e8qz6","exitDone":"universal-modal__exitDone_e8qz6"};
6
6
 
7
7
  module.exports = transitions;
8
8
  //# sourceMappingURL=transitions.mobile.module.css.js.map
@@ -2,7 +2,7 @@
2
2
  --gap-2xl: 32px;
3
3
  --gap-32: var(--gap-2xl);
4
4
  }
5
- .universal-modal__content_1xase {
5
+ .universal-modal__content_1a5yd {
6
6
  position: relative;
7
7
  box-sizing: border-box;
8
8
  width: 100%;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"content":"universal-modal__content_1xase"};
3
+ const styles = {"content":"universal-modal__content_1a5yd"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,9 +1,9 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__content_sodo9.universal-modal__withHeader_sodo9 {
4
+ .universal-modal__content_1ft7o.universal-modal__withHeader_1ft7o {
5
5
  padding-top: var(--gap-0);
6
6
  }
7
- .universal-modal__content_sodo9.universal-modal__withFooter_sodo9 {
7
+ .universal-modal__content_1ft7o.universal-modal__withFooter_1ft7o {
8
8
  padding-bottom: var(--gap-0);
9
9
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const styles = {"content":"universal-modal__content_sodo9","withHeader":"universal-modal__withHeader_sodo9","withFooter":"universal-modal__withFooter_sodo9"};
3
+ const styles = {"content":"universal-modal__content_1ft7o","withHeader":"universal-modal__withHeader_1ft7o","withFooter":"universal-modal__withFooter_1ft7o"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,12 +5,12 @@
5
5
  --gap-16: var(--gap-m);
6
6
  --gap-20: var(--gap-l);
7
7
  }
8
- .universal-modal__content_1972n {
8
+ .universal-modal__content_2atcj {
9
9
  padding: var(--gap-16);
10
10
  }
11
- .universal-modal__content_1972n.universal-modal__withHeader_1972n {
11
+ .universal-modal__content_2atcj.universal-modal__withHeader_2atcj {
12
12
  padding-top: var(--gap-0);
13
13
  }
14
- .universal-modal__content_1972n.universal-modal__withFooter_1972n {
14
+ .universal-modal__content_2atcj.universal-modal__withFooter_2atcj {
15
15
  padding-bottom: var(--gap-20);
16
16
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const styles = {"content":"universal-modal__content_1972n","withHeader":"universal-modal__withHeader_1972n","withFooter":"universal-modal__withFooter_1972n"};
3
+ const styles = {"content":"universal-modal__content_2atcj","withHeader":"universal-modal__withHeader_2atcj","withFooter":"universal-modal__withFooter_2atcj"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -13,7 +13,7 @@
13
13
  --universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
14
14
  --universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
15
15
  }
16
- .universal-modal__footer_3ib4v {
16
+ .universal-modal__footer_1fel6 {
17
17
  width: 100%;
18
18
  box-sizing: border-box;
19
19
  transition:
@@ -21,12 +21,12 @@
21
21
  background 0.2s ease;
22
22
  padding: var(--gap-16) var(--gap-32) var(--gap-32);
23
23
  }
24
- .universal-modal__sticky_3ib4v {
24
+ .universal-modal__sticky_1fel6 {
25
25
  background: var(--universal-modal-footer-background);
26
26
  position: sticky;
27
27
  z-index: 1;
28
28
  }
29
- .universal-modal__highlighted_3ib4v {
29
+ .universal-modal__highlighted_1fel6 {
30
30
  background: var(--universal-modal-footer-highlight-background);
31
31
  box-shadow: var(--universal-modal-footer-highlight-box-shadow);
32
32
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"footer":"universal-modal__footer_3ib4v","sticky":"universal-modal__sticky_3ib4v","highlighted":"universal-modal__highlighted_3ib4v"};
3
+ const styles = {"footer":"universal-modal__footer_1fel6","sticky":"universal-modal__sticky_1fel6","highlighted":"universal-modal__highlighted_1fel6"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__sticky_8h3up {
4
+ .universal-modal__sticky_1sfol {
5
5
  bottom: var(--gap-0);
6
6
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const styles = {"sticky":"universal-modal__sticky_8h3up"};
3
+ const styles = {"sticky":"universal-modal__sticky_1sfol"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -6,29 +6,29 @@
6
6
  --gap-12: var(--gap-s);
7
7
  --gap-16: var(--gap-m);
8
8
  }
9
- .universal-modal__column_87fq9 {
9
+ .universal-modal__column_1s60g {
10
10
  display: flex;
11
11
  flex-direction: column;
12
12
  gap: var(--gap-8);
13
13
  }
14
- .universal-modal__column_87fq9.universal-modal__middle_87fq9 {
14
+ .universal-modal__column_1s60g.universal-modal__middle_1s60g {
15
15
  gap: var(--gap-12);
16
16
  }
17
- .universal-modal__start_87fq9 {
17
+ .universal-modal__start_1s60g {
18
18
  justify-content: flex-start;
19
19
  }
20
- .universal-modal__center_87fq9 {
20
+ .universal-modal__center_1s60g {
21
21
  justify-content: center;
22
22
  }
23
- .universal-modal__space-between_87fq9 {
23
+ .universal-modal__space-between_1s60g {
24
24
  justify-content: space-between;
25
25
  }
26
- .universal-modal__space-between_87fq9 > * {
26
+ .universal-modal__space-between_1s60g > * {
27
27
  flex: 1;
28
28
  }
29
- .universal-modal__start_87fq9,
30
- .universal-modal__center_87fq9,
31
- .universal-modal__space-between_87fq9 {
29
+ .universal-modal__start_1s60g,
30
+ .universal-modal__center_1s60g,
31
+ .universal-modal__space-between_1s60g {
32
32
  display: flex;
33
33
  gap: var(--gap-16);
34
34
  }
@@ -1,6 +1,6 @@
1
1
  import './layout.css';
2
2
 
3
- const layoutStyles = {"column":"universal-modal__column_87fq9","middle":"universal-modal__middle_87fq9","start":"universal-modal__start_87fq9","center":"universal-modal__center_87fq9","space-between":"universal-modal__space-between_87fq9"};
3
+ const layoutStyles = {"column":"universal-modal__column_1s60g","middle":"universal-modal__middle_1s60g","start":"universal-modal__start_1s60g","center":"universal-modal__center_1s60g","space-between":"universal-modal__space-between_1s60g"};
4
4
 
5
5
  export { layoutStyles as default };
6
6
  //# sourceMappingURL=layout.module.css.js.map
@@ -2,26 +2,26 @@
2
2
  --gap-m: 16px;
3
3
  --gap-16: var(--gap-m);
4
4
  }
5
- .universal-modal__column_3te02 {
5
+ .universal-modal__column_vy8ra {
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  gap: var(--gap-16);
9
9
  }
10
- .universal-modal__start_3te02 {
10
+ .universal-modal__start_vy8ra {
11
11
  justify-content: flex-start;
12
12
  }
13
- .universal-modal__center_3te02 {
13
+ .universal-modal__center_vy8ra {
14
14
  justify-content: center;
15
15
  }
16
- .universal-modal__space-between_3te02 {
16
+ .universal-modal__space-between_vy8ra {
17
17
  justify-content: space-between;
18
18
  }
19
- .universal-modal__space-between_3te02 > * {
19
+ .universal-modal__space-between_vy8ra > * {
20
20
  flex: 1;
21
21
  }
22
- .universal-modal__start_3te02,
23
- .universal-modal__center_3te02,
24
- .universal-modal__space-between_3te02 {
22
+ .universal-modal__start_vy8ra,
23
+ .universal-modal__center_vy8ra,
24
+ .universal-modal__space-between_vy8ra {
25
25
  display: flex;
26
26
  gap: var(--gap-16);
27
27
  }
@@ -1,6 +1,6 @@
1
1
  import './layout.mobile.css';
2
2
 
3
- const layoutStylesMobile = {"column":"universal-modal__column_3te02","start":"universal-modal__start_3te02","center":"universal-modal__center_3te02","space-between":"universal-modal__space-between_3te02"};
3
+ const layoutStylesMobile = {"column":"universal-modal__column_vy8ra","start":"universal-modal__start_vy8ra","center":"universal-modal__center_vy8ra","space-between":"universal-modal__space-between_vy8ra"};
4
4
 
5
5
  export { layoutStylesMobile as default };
6
6
  //# sourceMappingURL=layout.mobile.module.css.js.map
@@ -3,9 +3,9 @@
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
5
  }
6
- .universal-modal__footer_ash13 {
6
+ .universal-modal__footer_1a037 {
7
7
  padding: var(--gap-16);
8
8
  }
9
- .universal-modal__sticky_ash13 {
9
+ .universal-modal__sticky_1a037 {
10
10
  bottom: var(--gap-0);
11
11
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const styles = {"footer":"universal-modal__footer_ash13","sticky":"universal-modal__sticky_ash13"};
3
+ const styles = {"footer":"universal-modal__footer_1a037","sticky":"universal-modal__sticky_1a037"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -10,22 +10,22 @@
10
10
  --universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
11
11
  --universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
12
12
  }
13
- .universal-modal__header_1d3bq {
13
+ .universal-modal__header_pyhqc {
14
14
  width: 100%;
15
15
  box-sizing: border-box;
16
16
  transition:
17
17
  box-shadow 0.2s ease,
18
18
  background 0.2s ease;
19
19
  }
20
- .universal-modal__header_1d3bq.universal-modal__highlighted_1d3bq {
20
+ .universal-modal__header_pyhqc.universal-modal__highlighted_pyhqc {
21
21
  background: var(--universal-modal-header-highlight-background);
22
22
  box-shadow: var(--universal-modal-header-highlight-box-shadow);
23
23
  }
24
- .universal-modal__header_1d3bq.universal-modal__sticky_1d3bq {
24
+ .universal-modal__header_pyhqc.universal-modal__sticky_pyhqc {
25
25
  position: sticky;
26
26
  top: var(--gap-0);
27
27
  z-index: 1;
28
28
  }
29
- .universal-modal__header_1d3bq.universal-modal__sticky_1d3bq.universal-modal__hasContent_1d3bq {
29
+ .universal-modal__header_pyhqc.universal-modal__sticky_pyhqc.universal-modal__hasContent_pyhqc {
30
30
  background: var(--universal-modal-header-background);
31
31
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"header":"universal-modal__header_1d3bq","highlighted":"universal-modal__highlighted_1d3bq","sticky":"universal-modal__sticky_1d3bq","hasContent":"universal-modal__hasContent_1d3bq"};
3
+ const styles = {"header":"universal-modal__header_pyhqc","highlighted":"universal-modal__highlighted_pyhqc","sticky":"universal-modal__sticky_pyhqc","hasContent":"universal-modal__hasContent_pyhqc"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -11,31 +11,31 @@
11
11
  --font-family-system:
12
12
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
13
  }
14
- .universal-modal__header_5ka9g {
14
+ .universal-modal__header_12i37 {
15
15
  padding: var(--gap-20) var(--gap-20) 0;
16
16
  }
17
- .universal-modal__header_5ka9g .universal-modal__headerTitle_5ka9g {
17
+ .universal-modal__header_12i37 .universal-modal__headerTitle_12i37 {
18
18
  font-size: 22px;
19
19
  line-height: 26px;
20
20
  font-weight: 700;
21
21
  font-family: var(--font-family-system);
22
22
  padding: 11px var(--gap-12);
23
23
  }
24
- .universal-modal__header_5ka9g .universal-modal__bottomAddons_5ka9g {
24
+ .universal-modal__header_12i37 .universal-modal__bottomAddons_12i37 {
25
25
  font-size: 22px;
26
26
  line-height: 26px;
27
27
  font-weight: 700;
28
28
  font-family: var(--font-family-system);
29
29
  padding: var(--gap-6) var(--gap-12) var(--gap-16);
30
30
  }
31
- .universal-modal__header_5ka9g.universal-modal__medium_5ka9g .universal-modal__headerTitle_5ka9g {
31
+ .universal-modal__header_12i37.universal-modal__medium_12i37 .universal-modal__headerTitle_12i37 {
32
32
  font-size: 30px;
33
33
  line-height: 36px;
34
34
  font-weight: 700;
35
35
  font-family: var(--font-family-system);
36
36
  padding: var(--gap-6) var(--gap-12) var(--gap-16);
37
37
  }
38
- .universal-modal__header_5ka9g.universal-modal__medium_5ka9g .universal-modal__bottomAddons_5ka9g {
38
+ .universal-modal__header_12i37.universal-modal__medium_12i37 .universal-modal__bottomAddons_12i37 {
39
39
  font-size: 30px;
40
40
  line-height: 36px;
41
41
  font-weight: 700;
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const desktopStyles = {"header":"universal-modal__header_5ka9g","headerTitle":"universal-modal__headerTitle_5ka9g","bottomAddons":"universal-modal__bottomAddons_5ka9g","medium":"universal-modal__medium_5ka9g"};
3
+ const desktopStyles = {"header":"universal-modal__header_12i37","headerTitle":"universal-modal__headerTitle_12i37","bottomAddons":"universal-modal__bottomAddons_12i37","medium":"universal-modal__medium_12i37"};
4
4
 
5
5
  export { desktopStyles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -13,10 +13,10 @@
13
13
  --font-family-system:
14
14
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
15
15
  }
16
- .universal-modal__header_1bk7v {
16
+ .universal-modal__header_4gw09 {
17
17
  padding: var(--gap-8) var(--gap-4);
18
18
  }
19
- .universal-modal__content_1bk7v {
19
+ .universal-modal__content_4gw09 {
20
20
  font-size: 20px;
21
21
  line-height: 28px;
22
22
  font-weight: 600;
@@ -25,7 +25,7 @@
25
25
  min-height: 40px;
26
26
  justify-content: center;
27
27
  }
28
- .universal-modal__bottomAddons_1bk7v {
28
+ .universal-modal__bottomAddons_4gw09 {
29
29
  font-size: 20px;
30
30
  line-height: 28px;
31
31
  font-weight: 600;
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const mobileStyles = {"header":"universal-modal__header_1bk7v","content":"universal-modal__content_1bk7v","bottomAddons":"universal-modal__bottomAddons_1bk7v"};
3
+ const mobileStyles = {"header":"universal-modal__header_4gw09","content":"universal-modal__content_4gw09","bottomAddons":"universal-modal__bottomAddons_4gw09"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map