@alfalab/core-components-universal-modal 3.1.8 → 3.2.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 (145) hide show
  1. package/components/base-content/index.css +1 -1
  2. package/components/base-content/index.module.css.js +1 -1
  3. package/components/base-footer/index.css +3 -3
  4. package/components/base-footer/index.module.css.js +1 -1
  5. package/components/base-header/index.css +4 -4
  6. package/components/base-header/index.module.css.js +1 -1
  7. package/cssm/desktop/types/props.d.ts +1 -1
  8. package/desktop/components/center-modal/index.css +783 -783
  9. package/desktop/components/center-modal/index.module.css.js +1 -1
  10. package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  11. package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  12. package/desktop/components/center-modal/transitions/transitions.css +7 -7
  13. package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  14. package/desktop/components/footer/desktop.css +1 -1
  15. package/desktop/components/footer/desktop.module.css.js +1 -1
  16. package/desktop/components/footer/layout.css +9 -9
  17. package/desktop/components/footer/layout.module.css.js +1 -1
  18. package/desktop/components/header/desktop.css +5 -5
  19. package/desktop/components/header/desktop.module.css.js +1 -1
  20. package/desktop/components/modal-content/modal-content.css +4 -4
  21. package/desktop/components/modal-content/modal-content.module.css.js +1 -1
  22. package/desktop/components/side-modal/index.css +785 -785
  23. package/desktop/components/side-modal/index.module.css.js +1 -1
  24. package/desktop/components/side-modal/transitions/transitions.css +71 -71
  25. package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  26. package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  27. package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  28. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  29. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  30. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  31. package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  32. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  33. package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  34. package/desktop/types/props.d.ts +1 -1
  35. package/esm/components/base-content/index.css +1 -1
  36. package/esm/components/base-content/index.module.css.js +1 -1
  37. package/esm/components/base-footer/index.css +3 -3
  38. package/esm/components/base-footer/index.module.css.js +1 -1
  39. package/esm/components/base-header/index.css +4 -4
  40. package/esm/components/base-header/index.module.css.js +1 -1
  41. package/esm/desktop/components/center-modal/index.css +783 -783
  42. package/esm/desktop/components/center-modal/index.module.css.js +1 -1
  43. package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  44. package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  45. package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
  46. package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  47. package/esm/desktop/components/footer/desktop.css +1 -1
  48. package/esm/desktop/components/footer/desktop.module.css.js +1 -1
  49. package/esm/desktop/components/footer/layout.css +9 -9
  50. package/esm/desktop/components/footer/layout.module.css.js +1 -1
  51. package/esm/desktop/components/header/desktop.css +5 -5
  52. package/esm/desktop/components/header/desktop.module.css.js +1 -1
  53. package/esm/desktop/components/modal-content/modal-content.css +4 -4
  54. package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
  55. package/esm/desktop/components/side-modal/index.css +785 -785
  56. package/esm/desktop/components/side-modal/index.module.css.js +1 -1
  57. package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
  58. package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  59. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  60. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  61. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  62. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  63. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  64. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  65. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  66. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  67. package/esm/desktop/types/props.d.ts +1 -1
  68. package/esm/mobile/components/content/index.css +3 -3
  69. package/esm/mobile/components/content/index.module.css.js +1 -1
  70. package/esm/mobile/components/footer/index.css +2 -2
  71. package/esm/mobile/components/footer/index.module.css.js +1 -1
  72. package/esm/mobile/components/footer/layout.mobile.css +9 -9
  73. package/esm/mobile/components/footer/layout.mobile.module.css.js +1 -1
  74. package/esm/mobile/components/header/index.css +3 -3
  75. package/esm/mobile/components/header/index.module.css.js +1 -1
  76. package/esm/mobile/mobile.css +3 -3
  77. package/esm/mobile/mobile.module.css.js +1 -1
  78. package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
  79. package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  80. package/esm/mobile/transitions/transitions.mobile.css +7 -7
  81. package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
  82. package/mobile/components/content/index.css +3 -3
  83. package/mobile/components/content/index.module.css.js +1 -1
  84. package/mobile/components/footer/index.css +2 -2
  85. package/mobile/components/footer/index.module.css.js +1 -1
  86. package/mobile/components/footer/layout.mobile.css +9 -9
  87. package/mobile/components/footer/layout.mobile.module.css.js +1 -1
  88. package/mobile/components/header/index.css +3 -3
  89. package/mobile/components/header/index.module.css.js +1 -1
  90. package/mobile/mobile.css +3 -3
  91. package/mobile/mobile.module.css.js +1 -1
  92. package/mobile/transitions/right-side-transitions.mobile.css +7 -7
  93. package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  94. package/mobile/transitions/transitions.mobile.css +7 -7
  95. package/mobile/transitions/transitions.mobile.module.css.js +1 -1
  96. package/modern/components/base-content/index.css +1 -1
  97. package/modern/components/base-content/index.module.css.js +1 -1
  98. package/modern/components/base-footer/index.css +3 -3
  99. package/modern/components/base-footer/index.module.css.js +1 -1
  100. package/modern/components/base-header/index.css +4 -4
  101. package/modern/components/base-header/index.module.css.js +1 -1
  102. package/modern/desktop/components/center-modal/index.css +783 -783
  103. package/modern/desktop/components/center-modal/index.module.css.js +1 -1
  104. package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
  105. package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
  106. package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
  107. package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
  108. package/modern/desktop/components/footer/desktop.css +1 -1
  109. package/modern/desktop/components/footer/desktop.module.css.js +1 -1
  110. package/modern/desktop/components/footer/layout.css +9 -9
  111. package/modern/desktop/components/footer/layout.module.css.js +1 -1
  112. package/modern/desktop/components/header/desktop.css +5 -5
  113. package/modern/desktop/components/header/desktop.module.css.js +1 -1
  114. package/modern/desktop/components/modal-content/modal-content.css +4 -4
  115. package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
  116. package/modern/desktop/components/side-modal/index.css +785 -785
  117. package/modern/desktop/components/side-modal/index.module.css.js +1 -1
  118. package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
  119. package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
  120. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
  121. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
  122. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
  123. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
  124. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
  125. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
  126. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
  127. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
  128. package/modern/desktop/types/props.d.ts +1 -1
  129. package/modern/mobile/components/content/index.css +3 -3
  130. package/modern/mobile/components/content/index.module.css.js +1 -1
  131. package/modern/mobile/components/footer/index.css +2 -2
  132. package/modern/mobile/components/footer/index.module.css.js +1 -1
  133. package/modern/mobile/components/footer/layout.mobile.css +9 -9
  134. package/modern/mobile/components/footer/layout.mobile.module.css.js +1 -1
  135. package/modern/mobile/components/header/index.css +3 -3
  136. package/modern/mobile/components/header/index.module.css.js +1 -1
  137. package/modern/mobile/mobile.css +3 -3
  138. package/modern/mobile/mobile.module.css.js +1 -1
  139. package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
  140. package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
  141. package/modern/mobile/transitions/transitions.mobile.css +7 -7
  142. package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
  143. package/moderncssm/desktop/types/props.d.ts +1 -1
  144. package/package.json +1 -1
  145. package/src/desktop/types/props.ts +1 -0
