@alfalab/core-components-universal-modal 3.1.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) 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/types/props.d.ts +1 -1
  24. package/cssm/mobile/types/props.d.ts +1 -1
  25. package/desktop/components/center-modal/index.css +522 -522
  26. package/desktop/components/center-modal/index.module.css.js +1 -1
  27. package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  28. package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  29. package/desktop/components/center-modal/transitions/transitions.css +7 -7
  30. package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  31. package/desktop/components/modal-content/modal-content.css +4 -4
  32. package/desktop/components/modal-content/modal-content.module.css.js +1 -1
  33. package/desktop/components/side-modal/index.css +524 -524
  34. package/desktop/components/side-modal/index.module.css.js +1 -1
  35. package/desktop/components/side-modal/transitions/transitions.css +71 -71
  36. package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  37. package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  38. package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  39. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  40. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  41. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  42. package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  43. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  44. package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  45. package/desktop/types/props.d.ts +1 -1
  46. package/esm/components/content/base-content/index.css +1 -1
  47. package/esm/components/content/base-content/index.module.css.js +1 -1
  48. package/esm/components/content/desktop/desktop.css +2 -2
  49. package/esm/components/content/desktop/desktop.module.css.js +1 -1
  50. package/esm/components/content/mobile/mobile.css +3 -3
  51. package/esm/components/content/mobile/mobile.module.css.js +1 -1
  52. package/esm/components/footer/base-footer/index.css +3 -3
  53. package/esm/components/footer/base-footer/index.module.css.js +1 -1
  54. package/esm/components/footer/desktop/desktop.css +1 -1
  55. package/esm/components/footer/desktop/desktop.module.css.js +1 -1
  56. package/esm/components/footer/desktop/layout.css +9 -9
  57. package/esm/components/footer/desktop/layout.module.css.js +1 -1
  58. package/esm/components/footer/mobile/layout.mobile.css +8 -8
  59. package/esm/components/footer/mobile/layout.mobile.module.css.js +1 -1
  60. package/esm/components/footer/mobile/mobile.css +2 -2
  61. package/esm/components/footer/mobile/mobile.module.css.js +1 -1
  62. package/esm/components/header/base-header/index.css +4 -4
  63. package/esm/components/header/base-header/index.module.css.js +1 -1
  64. package/esm/components/header/desktop/desktop.css +5 -5
  65. package/esm/components/header/desktop/desktop.module.css.js +1 -1
  66. package/esm/components/header/mobile/mobile.css +3 -3
  67. package/esm/components/header/mobile/mobile.module.css.js +1 -1
  68. package/esm/desktop/components/center-modal/index.css +522 -522
  69. package/esm/desktop/components/center-modal/index.module.css.js +1 -1
  70. package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  71. package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  72. package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
  73. package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  74. package/esm/desktop/components/modal-content/modal-content.css +4 -4
  75. package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
  76. package/esm/desktop/components/side-modal/index.css +524 -524
  77. package/esm/desktop/components/side-modal/index.module.css.js +1 -1
  78. package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
  79. package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  80. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  81. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  82. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  83. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  84. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  85. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  86. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  87. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  88. package/esm/desktop/types/props.d.ts +1 -1
  89. package/esm/mobile/mobile.css +3 -3
  90. package/esm/mobile/mobile.module.css.js +1 -1
  91. package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
  92. package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  93. package/esm/mobile/transitions/transitions.mobile.css +7 -7
  94. package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
  95. package/esm/mobile/types/props.d.ts +1 -1
  96. package/mobile/mobile.css +3 -3
  97. package/mobile/mobile.module.css.js +1 -1
  98. package/mobile/transitions/right-side-transitions.mobile.css +7 -7
  99. package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  100. package/mobile/transitions/transitions.mobile.css +7 -7
  101. package/mobile/transitions/transitions.mobile.module.css.js +1 -1
  102. package/mobile/types/props.d.ts +1 -1
  103. package/modern/components/content/base-content/index.css +1 -1
  104. package/modern/components/content/base-content/index.module.css.js +1 -1
  105. package/modern/components/content/desktop/desktop.css +2 -2
  106. package/modern/components/content/desktop/desktop.module.css.js +1 -1
  107. package/modern/components/content/mobile/mobile.css +3 -3
  108. package/modern/components/content/mobile/mobile.module.css.js +1 -1
  109. package/modern/components/footer/base-footer/index.css +3 -3
  110. package/modern/components/footer/base-footer/index.module.css.js +1 -1
  111. package/modern/components/footer/desktop/desktop.css +1 -1
  112. package/modern/components/footer/desktop/desktop.module.css.js +1 -1
  113. package/modern/components/footer/desktop/layout.css +9 -9
  114. package/modern/components/footer/desktop/layout.module.css.js +1 -1
  115. package/modern/components/footer/mobile/layout.mobile.css +8 -8
  116. package/modern/components/footer/mobile/layout.mobile.module.css.js +1 -1
  117. package/modern/components/footer/mobile/mobile.css +2 -2
  118. package/modern/components/footer/mobile/mobile.module.css.js +1 -1
  119. package/modern/components/header/base-header/index.css +4 -4
  120. package/modern/components/header/base-header/index.module.css.js +1 -1
  121. package/modern/components/header/desktop/desktop.css +5 -5
  122. package/modern/components/header/desktop/desktop.module.css.js +1 -1
  123. package/modern/components/header/mobile/mobile.css +3 -3
  124. package/modern/components/header/mobile/mobile.module.css.js +1 -1
  125. package/modern/desktop/components/center-modal/index.css +522 -522
  126. package/modern/desktop/components/center-modal/index.module.css.js +1 -1
  127. package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  128. package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  129. package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
  130. package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  131. package/modern/desktop/components/modal-content/modal-content.css +4 -4
  132. package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
  133. package/modern/desktop/components/side-modal/index.css +524 -524
  134. package/modern/desktop/components/side-modal/index.module.css.js +1 -1
  135. package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
  136. package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  137. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  138. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  139. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  140. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  141. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  142. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  143. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  144. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  145. package/modern/desktop/types/props.d.ts +1 -1
  146. package/modern/mobile/mobile.css +3 -3
  147. package/modern/mobile/mobile.module.css.js +1 -1
  148. package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
  149. package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  150. package/modern/mobile/transitions/transitions.mobile.css +7 -7
  151. package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
  152. package/modern/mobile/types/props.d.ts +1 -1
  153. package/moderncssm/desktop/types/props.d.ts +1 -1
  154. package/moderncssm/mobile/types/props.d.ts +1 -1
  155. package/package.json +1 -1
  156. package/src/desktop/types/props.ts +1 -0
  157. package/src/mobile/types/props.ts +2 -0
