@alfalab/core-components-popup-sheet 1.2.11 → 1.3.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 (29) hide show
  1. package/Component.js +1 -1
  2. package/components/backdrop/Component.js +1 -1
  3. package/components/backdrop/index.css +10 -10
  4. package/esm/Component.js +1 -1
  5. package/esm/components/backdrop/Component.js +1 -1
  6. package/esm/components/backdrop/index.css +10 -10
  7. package/esm/index.css +14 -14
  8. package/index.css +14 -14
  9. package/modern/Component.js +1 -1
  10. package/modern/components/backdrop/Component.js +1 -1
  11. package/modern/components/backdrop/index.css +10 -10
  12. package/modern/index.css +14 -14
  13. package/moderncssm/Component.d.ts +57 -0
  14. package/moderncssm/Component.js +134 -0
  15. package/moderncssm/components/backdrop/Component.d.ts +14 -0
  16. package/moderncssm/components/backdrop/Component.js +13 -0
  17. package/moderncssm/components/backdrop/index.d.ts +1 -0
  18. package/moderncssm/components/backdrop/index.js +1 -0
  19. package/moderncssm/components/backdrop/index.module.css +24 -0
  20. package/moderncssm/index.d.ts +1 -0
  21. package/moderncssm/index.js +1 -0
  22. package/moderncssm/index.module.css +58 -0
  23. package/moderncssm/shared/index.d.ts +1 -0
  24. package/moderncssm/shared/index.js +1 -0
  25. package/moderncssm/utils.d.ts +5 -0
  26. package/moderncssm/utils.js +10 -0
  27. package/package.json +6 -6
  28. package/src/components/backdrop/index.module.css +1 -1
  29. package/src/index.module.css +1 -1
package/Component.js CHANGED
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
- var styles = {"component":"popup-sheet__component_144jt","closer":"popup-sheet__closer_144jt","content":"popup-sheet__content_144jt","appear":"popup-sheet__appear_144jt","enter":"popup-sheet__enter_144jt","appearActive":"popup-sheet__appearActive_144jt","enterActive":"popup-sheet__enterActive_144jt","exit":"popup-sheet__exit_144jt","exitBySwipe":"popup-sheet__exitBySwipe_144jt","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_144jt","exitActive":"popup-sheet__exitActive_144jt","exitDone":"popup-sheet__exitDone_144jt"};
19
+ var styles = {"component":"popup-sheet__component_gcstj","closer":"popup-sheet__closer_gcstj","content":"popup-sheet__content_gcstj","appear":"popup-sheet__appear_gcstj","enter":"popup-sheet__enter_gcstj","appearActive":"popup-sheet__appearActive_gcstj","enterActive":"popup-sheet__enterActive_gcstj","exit":"popup-sheet__exit_gcstj","exitBySwipe":"popup-sheet__exitBySwipe_gcstj","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_gcstj","exitActive":"popup-sheet__exitActive_gcstj","exitDone":"popup-sheet__exitDone_gcstj"};
20
20
  require('./index.css')
21
21
 
22
22
  var SWIPE_VELOCITY = 0.3;
package/components/backdrop/Component.js CHANGED
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"appear":"popup-sheet__appear_ro87x","enter":"popup-sheet__enter_ro87x","appearActive":"popup-sheet__appearActive_ro87x","enterActive":"popup-sheet__enterActive_ro87x","appearDone":"popup-sheet__appearDone_ro87x","enterDone":"popup-sheet__enterDone_ro87x","exit":"popup-sheet__exit_ro87x","exitActive":"popup-sheet__exitActive_ro87x","exitDone":"popup-sheet__exitDone_ro87x"};
13
+ var styles = {"appear":"popup-sheet__appear_1i5j9","enter":"popup-sheet__enter_1i5j9","appearActive":"popup-sheet__appearActive_1i5j9","enterActive":"popup-sheet__enterActive_1i5j9","appearDone":"popup-sheet__appearDone_1i5j9","enterDone":"popup-sheet__enterDone_1i5j9","exit":"popup-sheet__exit_1i5j9","exitActive":"popup-sheet__exitActive_1i5j9","exitDone":"popup-sheet__exitDone_1i5j9"};
14
14
  require('./index.css')
15
15
 