@@ -3,9 +3,9 @@
3
3
  --gap-0: 0px;
4
4
  --gap-20: var(--gap-l);
5
5
  }
6
- .universal-modal__footer_11vdx {
6
+ .universal-modal__footer_1swwr {
7
7
  padding: var(--gap-20);
8
8
  }
9
- .universal-modal__sticky_11vdx {
9
+ .universal-modal__sticky_1swwr {
10
10
  bottom: var(--gap-0);
11
11
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"footer":"universal-modal__footer_11vdx","sticky":"universal-modal__sticky_11vdx"};
3
+ const styles = {"footer":"universal-modal__footer_1swwr","sticky":"universal-modal__sticky_1swwr"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,25 +2,25 @@
2
2
  --gap-xs: 8px;
3
3
  --gap-8: var(--gap-xs);
4
4
  }
5
- .universal-modal__column_1azhe {
5
+ .universal-modal__column_91ttl {
6
6
  flex-direction: column;
7
7
  }
8
- .universal-modal__start_1azhe {
8
+ .universal-modal__start_91ttl {
9
9
  justify-content: flex-start;
10
10
  }
11
- .universal-modal__center_1azhe {
11
+ .universal-modal__center_91ttl {
12
12
  justify-content: center;
13
13
  }
14
- .universal-modal__space-between_1azhe {
14
+ .universal-modal__space-between_91ttl {
15
15
  justify-content: space-between;
16
16
  }
17
- .universal-modal__space-between_1azhe > * {
17
+ .universal-modal__space-between_91ttl > * {
18
18
  flex: 1;
19
19
  }
20
- .universal-modal__start_1azhe,
21
- .universal-modal__center_1azhe,
22
- .universal-modal__space-between_1azhe,
23
- .universal-modal__column_1azhe {
20
+ .universal-modal__start_91ttl,
21
+ .universal-modal__center_91ttl,
22
+ .universal-modal__space-between_91ttl,
23
+ .universal-modal__column_91ttl {
24
24
  display: flex;
25
25
  gap: var(--gap-8);
26
26
  }
@@ -1,6 +1,6 @@
1
1
  import './layout.mobile.css';
2
2
 
3
- const layoutStylesMobile = {"column":"universal-modal__column_1azhe","start":"universal-modal__start_1azhe","center":"universal-modal__center_1azhe","space-between":"universal-modal__space-between_1azhe"};
3
+ const layoutStylesMobile = {"column":"universal-modal__column_91ttl","start":"universal-modal__start_91ttl","center":"universal-modal__center_91ttl","space-between":"universal-modal__space-between_91ttl"};
4
4
 
5
5
  export { layoutStylesMobile as default };
6
6
  //# sourceMappingURL=layout.mobile.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_1jld9 {
16
+ .universal-modal__header_1rc7l {
17
17
  padding: var(--gap-8) var(--gap-4);
18
18
  }
19
- .universal-modal__content_1jld9 {
19
+ .universal-modal__content_1rc7l {
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_1jld9 {
28
+ .universal-modal__bottomAddons_1rc7l {
29
29
  font-size: 20px;
30
30
  line-height: 28px;
31
31
  font-weight: 600;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const mobileStyles = {"header":"universal-modal__header_1jld9","content":"universal-modal__content_1jld9","bottomAddons":"universal-modal__bottomAddons_1jld9"};
3
+ const mobileStyles = {"header":"universal-modal__header_1rc7l","content":"universal-modal__content_1rc7l","bottomAddons":"universal-modal__bottomAddons_1rc7l"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
3
  }
4
- .universal-modal__component_1fcx8 {
4
+ .universal-modal__component_1bsfh {
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_1fcx8 .universal-modal__content_1fcx8 {
14
+ .universal-modal__component_1bsfh .universal-modal__content_1bsfh {
15
15
  height: auto;
16
16
  }
17
- .universal-modal__component_1fcx8.universal-modal__component_1fcx8 {
17
+ .universal-modal__component_1bsfh.universal-modal__component_1bsfh {
18
18
  position: fixed;
19
19
  flex: 1;
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const styles = {"component":"universal-modal__component_1fcx8","content":"universal-modal__content_1fcx8"};
3
+ const styles = {"component":"universal-modal__component_1bsfh","content":"universal-modal__content_1bsfh"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,18 +1,18 @@
1
- .universal-modal__appear_ycwkw,
2
- .universal-modal__enter_ycwkw {
1
+ .universal-modal__appear_17vg9,
2
+ .universal-modal__enter_17vg9 {
3
3
  transform: translateX(100%);
4
4
  }
5
- .universal-modal__appearActive_ycwkw,
6
- .universal-modal__enterActive_ycwkw {
5
+ .universal-modal__appearActive_17vg9,
6
+ .universal-modal__enterActive_17vg9 {
7
7
  transform: translateX(0);
8
8
  transition: transform 280ms ease-in-out;
9
9
  transition-delay: 80ms;
10
10
  }
11
- .universal-modal__exit_ycwkw {
11
+ .universal-modal__exit_17vg9 {
12
12
  transform: translateX(0);
13
13
  }
14
- .universal-modal__exitActive_ycwkw,
15
- .universal-modal__exitDone_ycwkw {
14
+ .universal-modal__exitActive_17vg9,
15
+ .universal-modal__exitDone_17vg9 {
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
- const rightSideTransitions = {"appear":"universal-modal__appear_ycwkw","enter":"universal-modal__enter_ycwkw","appearActive":"universal-modal__appearActive_ycwkw","enterActive":"universal-modal__enterActive_ycwkw","exit":"universal-modal__exit_ycwkw","exitActive":"universal-modal__exitActive_ycwkw","exitDone":"universal-modal__exitDone_ycwkw"};
3
+ const rightSideTransitions = {"appear":"universal-modal__appear_17vg9","enter":"universal-modal__enter_17vg9","appearActive":"universal-modal__appearActive_17vg9","enterActive":"universal-modal__enterActive_17vg9","exit":"universal-modal__exit_17vg9","exitActive":"universal-modal__exitActive_17vg9","exitDone":"universal-modal__exitDone_17vg9"};
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_16vc8,
2
- .universal-modal__enter_16vc8 {
1
+ .universal-modal__appear_11o75,
2
+ .universal-modal__enter_11o75 {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .universal-modal__appearActive_16vc8,
8
- .universal-modal__enterActive_16vc8 {
7
+ .universal-modal__appearActive_11o75,
8
+ .universal-modal__enterActive_11o75 {
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_16vc8 {
16
+ .universal-modal__exit_11o75 {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .universal-modal__exitActive_16vc8,
22
- .universal-modal__exitDone_16vc8 {
21
+ .universal-modal__exitActive_11o75,
22
+ .universal-modal__exitDone_11o75 {
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
- const transitions = {"appear":"universal-modal__appear_16vc8","enter":"universal-modal__enter_16vc8","appearActive":"universal-modal__appearActive_16vc8","enterActive":"universal-modal__enterActive_16vc8","exit":"universal-modal__exit_16vc8","exitActive":"universal-modal__exitActive_16vc8","exitDone":"universal-modal__exitDone_16vc8"};
3
+ const transitions = {"appear":"universal-modal__appear_11o75","enter":"universal-modal__enter_11o75","appearActive":"universal-modal__appearActive_11o75","enterActive":"universal-modal__enterActive_11o75","exit":"universal-modal__exit_11o75","exitActive":"universal-modal__exitActive_11o75","exitDone":"universal-modal__exitDone_11o75"};
4
4
 
5
5
  export { transitions as default };
6
6
  //# sourceMappingURL=transitions.mobile.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' | 'container'>> {
39
+ export interface UniversalModalDesktopProps extends BaseUniversalModalProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose' | 'disableFocusLock' | 'container' | 'disableRestoreFocus'>> {
40
40
  /**
41
41
  * Реф контейнера на котором происходит scroll
42
42
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-universal-modal",
3
- "version": "3.1.8",
3
+ "version": "3.2.0",
4
4
  "description": "UniversalModal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -62,6 +62,7 @@ export interface UniversalModalDesktopProps
62
62
  | 'onClose'
63
63
  | 'disableFocusLock'
64
64
  | 'container'
65
+ | 'disableRestoreFocus'
65
66
  >
66
67
  > {
67
68
  /**