@@ -5,7 +5,7 @@
5
5
  --universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
6
6
  --universal-modal-backdrop-hidden-background: transparent;
7
7
  }
8
- @keyframes universal-modal__step_1_gtxga {
8
+ @keyframes universal-modal__step_1_1jx4v {
9
9
  0% {
10
10
  opacity: 1;
11
11
  }
@@ -13,7 +13,7 @@
13
13
  opacity: 0.5;
14
14
  }
15
15
  }
16
- @keyframes universal-modal__step_2_gtxga {
16
+ @keyframes universal-modal__step_2_1jx4v {
17
17
  0% {
18
18
  opacity: 0.5;
19
19
  }
@@ -22,26 +22,26 @@
22
22
  background-color: var(--universal-modal-backdrop-hidden-background);
23
23
  }
24
24
  }
25
- .universal-modal__appear_gtxga,
26
- .universal-modal__enter_gtxga {
25
+ .universal-modal__appear_1jx4v,
26
+ .universal-modal__enter_1jx4v {
27
27
  background-color: var(--universal-modal-backdrop-hidden-background);
28
28
  }
29
- .universal-modal__appearActive_gtxga,
30
- .universal-modal__enterActive_gtxga,
31
- .universal-modal__appearDone_gtxga,
32
- .universal-modal__enterDone_gtxga {
29
+ .universal-modal__appearActive_1jx4v,
30
+ .universal-modal__enterActive_1jx4v,
31
+ .universal-modal__appearDone_1jx4v,
32
+ .universal-modal__enterDone_1jx4v {
33
33
  background-color: var(--universal-modal-backdrop-visible-background);
34
34
  }
35
- .universal-modal__exit_gtxga {
35
+ .universal-modal__exit_1jx4v {
36
36
  background-color: var(--universal-modal-backdrop-visible-background);
37
37
  }
38
- .universal-modal__exitActive_gtxga {
38
+ .universal-modal__exitActive_1jx4v {
39
39
  opacity: 1;
40
40
  animation:
41
- universal-modal__step_1_gtxga 200ms cubic-bezier(0, 0, 1, 0),
42
- universal-modal__step_2_gtxga 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
41
+ universal-modal__step_1_1jx4v 200ms cubic-bezier(0, 0, 1, 0),
42
+ universal-modal__step_2_1jx4v 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
43
43
  }
44
- .universal-modal__exitDone_gtxga {
44
+ .universal-modal__exitDone_1jx4v {
45
45
  opacity: 0;
46
46
  background-color: var(--universal-modal-backdrop-hidden-background);
47
47
  }
@@ -1,6 +1,6 @@
1
1
  import './full-size-backdrop-transitions.css';
2
2
 
3
- var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_gtxga","enter":"universal-modal__enter_gtxga","appearActive":"universal-modal__appearActive_gtxga","enterActive":"universal-modal__enterActive_gtxga","appearDone":"universal-modal__appearDone_gtxga","enterDone":"universal-modal__enterDone_gtxga","exit":"universal-modal__exit_gtxga","exitActive":"universal-modal__exitActive_gtxga","step_1":"universal-modal__step_1_gtxga","step_2":"universal-modal__step_2_gtxga","exitDone":"universal-modal__exitDone_gtxga"};
3
+ var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1jx4v","enter":"universal-modal__enter_1jx4v","appearActive":"universal-modal__appearActive_1jx4v","enterActive":"universal-modal__enterActive_1jx4v","appearDone":"universal-modal__appearDone_1jx4v","enterDone":"universal-modal__enterDone_1jx4v","exit":"universal-modal__exit_1jx4v","exitActive":"universal-modal__exitActive_1jx4v","step_1":"universal-modal__step_1_1jx4v","step_2":"universal-modal__step_2_1jx4v","exitDone":"universal-modal__exitDone_1jx4v"};
4
4
 
5
5
  export { fullSizeBackdropTransitions as default };
6
6
  //# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map
@@ -1,11 +1,11 @@
1
- .universal-modal__appear_pzfns,
2
- .universal-modal__enter_pzfns {
1
+ .universal-modal__appear_12gyc,
2
+ .universal-modal__enter_12gyc {
3
3
  opacity: 0;
4
4
  transform: translateY(40px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_pzfns,
8
- .universal-modal__enterActive_pzfns {
7
+ .universal-modal__appearActive_12gyc,
8
+ .universal-modal__enterActive_12gyc {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms cubic-bezier(0, 0, 0, 1);
14
14
  }
15
15
 
16
- .universal-modal__exit_pzfns {
16
+ .universal-modal__exit_12gyc {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_pzfns,
22
- .universal-modal__exitDone_pzfns {
21
+ .universal-modal__exitActive_12gyc,
22
+ .universal-modal__exitDone_12gyc {
23
23
  opacity: 0;
24
24
  transform: translateY(40px);
25
25
  transition:
@@ -1,6 +1,6 @@
1
1
  import './full-size-vertical-bottom-transitions.css';
2
2
 
3
- var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_pzfns","enter":"universal-modal__enter_pzfns","appearActive":"universal-modal__appearActive_pzfns","enterActive":"universal-modal__enterActive_pzfns","exit":"universal-modal__exit_pzfns","exitActive":"universal-modal__exitActive_pzfns","exitDone":"universal-modal__exitDone_pzfns"};
3
+ var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_12gyc","enter":"universal-modal__enter_12gyc","appearActive":"universal-modal__appearActive_12gyc","enterActive":"universal-modal__enterActive_12gyc","exit":"universal-modal__exit_12gyc","exitActive":"universal-modal__exitActive_12gyc","exitDone":"universal-modal__exitDone_12gyc"};
4
4
 
5
5
  export { fullSizeVerticalBottomTransitions as default };
6
6
  //# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map
@@ -1,20 +1,20 @@
1
- .universal-modal__appear_8pfet,
2
- .universal-modal__enter_8pfet {
1
+ .universal-modal__appear_mre9o,
2
+ .universal-modal__enter_mre9o {
3
3
  opacity: 0;
4
4
  }
5
5
 
6
- .universal-modal__appearActive_8pfet,
7
- .universal-modal__enterActive_8pfet {
6
+ .universal-modal__appearActive_mre9o,
7
+ .universal-modal__enterActive_mre9o {
8
8
  opacity: 1;
9
9
  transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
10
10
  }
11
11
 
12
- .universal-modal__exit_8pfet {
12
+ .universal-modal__exit_mre9o {
13
13
  opacity: 1;
14
14
  }
15
15
 
16
- .universal-modal__exitActive_8pfet,
17
- .universal-modal__exitDone_8pfet {
16
+ .universal-modal__exitActive_mre9o,
17
+ .universal-modal__exitDone_mre9o {
18
18
  opacity: 0;
19
19
  transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './full-size-vertical-center-transitions.css';
2
2
 
3
- var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_8pfet","enter":"universal-modal__enter_8pfet","appearActive":"universal-modal__appearActive_8pfet","enterActive":"universal-modal__enterActive_8pfet","exit":"universal-modal__exit_8pfet","exitActive":"universal-modal__exitActive_8pfet","exitDone":"universal-modal__exitDone_8pfet"};
3
+ var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_mre9o","enter":"universal-modal__enter_mre9o","appearActive":"universal-modal__appearActive_mre9o","enterActive":"universal-modal__enterActive_mre9o","exit":"universal-modal__exit_mre9o","exitActive":"universal-modal__exitActive_mre9o","exitDone":"universal-modal__exitDone_mre9o"};
4
4
 
5
5
  export { fullSizeVerticalCenterTransitions as default };
6
6
  //# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map
@@ -1,11 +1,11 @@
1
- .universal-modal__appear_qhje1,
2
- .universal-modal__enter_qhje1 {
1
+ .universal-modal__appear_14ji8,
2
+ .universal-modal__enter_14ji8 {
3
3
  opacity: 0;
4
4
  transform: translateY(-40px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_qhje1,
8
- .universal-modal__enterActive_qhje1 {
7
+ .universal-modal__appearActive_14ji8,
8
+ .universal-modal__enterActive_14ji8 {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms cubic-bezier(0, 0, 0, 1);
14
14
  }
15
15
 
16
- .universal-modal__exit_qhje1 {
16
+ .universal-modal__exit_14ji8 {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_qhje1,
22
- .universal-modal__exitDone_qhje1 {
21
+ .universal-modal__exitActive_14ji8,
22
+ .universal-modal__exitDone_14ji8 {
23
23
  opacity: 0;
24
24
  transform: translateY(-40px);
25
25
  transition:
@@ -1,6 +1,6 @@
1
1
  import './full-size-vertical-top-transitions.css';
2
2
 
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"};
3
+ var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_14ji8","enter":"universal-modal__enter_14ji8","appearActive":"universal-modal__appearActive_14ji8","enterActive":"universal-modal__enterActive_14ji8","exit":"universal-modal__exit_14ji8","exitActive":"universal-modal__exitActive_14ji8","exitDone":"universal-modal__exitDone_14ji8"};
4
4
 
5
5
  export { fullSizeVerticalTopTransitions as default };
6
6
  //# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map
@@ -36,7 +36,7 @@ export interface BaseUniversalModalProps {
36
36
  */
37
37
  margin?: Margin;
38
38
  }
39
- export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock'>> {
39
+ export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container'>> {
40
40
  /**
41
41
  * Реф контейнера на котором происходит scroll
42
42
  */
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__component_1sesv {
4
+ .universal-modal__component_17ftt {
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_1sesv .universal-modal__content_1sesv {
14
+ .universal-modal__component_17ftt .universal-modal__content_17ftt {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_1sesv.universal-modal__component_1sesv {
17
+ .universal-modal__component_17ftt.universal-modal__component_17ftt {
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_1sesv","content":"universal-modal__content_1sesv"};
3
+ var styles = {"component":"universal-modal__component_17ftt","content":"universal-modal__content_17ftt"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_lb0xx,
2
- .universal-modal__enter_lb0xx {
1
+ .universal-modal__appear_1itdr,
2
+ .universal-modal__enter_1itdr {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_lb0xx,
6
- .universal-modal__enterActive_lb0xx {
5
+ .universal-modal__appearActive_1itdr,
6
+ .universal-modal__enterActive_1itdr {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_lb0xx {
11
+ .universal-modal__exit_1itdr {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_lb0xx,
15
- .universal-modal__exitDone_lb0xx {
14
+ .universal-modal__exitActive_1itdr,
15
+ .universal-modal__exitDone_1itdr {
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_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"};
3
+ var rightSideTransitions = {"appear":"universal-modal__appear_1itdr","enter":"universal-modal__enter_1itdr","appearActive":"universal-modal__appearActive_1itdr","enterActive":"universal-modal__enterActive_1itdr","exit":"universal-modal__exit_1itdr","exitActive":"universal-modal__exitActive_1itdr","exitDone":"universal-modal__exitDone_1itdr"};
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_e8qz6,
2
- .universal-modal__enter_e8qz6 {
1
+ .universal-modal__appear_qq9ne,
2
+ .universal-modal__enter_qq9ne {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_e8qz6,
8
- .universal-modal__enterActive_e8qz6 {
7
+ .universal-modal__appearActive_qq9ne,
8
+ .universal-modal__enterActive_qq9ne {
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_e8qz6 {
16
+ .universal-modal__exit_qq9ne {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_e8qz6,
22
- .universal-modal__exitDone_e8qz6 {
21
+ .universal-modal__exitActive_qq9ne,
22
+ .universal-modal__exitDone_qq9ne {
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_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"};
3
+ var transitions = {"appear":"universal-modal__appear_qq9ne","enter":"universal-modal__enter_qq9ne","appearActive":"universal-modal__appearActive_qq9ne","enterActive":"universal-modal__enterActive_qq9ne","exit":"universal-modal__exit_qq9ne","exitActive":"universal-modal__exitActive_qq9ne","exitDone":"universal-modal__exitDone_qq9ne"};
4
4
 
5
5
  export { transitions as default };
6
6
  //# sourceMappingURL=transitions.mobile.module.css.js.map
@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
3
3
  /** Сторона с которой будет появляться модальное окно */
4
4
  appearance?: 'bottom' | 'right';
5
5
  }
6
- export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose' | 'disableFocusLock'>> {
6
+ export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container'>> {
7
7
  }
package/mobile/mobile.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__component_1sesv {
4
+ .universal-modal__component_17ftt {
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_1sesv .universal-modal__content_1sesv {
14
+ .universal-modal__component_17ftt .universal-modal__content_17ftt {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_1sesv.universal-modal__component_1sesv {
17
+ .universal-modal__component_17ftt.universal-modal__component_17ftt {
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_1sesv","content":"universal-modal__content_1sesv"};
5
+ var styles = {"component":"universal-modal__component_17ftt","content":"universal-modal__content_17ftt"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_lb0xx,
2
- .universal-modal__enter_lb0xx {
1
+ .universal-modal__appear_1itdr,
2
+ .universal-modal__enter_1itdr {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_lb0xx,
6
- .universal-modal__enterActive_lb0xx {
5
+ .universal-modal__appearActive_1itdr,
6
+ .universal-modal__enterActive_1itdr {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_lb0xx {
11
+ .universal-modal__exit_1itdr {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_lb0xx,
15
- .universal-modal__exitDone_lb0xx {
14
+ .universal-modal__exitActive_1itdr,
15
+ .universal-modal__exitDone_1itdr {
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_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"};
5
+ var rightSideTransitions = {"appear":"universal-modal__appear_1itdr","enter":"universal-modal__enter_1itdr","appearActive":"universal-modal__appearActive_1itdr","enterActive":"universal-modal__enterActive_1itdr","exit":"universal-modal__exit_1itdr","exitActive":"universal-modal__exitActive_1itdr","exitDone":"universal-modal__exitDone_1itdr"};
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_e8qz6,
2
- .universal-modal__enter_e8qz6 {
1
+ .universal-modal__appear_qq9ne,
2
+ .universal-modal__enter_qq9ne {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_e8qz6,
8
- .universal-modal__enterActive_e8qz6 {
7
+ .universal-modal__appearActive_qq9ne,
8
+ .universal-modal__enterActive_qq9ne {
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_e8qz6 {
16
+ .universal-modal__exit_qq9ne {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_e8qz6,
22
- .universal-modal__exitDone_e8qz6 {
21
+ .universal-modal__exitActive_qq9ne,
22
+ .universal-modal__exitDone_qq9ne {
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_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"};
5
+ var transitions = {"appear":"universal-modal__appear_qq9ne","enter":"universal-modal__enter_qq9ne","appearActive":"universal-modal__appearActive_qq9ne","enterActive":"universal-modal__enterActive_qq9ne","exit":"universal-modal__exit_qq9ne","exitActive":"universal-modal__exitActive_qq9ne","exitDone":"universal-modal__exitDone_qq9ne"};
6
6
 
7
7
  module.exports = transitions;
8
8
  //# sourceMappingURL=transitions.mobile.module.css.js.map
@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
3
3
  /** Сторона с которой будет появляться модальное окно */
4
4
  appearance?: 'bottom' | 'right';
5
5
  }
6
- export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose' | 'disableFocusLock'>> {
6
+ export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container'>> {
7
7
  }
@@ -2,7 +2,7 @@
2
2
  --gap-2xl: 32px;
3
3
  --gap-32: var(--gap-2xl);
4
4
  }
5
- .universal-modal__content_1a5yd {
5
+ .universal-modal__content_w3zix {
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_1a5yd"};
3
+ const styles = {"content":"universal-modal__content_w3zix"};
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_1ft7o.universal-modal__withHeader_1ft7o {
4
+ .universal-modal__content_1tv6j.universal-modal__withHeader_1tv6j {
5
5
  padding-top: var(--gap-0);
6
6
  }
7
- .universal-modal__content_1ft7o.universal-modal__withFooter_1ft7o {
7
+ .universal-modal__content_1tv6j.universal-modal__withFooter_1tv6j {
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_1ft7o","withHeader":"universal-modal__withHeader_1ft7o","withFooter":"universal-modal__withFooter_1ft7o"};
3
+ const styles = {"content":"universal-modal__content_1tv6j","withHeader":"universal-modal__withHeader_1tv6j","withFooter":"universal-modal__withFooter_1tv6j"};
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_2atcj {
8
+ .universal-modal__content_esc0r {
9
9
  padding: var(--gap-16);
10
10
  }
11
- .universal-modal__content_2atcj.universal-modal__withHeader_2atcj {
11
+ .universal-modal__content_esc0r.universal-modal__withHeader_esc0r {
12
12
  padding-top: var(--gap-0);
13
13
  }
14
- .universal-modal__content_2atcj.universal-modal__withFooter_2atcj {
14
+ .universal-modal__content_esc0r.universal-modal__withFooter_esc0r {
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_2atcj","withHeader":"universal-modal__withHeader_2atcj","withFooter":"universal-modal__withFooter_2atcj"};
3
+ const styles = {"content":"universal-modal__content_esc0r","withHeader":"universal-modal__withHeader_esc0r","withFooter":"universal-modal__withFooter_esc0r"};
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_1fel6 {
16
+ .universal-modal__footer_11cmb {
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_1fel6 {
24
+ .universal-modal__sticky_11cmb {
25
25
  background: var(--universal-modal-footer-background);
26
26
  position: sticky;
27
27
  z-index: 1;
28
28
  }
29
- .universal-modal__highlighted_1fel6 {
29
+ .universal-modal__highlighted_11cmb {
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_1fel6","sticky":"universal-modal__sticky_1fel6","highlighted":"universal-modal__highlighted_1fel6"};
3
+ const styles = {"footer":"universal-modal__footer_11cmb","sticky":"universal-modal__sticky_11cmb","highlighted":"universal-modal__highlighted_11cmb"};
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_1sfol {
4
+ .universal-modal__sticky_edjkw {
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_1sfol"};
3
+ const styles = {"sticky":"universal-modal__sticky_edjkw"};
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_1s60g {
9
+ .universal-modal__column_e3vgg {
10
10
  display: flex;
11
11
  flex-direction: column;
12
12
  gap: var(--gap-8);
13
13
  }
14
- .universal-modal__column_1s60g.universal-modal__middle_1s60g {
14
+ .universal-modal__column_e3vgg.universal-modal__middle_e3vgg {
15
15
  gap: var(--gap-12);
16
16
  }
17
- .universal-modal__start_1s60g {
17
+ .universal-modal__start_e3vgg {
18
18
  justify-content: flex-start;
19
19
  }
20
- .universal-modal__center_1s60g {
20
+ .universal-modal__center_e3vgg {
21
21
  justify-content: center;
22
22
  }
23
- .universal-modal__space-between_1s60g {
23
+ .universal-modal__space-between_e3vgg {
24
24
  justify-content: space-between;
25
25
  }
26
- .universal-modal__space-between_1s60g > * {
26
+ .universal-modal__space-between_e3vgg > * {
27
27
  flex: 1;
28
28
  }
29
- .universal-modal__start_1s60g,
30
- .universal-modal__center_1s60g,
31
- .universal-modal__space-between_1s60g {
29
+ .universal-modal__start_e3vgg,
30
+ .universal-modal__center_e3vgg,
31
+ .universal-modal__space-between_e3vgg {
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_1s60g","middle":"universal-modal__middle_1s60g","start":"universal-modal__start_1s60g","center":"universal-modal__center_1s60g","space-between":"universal-modal__space-between_1s60g"};
3
+ const layoutStyles = {"column":"universal-modal__column_e3vgg","middle":"universal-modal__middle_e3vgg","start":"universal-modal__start_e3vgg","center":"universal-modal__center_e3vgg","space-between":"universal-modal__space-between_e3vgg"};
4
4
 
5
5
  export { layoutStyles as default };
6
6
  //# sourceMappingURL=layout.module.css.js.map