16
16
  var PopupBackdrop = function (_a) {
package/components/backdrop/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14dx2 */
1
+ /* hash: 1os0i */
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-overlay-default: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -22,19 +22,19 @@
22
22
  } :root {
23
23
  --backdrop-visible-background: var(--color-light-overlay-default);
24
24
  --backdrop-hidden-background: transparent;
25
- } .popup-sheet__appear_ro87x,
26
- .popup-sheet__enter_ro87x {
25
+ } .popup-sheet__appear_1i5j9,
26
+ .popup-sheet__enter_1i5j9 {
27
27
  background-color: var(--backdrop-hidden-background);
28
- } .popup-sheet__appearActive_ro87x,
29
- .popup-sheet__enterActive_ro87x,
30
- .popup-sheet__appearDone_ro87x,
31
- .popup-sheet__enterDone_ro87x {
28
+ } .popup-sheet__appearActive_1i5j9,
29
+ .popup-sheet__enterActive_1i5j9,
30
+ .popup-sheet__appearDone_1i5j9,
31
+ .popup-sheet__enterDone_1i5j9 {
32
32
  background-color: var(--backdrop-visible-background);
33
33
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
34
- } .popup-sheet__exit_ro87x {
34
+ } .popup-sheet__exit_1i5j9 {
35
35
  background-color: var(--backdrop-visible-background);
36
- } .popup-sheet__exitActive_ro87x,
37
- .popup-sheet__exitDone_ro87x {
36
+ } .popup-sheet__exitActive_1i5j9,
37
+ .popup-sheet__exitDone_1i5j9 {
38
38
  background-color: var(--backdrop-hidden-background);
39
39
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
40
40
  }
package/esm/Component.js CHANGED
@@ -7,7 +7,7 @@ import { Closer } from '@alfalab/core-components-navigation-bar-private/esm/shar
7
7
  import { createPaddingStyle, getDataTestId, easingFns } from '@alfalab/core-components-shared/esm';
8
8
  import { PopupBackdrop } from './components/backdrop/Component.js';
9
9
 
10
- var styles = {"component":"popup-sheet__component_144jt","closer":"popup-sheet__closer_144jt","content":"popup-sheet__content_144jt","appear":"popup-sheet__appear_144jt","enter":"popup-sheet__enter_144jt","appearActive":"popup-sheet__appearActive_144jt","enterActive":"popup-sheet__enterActive_144jt","exit":"popup-sheet__exit_144jt","exitBySwipe":"popup-sheet__exitBySwipe_144jt","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_144jt","exitActive":"popup-sheet__exitActive_144jt","exitDone":"popup-sheet__exitDone_144jt"};
10
+ var styles = {"component":"popup-sheet__component_gcstj","closer":"popup-sheet__closer_gcstj","content":"popup-sheet__content_gcstj","appear":"popup-sheet__appear_gcstj","enter":"popup-sheet__enter_gcstj","appearActive":"popup-sheet__appearActive_gcstj","enterActive":"popup-sheet__enterActive_gcstj","exit":"popup-sheet__exit_gcstj","exitBySwipe":"popup-sheet__exitBySwipe_gcstj","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_gcstj","exitActive":"popup-sheet__exitActive_gcstj","exitDone":"popup-sheet__exitDone_gcstj"};
11
11
  require('./index.css')
12
12
 
13
13
  var SWIPE_VELOCITY = 0.3;
package/esm/components/backdrop/Component.js CHANGED
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
2
2
  import React from 'react';
3
3
  import { Backdrop } from '@alfalab/core-components-backdrop/esm';
4
4
 
5
- var styles = {"appear":"popup-sheet__appear_ro87x","enter":"popup-sheet__enter_ro87x","appearActive":"popup-sheet__appearActive_ro87x","enterActive":"popup-sheet__enterActive_ro87x","appearDone":"popup-sheet__appearDone_ro87x","enterDone":"popup-sheet__enterDone_ro87x","exit":"popup-sheet__exit_ro87x","exitActive":"popup-sheet__exitActive_ro87x","exitDone":"popup-sheet__exitDone_ro87x"};
5
+ var styles = {"appear":"popup-sheet__appear_1i5j9","enter":"popup-sheet__enter_1i5j9","appearActive":"popup-sheet__appearActive_1i5j9","enterActive":"popup-sheet__enterActive_1i5j9","appearDone":"popup-sheet__appearDone_1i5j9","enterDone":"popup-sheet__enterDone_1i5j9","exit":"popup-sheet__exit_1i5j9","exitActive":"popup-sheet__exitActive_1i5j9","exitDone":"popup-sheet__exitDone_1i5j9"};
6
6
  require('./index.css')
7
7
 
