@alfalab/core-components-base-modal 5.9.2 → 5.9.3

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 (13) hide show
  1. package/Component.d.ts +2 -2
  2. package/Component.js +1 -1
  3. package/cssm/Component.d.ts +2 -2
  4. package/esm/Component.d.ts +2 -2
  5. package/esm/Component.js +1 -1
  6. package/esm/index.css +15 -15
  7. package/index.css +15 -15
  8. package/modern/Component.d.ts +2 -2
  9. package/modern/Component.js +1 -1
  10. package/modern/index.css +15 -15
  11. package/moderncssm/Component.d.ts +2 -2
  12. package/package.json +1 -1
  13. package/src/Component.tsx +4 -4
package/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
4
  import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
5
- import { TransitionProps } from 'react-transition-group/Transition';
5
+ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
6
6
  import { BackdropProps } from "@alfalab/core-components-backdrop";
7
7
  import { PortalProps } from "@alfalab/core-components-portal";
8
8
  type BaseModalProps = {
@@ -94,7 +94,7 @@ type BaseModalProps = {
94
94
  /**
95
95
  * Пропсы для анимации (CSSTransition)
96
96
  */
97
- transitionProps?: Partial<TransitionProps>;
97
+ transitionProps?: Partial<CSSTransitionProps>;
98
98
  /**
99
99
  * Рендерить ли в контейнер через портал.
100
100
  * @default true
package/Component.js CHANGED
@@ -25,7 +25,7 @@ var FocusLock__default = /*#__PURE__*/_interopDefaultCompat(FocusLock);
25
25
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
26
26
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
27
27
 
28
- var styles = {"component":"base-modal__component_1wsva","wrapper":"base-modal__wrapper_1wsva","content":"base-modal__content_1wsva","hasFooter":"base-modal__hasFooter_1wsva","hasHeader":"base-modal__hasHeader_1wsva","hidden":"base-modal__hidden_1wsva","backdrop":"base-modal__backdrop_1wsva","appear":"base-modal__appear_1wsva","enter":"base-modal__enter_1wsva","appearActive":"base-modal__appearActive_1wsva","enterActive":"base-modal__enterActive_1wsva","exit":"base-modal__exit_1wsva","exitActive":"base-modal__exitActive_1wsva","exitDone":"base-modal__exitDone_1wsva"};
28
+ var styles = {"component":"base-modal__component_1q5fj","wrapper":"base-modal__wrapper_1q5fj","content":"base-modal__content_1q5fj","hasFooter":"base-modal__hasFooter_1q5fj","hasHeader":"base-modal__hasHeader_1q5fj","hidden":"base-modal__hidden_1q5fj","backdrop":"base-modal__backdrop_1q5fj","appear":"base-modal__appear_1q5fj","enter":"base-modal__enter_1q5fj","appearActive":"base-modal__appearActive_1q5fj","enterActive":"base-modal__enterActive_1q5fj","exit":"base-modal__exit_1q5fj","exitActive":"base-modal__exitActive_1q5fj","exitDone":"base-modal__exitDone_1q5fj"};
29
29
  require('./index.css')
30
30
 
31
31
  // eslint-disable-next-line @typescript-eslint/no-redeclare
package/cssm/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
4
  import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
5
- import { TransitionProps } from 'react-transition-group/Transition';
5
+ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
6
6
  import { BackdropProps } from "@alfalab/core-components-backdrop";
7
7
  import { PortalProps } from "@alfalab/core-components-portal";
8
8
  type BaseModalProps = {
@@ -94,7 +94,7 @@ type BaseModalProps = {
94
94
  /**
95
95
  * Пропсы для анимации (CSSTransition)
96
96
  */
97
- transitionProps?: Partial<TransitionProps>;
97
+ transitionProps?: Partial<CSSTransitionProps>;
98
98
  /**
99
99
  * Рендерить ли в контейнер через портал.
100
100
  * @default true
package/esm/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
4
  import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
5
- import { TransitionProps } from 'react-transition-group/Transition';
5
+ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
6
6
  import { BackdropProps } from "@alfalab/core-components-backdrop";
7
7
  import { PortalProps } from "@alfalab/core-components-portal";
8
8
  type BaseModalProps = {
@@ -94,7 +94,7 @@ type BaseModalProps = {
94
94
  /**
95
95
  * Пропсы для анимации (CSSTransition)
96
96
  */
97
- transitionProps?: Partial<TransitionProps>;
97
+ transitionProps?: Partial<CSSTransitionProps>;
98
98
  /**
99
99
  * Рендерить ли в контейнер через портал.
100
100
  * @default true
package/esm/Component.js CHANGED
@@ -14,7 +14,7 @@ import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
14
14
  import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
15
15
  import './matches-polyfill.js';
16
16
 
17
- var styles = {"component":"base-modal__component_1wsva","wrapper":"base-modal__wrapper_1wsva","content":"base-modal__content_1wsva","hasFooter":"base-modal__hasFooter_1wsva","hasHeader":"base-modal__hasHeader_1wsva","hidden":"base-modal__hidden_1wsva","backdrop":"base-modal__backdrop_1wsva","appear":"base-modal__appear_1wsva","enter":"base-modal__enter_1wsva","appearActive":"base-modal__appearActive_1wsva","enterActive":"base-modal__enterActive_1wsva","exit":"base-modal__exit_1wsva","exitActive":"base-modal__exitActive_1wsva","exitDone":"base-modal__exitDone_1wsva"};
17
+ var styles = {"component":"base-modal__component_1q5fj","wrapper":"base-modal__wrapper_1q5fj","content":"base-modal__content_1q5fj","hasFooter":"base-modal__hasFooter_1q5fj","hasHeader":"base-modal__hasHeader_1q5fj","hidden":"base-modal__hidden_1q5fj","backdrop":"base-modal__backdrop_1q5fj","appear":"base-modal__appear_1q5fj","enter":"base-modal__enter_1q5fj","appearActive":"base-modal__appearActive_1q5fj","enterActive":"base-modal__enterActive_1q5fj","exit":"base-modal__exit_1q5fj","exitActive":"base-modal__exitActive_1q5fj","exitDone":"base-modal__exitDone_1q5fj"};
18
18
  require('./index.css')
19
19
 
20
20
  // eslint-disable-next-line @typescript-eslint/no-redeclare
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ckp8 */
1
+ /* hash: 1trq5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -29,13 +29,13 @@
29
29
  margin-top: calc(var(--window-inner-scrollY) * -1);
30
30
  position: fixed;
31
31
  overflow: hidden;
32
- } .base-modal__component_1wsva {
32
+ } .base-modal__component_1q5fj {
33
33
  position: relative;
34
34
  box-sizing: border-box;
35
35
  background: var(--color-light-modal-bg-primary);
36
36
  margin: auto;
37
37
  flex-shrink: 0;
38
- } .base-modal__wrapper_1wsva {
38
+ } .base-modal__wrapper_1q5fj {
39
39
  position: fixed;
40
40
  top: var(--gap-0);
41
41
  left: var(--gap-0);
@@ -48,33 +48,33 @@
48
48
  align-items: center;
49
49
  outline: 0;
50
50
  overscroll-behavior: none;
51
- } .base-modal__content_1wsva {
51
+ } .base-modal__content_1q5fj {
52
52
  width: 100%;
53
53
  height: 100%;
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  flex: 1
57
- } @media (display-mode: standalone) { .base-modal__content_1wsva.base-modal__hasFooter_1wsva {
57
+ } @media (display-mode: standalone) { .base-modal__content_1q5fj.base-modal__hasFooter_1q5fj {
58
58
  padding-bottom: unset
59
59
  }
60
- } @media (display-mode: standalone) { .base-modal__content_1wsva.base-modal__hasHeader_1wsva {
60
+ } @media (display-mode: standalone) { .base-modal__content_1q5fj.base-modal__hasHeader_1q5fj {
61
61
  padding-top: unset
62
62
  }
63
- } .base-modal__hidden_1wsva {
63
+ } .base-modal__hidden_1q5fj {
64
64
  display: none;
65
- } .base-modal__backdrop_1wsva {
65
+ } .base-modal__backdrop_1q5fj {
66
66
  z-index: 0;
67
- } .base-modal__appear_1wsva,
68
- .base-modal__enter_1wsva {
67
+ } .base-modal__appear_1q5fj,
68
+ .base-modal__enter_1q5fj {
69
69
  opacity: 0;
70
- } .base-modal__appearActive_1wsva,
71
- .base-modal__enterActive_1wsva {
70
+ } .base-modal__appearActive_1q5fj,
71
+ .base-modal__enterActive_1q5fj {
72
72
  opacity: 1;
73
73
  transition: opacity 200ms ease-in;
74
- } .base-modal__exit_1wsva {
74
+ } .base-modal__exit_1q5fj {
75
75
  opacity: 1;
76
- } .base-modal__exitActive_1wsva,
77
- .base-modal__exitDone_1wsva {
76
+ } .base-modal__exitActive_1q5fj,
77
+ .base-modal__exitDone_1q5fj {
78
78
  opacity: 0;
79
79
  transition: opacity 200ms ease-out;
80
80
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ckp8 */
1
+ /* hash: 1trq5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -29,13 +29,13 @@
29
29
  margin-top: calc(var(--window-inner-scrollY) * -1);
30
30
  position: fixed;
31
31
  overflow: hidden;
32
- } .base-modal__component_1wsva {
32
+ } .base-modal__component_1q5fj {
33
33
  position: relative;
34
34
  box-sizing: border-box;
35
35
  background: var(--color-light-modal-bg-primary);
36
36
  margin: auto;
37
37
  flex-shrink: 0;
38
- } .base-modal__wrapper_1wsva {
38
+ } .base-modal__wrapper_1q5fj {
39
39
  position: fixed;
40
40
  top: var(--gap-0);
41
41
  left: var(--gap-0);
@@ -48,33 +48,33 @@
48
48
  align-items: center;
49
49
  outline: 0;
50
50
  overscroll-behavior: none;
51
- } .base-modal__content_1wsva {
51
+ } .base-modal__content_1q5fj {
52
52
  width: 100%;
53
53
  height: 100%;
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  flex: 1
57
- } @media (display-mode: standalone) { .base-modal__content_1wsva.base-modal__hasFooter_1wsva {
57
+ } @media (display-mode: standalone) { .base-modal__content_1q5fj.base-modal__hasFooter_1q5fj {
58
58
  padding-bottom: unset
59
59
  }
60
- } @media (display-mode: standalone) { .base-modal__content_1wsva.base-modal__hasHeader_1wsva {
60
+ } @media (display-mode: standalone) { .base-modal__content_1q5fj.base-modal__hasHeader_1q5fj {
61
61
  padding-top: unset
62
62
  }
63
- } .base-modal__hidden_1wsva {
63
+ } .base-modal__hidden_1q5fj {
64
64
  display: none;
65
- } .base-modal__backdrop_1wsva {
65
+ } .base-modal__backdrop_1q5fj {
66
66
  z-index: 0;
67
- } .base-modal__appear_1wsva,
68
- .base-modal__enter_1wsva {
67
+ } .base-modal__appear_1q5fj,
68
+ .base-modal__enter_1q5fj {
69
69
  opacity: 0;
70
- } .base-modal__appearActive_1wsva,
71
- .base-modal__enterActive_1wsva {
70
+ } .base-modal__appearActive_1q5fj,
71
+ .base-modal__enterActive_1q5fj {
72
72
  opacity: 1;
73
73
  transition: opacity 200ms ease-in;
74
- } .base-modal__exit_1wsva {
74
+ } .base-modal__exit_1q5fj {
75
75
  opacity: 1;
76
- } .base-modal__exitActive_1wsva,
77
- .base-modal__exitDone_1wsva {
76
+ } .base-modal__exitActive_1q5fj,
77
+ .base-modal__exitDone_1q5fj {
78
78
  opacity: 0;
79
79
  transition: opacity 200ms ease-out;
80
80
  }
package/modern/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
4
  import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
5
- import { TransitionProps } from 'react-transition-group/Transition';
5
+ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
6
6
  import { BackdropProps } from "@alfalab/core-components-backdrop";
7
7
  import { PortalProps } from "@alfalab/core-components-portal";
8
8
  type BaseModalProps = {
@@ -94,7 +94,7 @@ type BaseModalProps = {
94
94
  /**
95
95
  * Пропсы для анимации (CSSTransition)
96
96
  */
97
- transitionProps?: Partial<TransitionProps>;
97
+ transitionProps?: Partial<CSSTransitionProps>;
98
98
  /**
99
99
  * Рендерить ли в контейнер через портал.
100
100
  * @default true
package/modern/Component.js CHANGED
@@ -13,7 +13,7 @@ import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';
13
13
  import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';
14
14
  import './matches-polyfill.js';
15
15
 
16
- const styles = {"component":"base-modal__component_1wsva","wrapper":"base-modal__wrapper_1wsva","content":"base-modal__content_1wsva","hasFooter":"base-modal__hasFooter_1wsva","hasHeader":"base-modal__hasHeader_1wsva","hidden":"base-modal__hidden_1wsva","backdrop":"base-modal__backdrop_1wsva","appear":"base-modal__appear_1wsva","enter":"base-modal__enter_1wsva","appearActive":"base-modal__appearActive_1wsva","enterActive":"base-modal__enterActive_1wsva","exit":"base-modal__exit_1wsva","exitActive":"base-modal__exitActive_1wsva","exitDone":"base-modal__exitDone_1wsva"};
16
+ const styles = {"component":"base-modal__component_1q5fj","wrapper":"base-modal__wrapper_1q5fj","content":"base-modal__content_1q5fj","hasFooter":"base-modal__hasFooter_1q5fj","hasHeader":"base-modal__hasHeader_1q5fj","hidden":"base-modal__hidden_1q5fj","backdrop":"base-modal__backdrop_1q5fj","appear":"base-modal__appear_1q5fj","enter":"base-modal__enter_1q5fj","appearActive":"base-modal__appearActive_1q5fj","enterActive":"base-modal__enterActive_1q5fj","exit":"base-modal__exit_1q5fj","exitActive":"base-modal__exitActive_1q5fj","exitDone":"base-modal__exitDone_1q5fj"};
17
17
  require('./index.css')
18
18
 
19
19
  /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ckp8 */
1
+ /* hash: 1trq5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -29,13 +29,13 @@
29
29
  margin-top: calc(var(--window-inner-scrollY) * -1);
30
30
  position: fixed;
31
31
  overflow: hidden;
32
- } .base-modal__component_1wsva {
32
+ } .base-modal__component_1q5fj {
33
33
  position: relative;
34
34
  box-sizing: border-box;
35
35
  background: var(--color-light-modal-bg-primary);
36
36
  margin: auto;
37
37
  flex-shrink: 0;
38
- } .base-modal__wrapper_1wsva {
38
+ } .base-modal__wrapper_1q5fj {
39
39
  position: fixed;
40
40
  top: var(--gap-0);
41
41
  left: var(--gap-0);
@@ -48,33 +48,33 @@
48
48
  align-items: center;
49
49
  outline: 0;
50
50
  overscroll-behavior: none;
51
- } .base-modal__content_1wsva {
51
+ } .base-modal__content_1q5fj {
52
52
  width: 100%;
53
53
  height: 100%;
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  flex: 1
57
- } @media (display-mode: standalone) { .base-modal__content_1wsva.base-modal__hasFooter_1wsva {
57
+ } @media (display-mode: standalone) { .base-modal__content_1q5fj.base-modal__hasFooter_1q5fj {
58
58
  padding-bottom: unset
59
59
  }
60
- } @media (display-mode: standalone) { .base-modal__content_1wsva.base-modal__hasHeader_1wsva {
60
+ } @media (display-mode: standalone) { .base-modal__content_1q5fj.base-modal__hasHeader_1q5fj {
61
61
  padding-top: unset
62
62
  }
63
- } .base-modal__hidden_1wsva {
63
+ } .base-modal__hidden_1q5fj {
64
64
  display: none;
65
- } .base-modal__backdrop_1wsva {
65
+ } .base-modal__backdrop_1q5fj {
66
66
  z-index: 0;
67
- } .base-modal__appear_1wsva,
68
- .base-modal__enter_1wsva {
67
+ } .base-modal__appear_1q5fj,
68
+ .base-modal__enter_1q5fj {
69
69
  opacity: 0;
70
- } .base-modal__appearActive_1wsva,
71
- .base-modal__enterActive_1wsva {
70
+ } .base-modal__appearActive_1q5fj,
71
+ .base-modal__enterActive_1q5fj {
72
72
  opacity: 1;
73
73
  transition: opacity 200ms ease-in;
74
- } .base-modal__exit_1wsva {
74
+ } .base-modal__exit_1q5fj {
75
75
  opacity: 1;
76
- } .base-modal__exitActive_1wsva,
77
- .base-modal__exitDone_1wsva {
76
+ } .base-modal__exitActive_1q5fj,
77
+ .base-modal__exitDone_1q5fj {
78
78
  opacity: 0;
79
79
  transition: opacity 200ms ease-out;
80
80
  }
package/moderncssm/Component.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  /// <reference types="react-transition-group" />
3
3
  import React from 'react';
4
4
  import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
5
- import { TransitionProps } from 'react-transition-group/Transition';
5
+ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
6
6
  import { BackdropProps } from "@alfalab/core-components-backdrop";
7
7
  import { PortalProps } from "@alfalab/core-components-portal";
8
8
  type BaseModalProps = {
@@ -94,7 +94,7 @@ type BaseModalProps = {
94
94
  /**
95
95
  * Пропсы для анимации (CSSTransition)
96
96
  */
97
- transitionProps?: Partial<TransitionProps>;
97
+ transitionProps?: Partial<CSSTransitionProps>;
98
98
  /**
99
99
  * Рендерить ли в контейнер через портал.
100
100
  * @default true
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-base-modal",
3
- "version": "5.9.2",
3
+ "version": "5.9.3",
4
4
  "description": "BaseModal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/src/Component.tsx CHANGED
@@ -17,7 +17,7 @@ import React, {
17
17
  import FocusLock from 'react-focus-lock';
18
18
  import mergeRefs from 'react-merge-refs';
19
19
  import { CSSTransition } from 'react-transition-group';
20
- import { TransitionProps } from 'react-transition-group/Transition';
20
+ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
21
21
  import { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';
22
22
  import cn from 'classnames';
23
23
 
@@ -152,7 +152,7 @@ export type BaseModalProps = {
152
152
  /**
153
153
  * Пропсы для анимации (CSSTransition)
154
154
  */
155
- transitionProps?: Partial<TransitionProps>;
155
+ transitionProps?: Partial<CSSTransitionProps>;
156
156
 
157
157
  /**
158
158
  * Рендерить ли в контейнер через портал.
@@ -445,7 +445,7 @@ export const BaseModal = forwardRef<HTMLDivElement, BaseModalProps>(
445
445
  return scrollHandler.current || wrapperRef.current;
446
446
  }, [scrollHandler]);
447
447
 
448
- const handleEntered: Required<TransitionProps>['onEntered'] = useCallback(
448
+ const handleEntered: Required<CSSTransitionProps>['onEntered'] = useCallback(
449
449
  (node, isAppearing) => {
450
450
  scrollableNodeRef.current = getScrollHandler();
451
451
 
@@ -465,7 +465,7 @@ export const BaseModal = forwardRef<HTMLDivElement, BaseModalProps>(
465
465
  [addResizeHandle, getScrollHandler, handleScroll, onMount, transitionProps],
466
466
  );
467
467
 
468
- const handleExited: Required<TransitionProps>['onExited'] = useCallback(
468
+ const handleExited: Required<CSSTransitionProps>['onExited'] = useCallback(
469
469
  (node) => {
470
470
  removeResizeHandle();
471
471