8
8
  var PopupBackdrop = function (_a) {
package/esm/components/backdrop/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14dx2 */
1
+ /* hash: 1os0i */
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-overlay-default: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -22,19 +22,19 @@
22
22
  } :root {
23
23
  --backdrop-visible-background: var(--color-light-overlay-default);
24
24
  --backdrop-hidden-background: transparent;
25
- } .popup-sheet__appear_ro87x,
26
- .popup-sheet__enter_ro87x {
25
+ } .popup-sheet__appear_1i5j9,
26
+ .popup-sheet__enter_1i5j9 {
27
27
  background-color: var(--backdrop-hidden-background);
28
- } .popup-sheet__appearActive_ro87x,
29
- .popup-sheet__enterActive_ro87x,
30
- .popup-sheet__appearDone_ro87x,
31
- .popup-sheet__enterDone_ro87x {
28
+ } .popup-sheet__appearActive_1i5j9,
29
+ .popup-sheet__enterActive_1i5j9,
30
+ .popup-sheet__appearDone_1i5j9,
31
+ .popup-sheet__enterDone_1i5j9 {
32
32
  background-color: var(--backdrop-visible-background);
33
33
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
34
- } .popup-sheet__exit_ro87x {
34
+ } .popup-sheet__exit_1i5j9 {
35
35
  background-color: var(--backdrop-visible-background);
36
- } .popup-sheet__exitActive_ro87x,
37
- .popup-sheet__exitDone_ro87x {
36
+ } .popup-sheet__exitActive_1i5j9,
37
+ .popup-sheet__exitDone_1i5j9 {
38
38
  background-color: var(--backdrop-hidden-background);
39
39
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
40
40
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1z08h */
1
+ /* hash: 9syjf */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,7 +20,7 @@
20
20
  --gap-8: var(--gap-xs);
21
21
  } :root {
22
22
  } :root {
23
- } .popup-sheet__component_144jt {
23
+ } .popup-sheet__component_gcstj {
24
24
  position: fixed;
25
25
  bottom: 0;
26
26
  margin: auto var(--gap-8) var(--gap-8);
@@ -28,31 +28,31 @@
28
28
  max-width: 600px;
29
29
  border-radius: 36px;
30
30
  overflow: hidden;
31
- } .popup-sheet__closer_144jt {
31
+ } .popup-sheet__closer_gcstj {
32
32
  position: absolute;
33
33
  top: 8px;
34
34
  right: 8px
35
- } .popup-sheet__closer_144jt > button {
35
+ } .popup-sheet__closer_gcstj > button {
36
36
  -webkit-backdrop-filter: none;
37
37
  backdrop-filter: none;
38
- } .popup-sheet__content_144jt {
38
+ } .popup-sheet__content_gcstj {
39
39
  box-sizing: border-box;
40
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_144jt,
41
- .popup-sheet__enter_144jt {
40
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_gcstj,
41
+ .popup-sheet__enter_gcstj {
42
42
  transform: translateY(calc(100% + 100px));
43
- } .popup-sheet__appearActive_144jt,
44
- .popup-sheet__enterActive_144jt {
43
+ } .popup-sheet__appearActive_gcstj,
44
+ .popup-sheet__enterActive_gcstj {
45
45
  transform: translateY(0);
46
46
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
47
47
  transition-delay: 50ms;
48
- } .popup-sheet__exit_144jt {
48
+ } .popup-sheet__exit_gcstj {
49
49
  transform: translateY(0);
50
- } .popup-sheet__exitBySwipe_144jt {
50
+ } .popup-sheet__exitBySwipe_gcstj {
51
51
  transform: translateY(calc(100% + 100px));
52
- } .popup-sheet__exitActiveBySwipe_144jt {
52
+ } .popup-sheet__exitActiveBySwipe_gcstj {
53
53
  transition: none;
54
- } .popup-sheet__exitActive_144jt,
55
- .popup-sheet__exitDone_144jt {
54
+ } .popup-sheet__exitActive_gcstj,
55
+ .popup-sheet__exitDone_gcstj {
56
56
  transform: translateY(calc(100% + 100px));
57
57
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
58
58
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1z08h */
1
+ /* hash: 9syjf */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,7 +20,7 @@
20
20
  --gap-8: var(--gap-xs);
21
21
  } :root {
22
22
  } :root {
23
- } .popup-sheet__component_144jt {
23
+ } .popup-sheet__component_gcstj {
24
24
  position: fixed;
25
25
  bottom: 0;
26
26
  margin: auto var(--gap-8) var(--gap-8);
@@ -28,31 +28,31 @@
28
28
  max-width: 600px;
29
29
  border-radius: 36px;
30
30
  overflow: hidden;
31
- } .popup-sheet__closer_144jt {
31
+ } .popup-sheet__closer_gcstj {
32
32
  position: absolute;
33
33
  top: 8px;
34
34
  right: 8px
35
- } .popup-sheet__closer_144jt > button {
35
+ } .popup-sheet__closer_gcstj > button {
36
36
  -webkit-backdrop-filter: none;
37
37
  backdrop-filter: none;
38
- } .popup-sheet__content_144jt {
38
+ } .popup-sheet__content_gcstj {
39
39
  box-sizing: border-box;
40
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_144jt,
41
- .popup-sheet__enter_144jt {
40
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_gcstj,
41
+ .popup-sheet__enter_gcstj {
42
42
  transform: translateY(calc(100% + 100px));
43
- } .popup-sheet__appearActive_144jt,
44
- .popup-sheet__enterActive_144jt {
43
+ } .popup-sheet__appearActive_gcstj,
44
+ .popup-sheet__enterActive_gcstj {
45
45
  transform: translateY(0);
46
46
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
47
47
  transition-delay: 50ms;
48
- } .popup-sheet__exit_144jt {
48
+ } .popup-sheet__exit_gcstj {
49
49
  transform: translateY(0);
50
- } .popup-sheet__exitBySwipe_144jt {
50
+ } .popup-sheet__exitBySwipe_gcstj {
51
51
  transform: translateY(calc(100% + 100px));
52
- } .popup-sheet__exitActiveBySwipe_144jt {
52
+ } .popup-sheet__exitActiveBySwipe_gcstj {
53
53
  transition: none;
54
- } .popup-sheet__exitActive_144jt,
55
- .popup-sheet__exitDone_144jt {
54
+ } .popup-sheet__exitActive_gcstj,
55
+ .popup-sheet__exitDone_gcstj {
56
56
  transform: translateY(calc(100% + 100px));
57
57
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
58
58
  }
package/modern/Component.js CHANGED
@@ -6,7 +6,7 @@ import { Closer } from '@alfalab/core-components-navigation-bar-private/modern/s
6
6
  import { createPaddingStyle, getDataTestId, easingFns } from '@alfalab/core-components-shared/modern';
7
7
  import { PopupBackdrop } from './components/backdrop/Component.js';
8
8
 
9
- const styles = {"component":"popup-sheet__component_144jt","closer":"popup-sheet__closer_144jt","content":"popup-sheet__content_144jt","appear":"popup-sheet__appear_144jt","enter":"popup-sheet__enter_144jt","appearActive":"popup-sheet__appearActive_144jt","enterActive":"popup-sheet__enterActive_144jt","exit":"popup-sheet__exit_144jt","exitBySwipe":"popup-sheet__exitBySwipe_144jt","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_144jt","exitActive":"popup-sheet__exitActive_144jt","exitDone":"popup-sheet__exitDone_144jt"};
9
+ const styles = {"component":"popup-sheet__component_gcstj","closer":"popup-sheet__closer_gcstj","content":"popup-sheet__content_gcstj","appear":"popup-sheet__appear_gcstj","enter":"popup-sheet__enter_gcstj","appearActive":"popup-sheet__appearActive_gcstj","enterActive":"popup-sheet__enterActive_gcstj","exit":"popup-sheet__exit_gcstj","exitBySwipe":"popup-sheet__exitBySwipe_gcstj","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_gcstj","exitActive":"popup-sheet__exitActive_gcstj","exitDone":"popup-sheet__exitDone_gcstj"};
10
10
  require('./index.css')
11
11
 
12
12
  const SWIPE_VELOCITY = 0.3;
package/modern/components/backdrop/Component.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Backdrop } from '@alfalab/core-components-backdrop/modern';
3
3
 
4
- const styles = {"appear":"popup-sheet__appear_ro87x","enter":"popup-sheet__enter_ro87x","appearActive":"popup-sheet__appearActive_ro87x","enterActive":"popup-sheet__enterActive_ro87x","appearDone":"popup-sheet__appearDone_ro87x","enterDone":"popup-sheet__enterDone_ro87x","exit":"popup-sheet__exit_ro87x","exitActive":"popup-sheet__exitActive_ro87x","exitDone":"popup-sheet__exitDone_ro87x"};
4
+ const styles = {"appear":"popup-sheet__appear_1i5j9","enter":"popup-sheet__enter_1i5j9","appearActive":"popup-sheet__appearActive_1i5j9","enterActive":"popup-sheet__enterActive_1i5j9","appearDone":"popup-sheet__appearDone_1i5j9","enterDone":"popup-sheet__enterDone_1i5j9","exit":"popup-sheet__exit_1i5j9","exitActive":"popup-sheet__exitActive_1i5j9","exitDone":"popup-sheet__exitDone_1i5j9"};
5
5
  require('./index.css')
6
6
 
7
7
  const PopupBackdrop = ({ opacity, opacityTimeout, style, ...backdropProps }) => (React.createElement("div", { style: {
package/modern/components/backdrop/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14dx2 */
1
+ /* hash: 1os0i */
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-overlay-default: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -22,19 +22,19 @@
22
22
  } :root {
23
23
  --backdrop-visible-background: var(--color-light-overlay-default);
24
24
  --backdrop-hidden-background: transparent;
25
- } .popup-sheet__appear_ro87x,
26
- .popup-sheet__enter_ro87x {
25
+ } .popup-sheet__appear_1i5j9,
26
+ .popup-sheet__enter_1i5j9 {
27
27
  background-color: var(--backdrop-hidden-background);
28
- } .popup-sheet__appearActive_ro87x,
29
- .popup-sheet__enterActive_ro87x,
30
- .popup-sheet__appearDone_ro87x,
31
- .popup-sheet__enterDone_ro87x {
28
+ } .popup-sheet__appearActive_1i5j9,
29
+ .popup-sheet__enterActive_1i5j9,
30
+ .popup-sheet__appearDone_1i5j9,
31
+ .popup-sheet__enterDone_1i5j9 {
32
32
  background-color: var(--backdrop-visible-background);
33
33
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
34
- } .popup-sheet__exit_ro87x {
34
+ } .popup-sheet__exit_1i5j9 {
35
35
  background-color: var(--backdrop-visible-background);
36
- } .popup-sheet__exitActive_ro87x,
37
- .popup-sheet__exitDone_ro87x {
36
+ } .popup-sheet__exitActive_1i5j9,
37
+ .popup-sheet__exitDone_1i5j9 {
38
38
  background-color: var(--backdrop-hidden-background);
39
39
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
40
40
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1z08h */
1
+ /* hash: 9syjf */
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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,7 +20,7 @@
20
20
  --gap-8: var(--gap-xs);
21
21
  } :root {
22
22
  } :root {
23
- } .popup-sheet__component_144jt {
23
+ } .popup-sheet__component_gcstj {
24
24
  position: fixed;
25
25
  bottom: 0;
26
26
  margin: auto var(--gap-8) var(--gap-8);
@@ -28,31 +28,31 @@
28
28
  max-width: 600px;
29
29
  border-radius: 36px;
30
30
  overflow: hidden;
31
- } .popup-sheet__closer_144jt {
31
+ } .popup-sheet__closer_gcstj {
32
32
  position: absolute;
33
33
  top: 8px;
34
34
  right: 8px
35
- } .popup-sheet__closer_144jt > button {
35
+ } .popup-sheet__closer_gcstj > button {
36
36
  -webkit-backdrop-filter: none;
37
37
  backdrop-filter: none;
38
- } .popup-sheet__content_144jt {
38
+ } .popup-sheet__content_gcstj {
39
39
  box-sizing: border-box;
40
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_144jt,
41
- .popup-sheet__enter_144jt {
40
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_gcstj,
41
+ .popup-sheet__enter_gcstj {
42
42
  transform: translateY(calc(100% + 100px));
43
- } .popup-sheet__appearActive_144jt,
44
- .popup-sheet__enterActive_144jt {
43
+ } .popup-sheet__appearActive_gcstj,
44
+ .popup-sheet__enterActive_gcstj {
45
45
  transform: translateY(0);
46
46
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
47
47
  transition-delay: 50ms;
48
- } .popup-sheet__exit_144jt {
48
+ } .popup-sheet__exit_gcstj {
49
49
  transform: translateY(0);
50
- } .popup-sheet__exitBySwipe_144jt {
50
+ } .popup-sheet__exitBySwipe_gcstj {
51
51
  transform: translateY(calc(100% + 100px));
52
- } .popup-sheet__exitActiveBySwipe_144jt {
52
+ } .popup-sheet__exitActiveBySwipe_gcstj {
53
53
  transition: none;
54
- } .popup-sheet__exitActive_144jt,
55
- .popup-sheet__exitDone_144jt {
54
+ } .popup-sheet__exitActive_gcstj,
55
+ .popup-sheet__exitDone_gcstj {
56
56
  transform: translateY(calc(100% + 100px));
57
57
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
58
58
  }
package/moderncssm/Component.d.ts ADDED
@@ -0,0 +1,57 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { KeyboardEvent, MouseEvent } from "react";
4
+ import { BaseModalProps } from "@alfalab/core-components-base-modal";
5
+ type PaddingType = number | string | {
6
+ top?: number;
7
+ right?: number;
8
+ bottom?: number;
9
+ left?: number;
10
+ };
11
+ type PopupSheetProps = Omit<BaseModalProps, 'onClose' | 'dataTestId'> & {
12
+ /**
13
+ * Наличие кнопки закрытия
14
+ */
15
+ hasCloser?: boolean;
16
+ /**
17
+ * Будет ли свайпаться шторка
18
+ */
19
+ swipeable?: boolean;
20
+ /**
21
+ * Отступы
22
+ */
23
+ padding?: PaddingType;
24
+ /**
25
+ * Обработчик закрытия
26
+ */
27
+ onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick' | 'swipe') => void;
28
+ /**
29
+ * Идентификатор для систем автоматизированного тестирования.
30
+ * Для кнопки закрытия используется модификатор -closer
31
+ */
32
+ dataTestId?: string;
33
+ };
34
+ declare const PopupSheet: React.ForwardRefExoticComponent<Omit<BaseModalProps, "onClose" | "dataTestId"> & {
35
+ /**
36
+ * Наличие кнопки закрытия
37
+ */
38
+ hasCloser?: boolean | undefined;
39
+ /**
40
+ * Будет ли свайпаться шторка
41
+ */
42
+ swipeable?: boolean | undefined;
43
+ /**
44
+ * Отступы
45
+ */
46
+ padding?: PaddingType | undefined;
47
+ /**
48
+ * Обработчик закрытия
49
+ */
50
+ onClose?: ((event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick' | 'swipe') => void) | undefined;
51
+ /**
52
+ * Идентификатор для систем автоматизированного тестирования.
53
+ * Для кнопки закрытия используется модификатор -closer
54
+ */
55
+ dataTestId?: string | undefined;
56
+ } & React.RefAttributes<HTMLDivElement>>;
57
+ export { PopupSheetProps, PopupSheet };
package/moderncssm/Component.js ADDED
@@ -0,0 +1,134 @@
1
+ import React, { forwardRef, useState, useRef } from 'react';
2
+ import { useSwipeable } from 'react-swipeable';
3
+ import cn from 'classnames';
4
+ import { BaseModal } from '@alfalab/core-components-base-modal/moderncssm';
5
+ import { Closer } from '@alfalab/core-components-navigation-bar-private/moderncssm/shared';
6
+ import { createPaddingStyle, getDataTestId, easingFns } from '@alfalab/core-components-shared/moderncssm';
7
+ import { PopupBackdrop } from './components/backdrop/Component.js';
8
+ import styles from './index.module.css';
9
+
10
+ const SWIPE_VELOCITY = 0.3;
11
+ const CLOSE_OFFSET = 0.3;
12
+ const ANIMATION_DURATION = 350;
13
+ const DEFAULT_PADDING = 32;
14
+ const PopupSheet = forwardRef(({ children, hasCloser, className, onClose, transitionProps, contentProps, swipeable, dataTestId, backdropProps, padding = DEFAULT_PADDING, ...restProps }, ref) => {
15
+ const [sheetOffset, setSheetOffset] = useState(0);
16
+ const [backdropOpacity, setBackdropOpacity] = useState(1);
17
+ const sheetHeight = useRef(0);
18
+ const sheetRef = useRef(null);
19
+ const bySwipeCloseAnimation = useRef(false);
20
+ const getSheetOffset = (deltaY) => Math.max(0, deltaY);
21
+ const getBackdropOpacity = (offset) => Math.max(0, 1 - offset / sheetHeight.current);
22
+ const getSwipeStyles = () => sheetOffset ? { transform: `translateY(${sheetOffset}px)` } : {};
23
+ const handleSwiping = ({ deltaY }) => {
24
+ const offset = getSheetOffset(deltaY);
25
+ setSheetOffset(offset);
26
+ setBackdropOpacity(getBackdropOpacity(offset));
27
+ };
28
+ const handleSwiped = ({ deltaY, velocity, event }) => {
29
+ const shouldCloseByVelocity = deltaY >= 0 && velocity >= SWIPE_VELOCITY;
30
+ const shouldCloseByOffset = deltaY >= sheetHeight.current * CLOSE_OFFSET;
31
+ const offset = sheetOffset;
32
+ const animDuration = ANIMATION_DURATION / 2;
33
+ let start;
34
+ if (shouldCloseByVelocity || shouldCloseByOffset) {
35
+ bySwipeCloseAnimation.current = true;
36
+ onClose?.(event, 'swipe');
37
+ const runLoop = (timeStamp) => {
38
+ if (!start)
39
+ start = timeStamp;
40
+ const elapsedTime = timeStamp - start;
41
+ if (elapsedTime <= animDuration) {
42
+ const nextOffset = offset +
43
+ (sheetHeight.current - offset) *
44
+ easingFns.easeInOutQuad(elapsedTime / animDuration);
45
+ if (nextOffset > 0) {
46
+ setSheetOffset(nextOffset);
47
+ }
48
+ requestAnimationFrame(runLoop);
49
+ }
50
+ else {
51
+ setSheetOffset(0);
52
+ bySwipeCloseAnimation.current = false;
53
+ }
54
+ };
55
+ requestAnimationFrame(runLoop);
56
+ }
57
+ else {
58
+ const runLoop = (timeStamp) => {
59
+ if (!start)
60
+ start = timeStamp;
61
+ const elapsedTime = timeStamp - start;
62
+ if (elapsedTime <= animDuration) {
63
+ const nextOffset = offset - offset * easingFns.easeInOutQuad(elapsedTime / animDuration);
64
+ if (nextOffset > 0) {
65
+ setSheetOffset(nextOffset);
66
+ setBackdropOpacity(getBackdropOpacity(nextOffset));
67
+ }
68
+ requestAnimationFrame(runLoop);
69
+ }
70
+ else {
71
+ setSheetOffset(0);
72
+ setBackdropOpacity(1);
73
+ }
74
+ };
75
+ requestAnimationFrame(runLoop);
76
+ }
77
+ };
78
+ const handleEntered = (node, isAppearing) => {
79
+ bySwipeCloseAnimation.current = false;
80
+ if (sheetRef.current) {
81
+ sheetHeight.current = sheetRef.current.offsetHeight;
82
+ }
83
+ if (transitionProps?.onEntered) {
84
+ transitionProps.onEntered(node, isAppearing);
85
+ }
86
+ };
87
+ const handleExited = (node) => {
88
+ bySwipeCloseAnimation.current = false;
89
+ setSheetOffset(0);
90
+ setBackdropOpacity(1);
91
+ if (transitionProps?.onExited) {
92
+ transitionProps.onExited(node);
93
+ }
94
+ };
95
+ const sheetSwipeableHandlers = useSwipeable({
96
+ onSwiping: handleSwiping,
97
+ onSwiped: handleSwiped,
98
+ trackMouse: swipeable,
99
+ trackTouch: swipeable,
100
+ delta: 5,
101
+ });
102
+ return (React.createElement(BaseModal, { ...restProps, onClose: onClose, ref: ref, className: cn(styles.component, className), dataTestId: dataTestId, Backdrop: PopupBackdrop, backdropProps: {
103
+ ...backdropProps,
104
+ opacity: backdropOpacity,
105
+ }, transitionProps: {
106
+ classNames: {
107
+ enter: styles.enter,
108
+ appear: styles.appear,
109
+ enterActive: styles.enterActive,
110
+ appearActive: styles.appearActive,
111
+ exit: bySwipeCloseAnimation.current ? styles.exitBySwipe : styles.exit,
112
+ exitActive: bySwipeCloseAnimation.current
113
+ ? styles.exitActiveBySwipe
114
+ : styles.exitActive,
115
+ },
116
+ timeout: ANIMATION_DURATION,
117
+ ...transitionProps,
118
+ onEntered: handleEntered,
119
+ onExited: handleExited,
120
+ }, componentDivProps: {
121
+ ref: sheetRef,
122
+ style: getSwipeStyles(),
123
+ }, contentProps: {
124
+ style: createPaddingStyle(padding),
125
+ ...contentProps,
126
+ ...sheetSwipeableHandlers,
127
+ className: cn(styles.content, contentProps?.className),
128
+ } },
129
+ hasCloser && (React.createElement(Closer, { view: 'mobile', className: styles.closer, onClick: onClose, dataTestId: getDataTestId(dataTestId, 'closer') })),
130
+ children));
131
+ });
132
+ PopupSheet.displayName = 'PopupSheet';
133
+
134
+ export { PopupSheet };
package/moderncssm/components/backdrop/Component.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { FC } from 'react';
2
+ import { BackdropProps } from "@alfalab/core-components-backdrop";
3
+ type PopupBackdropProps = BackdropProps & {
4
+ /**
5
+ * Прозрачность бэкдропа
6
+ */
7
+ opacity?: number;
8
+ /**
9
+ * Время анимации opacity
10
+ */
11
+ opacityTimeout?: number;
12
+ };
13
+ declare const PopupBackdrop: FC<BackdropProps>;
14
+ export { PopupBackdropProps, PopupBackdrop };
package/moderncssm/components/backdrop/Component.js ADDED
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { Backdrop } from '@alfalab/core-components-backdrop/moderncssm';
3
+ import styles from './index.module.css';
4
+
5
+ const PopupBackdrop = ({ opacity, opacityTimeout, style, ...backdropProps }) => (React.createElement("div", { style: {
6
+ opacity,
7
+ transition: opacity === 1 ? `opacity ${opacityTimeout}ms ease-in-out` : '',
8
+ position: 'relative',
9
+ ...style,
10
+ } },
11
+ React.createElement(Backdrop, { transitionClassNames: styles, ...backdropProps })));
12
+
13
+ export { PopupBackdrop };
package/moderncssm/components/backdrop/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { PopupBackdrop } from "./Component";
package/moderncssm/components/backdrop/index.js ADDED
@@ -0,0 +1 @@
1
+ export { PopupBackdrop } from './Component.js';
package/moderncssm/components/backdrop/index.module.css ADDED
@@ -0,0 +1,24 @@
1
+ /* */
2
+ :root {
3
+ --backdrop-visible-background: var(--color-light-overlay-default);
4
+ --backdrop-hidden-background: transparent;
5
+ }
6
+ .appear,
7
+ .enter {
8
+ background-color: var(--backdrop-hidden-background);
9
+ }
10
+ .appearActive,
11
+ .enterActive,
12
+ .appearDone,
13
+ .enterDone {
14
+ background-color: var(--backdrop-visible-background);
15
+ transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
16
+ }
17
+ .exit {
18
+ background-color: var(--backdrop-visible-background);
19
+ }
20
+ .exitActive,
21
+ .exitDone {
22
+ background-color: var(--backdrop-hidden-background);
23
+ transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
24
+ }
package/moderncssm/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { PopupSheet, PopupSheetProps } from "./Component";
package/moderncssm/index.js ADDED
@@ -0,0 +1 @@
1
+ export { PopupSheet } from './Component.js';
package/moderncssm/index.module.css ADDED
@@ -0,0 +1,58 @@
1
+ /* */
2
+
3
+ .component {
4
+ position: fixed;
5
+ bottom: 0;
6
+ margin: auto var(--gap-8) var(--gap-8);
7
+ width: calc(100% - 2 * var(--gap-8));
8
+ max-width: 600px;
9
+ border-radius: 36px;
10
+ overflow: hidden;
11
+ }
12
+
13
+ .closer {
14
+ position: absolute;
15
+ top: 8px;
16
+ right: 8px
17
+ }
18
+
19
+ .closer > button {
20
+ -webkit-backdrop-filter: none;
21
+ backdrop-filter: none;
22
+ }
23
+
24
+ .content {
25
+ box-sizing: border-box;
26
+ }
27
+
28
+ /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */
29
+
30
+ .appear,
31
+ .enter {
32
+ transform: translateY(calc(100% + 100px));
33
+ }
34
+
35
+ .appearActive,
36
+ .enterActive {
37
+ transform: translateY(0);
38
+ transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
39
+ transition-delay: 50ms;
40
+ }
41
+
42
+ .exit {
43
+ transform: translateY(0);
44
+ }
45
+
46
+ .exitBySwipe {
47
+ transform: translateY(calc(100% + 100px));
48
+ }
49
+
50
+ .exitActiveBySwipe {
51
+ transition: none;
52
+ }
53
+
54
+ .exitActive,
55
+ .exitDone {
56
+ transform: translateY(calc(100% + 100px));
57
+ transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
58
+ }
package/moderncssm/shared/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from "../utils";
package/moderncssm/shared/index.js ADDED
@@ -0,0 +1 @@
1
+ export { getPopupSheetTestIds } from '../utils.js';
package/moderncssm/utils.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare function getPopupSheetTestIds(dataTestId: string): {
2
+ popupSheet: string;
3
+ closer: string;
4
+ };
5
+ export { getPopupSheetTestIds };
package/moderncssm/utils.js ADDED
@@ -0,0 +1,10 @@
1
+ import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
2
+
3
+ function getPopupSheetTestIds(dataTestId) {
4
+ return {
5
+ popupSheet: dataTestId,
6
+ closer: getDataTestId(dataTestId, 'closer'),
7
+ };
8
+ }
9
+
10
+ export { getPopupSheetTestIds };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popup-sheet",
3
- "version": "1.2.11",
3
+ "version": "1.3.0",
4
4
  "description": "Popup sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,14 +15,14 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-base-modal": "^5.7.11",
19
- "@alfalab/core-components-backdrop": "^3.3.0",
18
+ "@alfalab/core-components-base-modal": "^5.8.0",
19
+ "@alfalab/core-components-backdrop": "^3.4.0",
20
20
  "@alfalab/core-components-shared": "^0.12.0",
21
- "@alfalab/core-components-navigation-bar-private": "^0.1.10",
21
+ "@alfalab/core-components-navigation-bar-private": "^0.2.0",
22
22
  "react-swipeable": "^7.0.0",
23
23
  "classnames": "^2.3.1",
24
24
  "tslib": "^2.4.0"
25
25
  },
26
- "themesVersion": "13.0.2",
27
- "varsVersion": "9.11.1"
26
+ "themesVersion": "13.1.0",
27
+ "varsVersion": "9.12.0"
28
28
  }
package/src/components/backdrop/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-themes/src/default.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
  @import '@alfalab/core-components-backdrop/src/vars.css';
3
3
 
4
4
  .appear,
package/src/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-themes/src/default.css';
1
+ @import '@alfalab/core-components-vars/src/index.css';
2
2
 
3
3
  .component {
4
4
  position: fixed;