@alfalab/core-components-popup-sheet 1.2.10 → 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 (30) 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/cssm/index.module.css +3 -2
  5. package/esm/Component.js +1 -1
  6. package/esm/components/backdrop/Component.js +1 -1
  7. package/esm/components/backdrop/index.css +10 -10
  8. package/esm/index.css +17 -16
  9. package/index.css +17 -16
  10. package/modern/Component.js +1 -1
  11. package/modern/components/backdrop/Component.js +1 -1
  12. package/modern/components/backdrop/index.css +10 -10
  13. package/modern/index.css +17 -16
  14. package/moderncssm/Component.d.ts +57 -0
  15. package/moderncssm/Component.js +134 -0
  16. package/moderncssm/components/backdrop/Component.d.ts +14 -0
  17. package/moderncssm/components/backdrop/Component.js +13 -0
  18. package/moderncssm/components/backdrop/index.d.ts +1 -0
  19. package/moderncssm/components/backdrop/index.js +1 -0
  20. package/moderncssm/components/backdrop/index.module.css +24 -0
  21. package/moderncssm/index.d.ts +1 -0
  22. package/moderncssm/index.js +1 -0
  23. package/moderncssm/index.module.css +58 -0
  24. package/moderncssm/shared/index.d.ts +1 -0
  25. package/moderncssm/shared/index.js +1 -0
  26. package/moderncssm/utils.d.ts +5 -0
  27. package/moderncssm/utils.js +10 -0
  28. package/package.json +6 -6
  29. package/src/components/backdrop/index.module.css +1 -1
  30. package/src/index.module.css +3 -3
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_1jtfq","closer":"popup-sheet__closer_1jtfq","content":"popup-sheet__content_1jtfq","appear":"popup-sheet__appear_1jtfq","enter":"popup-sheet__enter_1jtfq","appearActive":"popup-sheet__appearActive_1jtfq","enterActive":"popup-sheet__enterActive_1jtfq","exit":"popup-sheet__exit_1jtfq","exitBySwipe":"popup-sheet__exitBySwipe_1jtfq","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_1jtfq","exitActive":"popup-sheet__exitActive_1jtfq","exitDone":"popup-sheet__exitDone_1jtfq"};
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_jh1c6","enter":"popup-sheet__enter_jh1c6","appearActive":"popup-sheet__appearActive_jh1c6","enterActive":"popup-sheet__enterActive_jh1c6","appearDone":"popup-sheet__appearDone_jh1c6","enterDone":"popup-sheet__enterDone_jh1c6","exit":"popup-sheet__exit_jh1c6","exitActive":"popup-sheet__exitActive_jh1c6","exitDone":"popup-sheet__exitDone_jh1c6"};
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: 1n1f5 */
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_jh1c6,
26
- .popup-sheet__enter_jh1c6 {
25
+ } .popup-sheet__appear_1i5j9,
26
+ .popup-sheet__enter_1i5j9 {
27
27
  background-color: var(--backdrop-hidden-background);
28
- } .popup-sheet__appearActive_jh1c6,
29
- .popup-sheet__enterActive_jh1c6,
30
- .popup-sheet__appearDone_jh1c6,
31
- .popup-sheet__enterDone_jh1c6 {
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_jh1c6 {
34
+ } .popup-sheet__exit_1i5j9 {
35
35
  background-color: var(--backdrop-visible-background);
36
- } .popup-sheet__exitActive_jh1c6,
37
- .popup-sheet__exitDone_jh1c6 {
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/cssm/index.module.css CHANGED
@@ -16,13 +16,14 @@
16
16
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
 
18
18
  /* новые значения, используйте их */
19
+ --gap-8: var(--gap-xs);
19
20
  } :root {
20
21
  } :root {
21
22
  } .component {
22
23
  position: fixed;
23
24
  bottom: 0;
24
- margin: auto var(--gap-xs) var(--gap-xs);
25
- width: calc(100% - 2 * var(--gap-xs));
25
+ margin: auto var(--gap-8) var(--gap-8);
26
+ width: calc(100% - 2 * var(--gap-8));
26
27
  max-width: 600px;
27
28
  border-radius: 36px;
28
29
  overflow: hidden;
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_1jtfq","closer":"popup-sheet__closer_1jtfq","content":"popup-sheet__content_1jtfq","appear":"popup-sheet__appear_1jtfq","enter":"popup-sheet__enter_1jtfq","appearActive":"popup-sheet__appearActive_1jtfq","enterActive":"popup-sheet__enterActive_1jtfq","exit":"popup-sheet__exit_1jtfq","exitBySwipe":"popup-sheet__exitBySwipe_1jtfq","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_1jtfq","exitActive":"popup-sheet__exitActive_1jtfq","exitDone":"popup-sheet__exitDone_1jtfq"};
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_jh1c6","enter":"popup-sheet__enter_jh1c6","appearActive":"popup-sheet__appearActive_jh1c6","enterActive":"popup-sheet__enterActive_jh1c6","appearDone":"popup-sheet__appearDone_jh1c6","enterDone":"popup-sheet__enterDone_jh1c6","exit":"popup-sheet__exit_jh1c6","exitActive":"popup-sheet__exitActive_jh1c6","exitDone":"popup-sheet__exitDone_jh1c6"};
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: 1n1f5 */
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_jh1c6,
26
- .popup-sheet__enter_jh1c6 {
25
+ } .popup-sheet__appear_1i5j9,
26
+ .popup-sheet__enter_1i5j9 {
27
27
  background-color: var(--backdrop-hidden-background);
28
- } .popup-sheet__appearActive_jh1c6,
29
- .popup-sheet__enterActive_jh1c6,
30
- .popup-sheet__appearDone_jh1c6,
31
- .popup-sheet__enterDone_jh1c6 {
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_jh1c6 {
34
+ } .popup-sheet__exit_1i5j9 {
35
35
  background-color: var(--backdrop-visible-background);
36
- } .popup-sheet__exitActive_jh1c6,
37
- .popup-sheet__exitDone_jh1c6 {
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: tqbtg */
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 */
@@ -17,41 +17,42 @@
17
17
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
 
19
19
  /* новые значения, используйте их */
20
+ --gap-8: var(--gap-xs);
20
21
  } :root {
21
22
  } :root {
22
- } .popup-sheet__component_1jtfq {
23
+ } .popup-sheet__component_gcstj {
23
24
  position: fixed;
24
25
  bottom: 0;
25
- margin: auto var(--gap-xs) var(--gap-xs);
26
- width: calc(100% - 2 * var(--gap-xs));
26
+ margin: auto var(--gap-8) var(--gap-8);
27
+ width: calc(100% - 2 * var(--gap-8));
27
28
  max-width: 600px;
28
29
  border-radius: 36px;
29
30
  overflow: hidden;
30
- } .popup-sheet__closer_1jtfq {
31
+ } .popup-sheet__closer_gcstj {
31
32
  position: absolute;
32
33
  top: 8px;
33
34
  right: 8px
34
- } .popup-sheet__closer_1jtfq > button {
35
+ } .popup-sheet__closer_gcstj > button {
35
36
  -webkit-backdrop-filter: none;
36
37
  backdrop-filter: none;
37
- } .popup-sheet__content_1jtfq {
38
+ } .popup-sheet__content_gcstj {
38
39
  box-sizing: border-box;
39
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_1jtfq,
40
- .popup-sheet__enter_1jtfq {
40
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_gcstj,
41
+ .popup-sheet__enter_gcstj {
41
42
  transform: translateY(calc(100% + 100px));
42
- } .popup-sheet__appearActive_1jtfq,
43
- .popup-sheet__enterActive_1jtfq {
43
+ } .popup-sheet__appearActive_gcstj,
44
+ .popup-sheet__enterActive_gcstj {
44
45
  transform: translateY(0);
45
46
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
46
47
  transition-delay: 50ms;
47
- } .popup-sheet__exit_1jtfq {
48
+ } .popup-sheet__exit_gcstj {
48
49
  transform: translateY(0);
49
- } .popup-sheet__exitBySwipe_1jtfq {
50
+ } .popup-sheet__exitBySwipe_gcstj {
50
51
  transform: translateY(calc(100% + 100px));
51
- } .popup-sheet__exitActiveBySwipe_1jtfq {
52
+ } .popup-sheet__exitActiveBySwipe_gcstj {
52
53
  transition: none;
53
- } .popup-sheet__exitActive_1jtfq,
54
- .popup-sheet__exitDone_1jtfq {
54
+ } .popup-sheet__exitActive_gcstj,
55
+ .popup-sheet__exitDone_gcstj {
55
56
  transform: translateY(calc(100% + 100px));
56
57
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
57
58
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: tqbtg */
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 */
@@ -17,41 +17,42 @@
17
17
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
 
19
19
  /* новые значения, используйте их */
20
+ --gap-8: var(--gap-xs);
20
21
  } :root {
21
22
  } :root {
22
- } .popup-sheet__component_1jtfq {
23
+ } .popup-sheet__component_gcstj {
23
24
  position: fixed;
24
25
  bottom: 0;
25
- margin: auto var(--gap-xs) var(--gap-xs);
26
- width: calc(100% - 2 * var(--gap-xs));
26
+ margin: auto var(--gap-8) var(--gap-8);
27
+ width: calc(100% - 2 * var(--gap-8));
27
28
  max-width: 600px;
28
29
  border-radius: 36px;
29
30
  overflow: hidden;
30
- } .popup-sheet__closer_1jtfq {
31
+ } .popup-sheet__closer_gcstj {
31
32
  position: absolute;
32
33
  top: 8px;
33
34
  right: 8px
34
- } .popup-sheet__closer_1jtfq > button {
35
+ } .popup-sheet__closer_gcstj > button {
35
36
  -webkit-backdrop-filter: none;
36
37
  backdrop-filter: none;
37
- } .popup-sheet__content_1jtfq {
38
+ } .popup-sheet__content_gcstj {
38
39
  box-sizing: border-box;
39
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_1jtfq,
40
- .popup-sheet__enter_1jtfq {
40
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_gcstj,
41
+ .popup-sheet__enter_gcstj {
41
42
  transform: translateY(calc(100% + 100px));
42
- } .popup-sheet__appearActive_1jtfq,
43
- .popup-sheet__enterActive_1jtfq {
43
+ } .popup-sheet__appearActive_gcstj,
44
+ .popup-sheet__enterActive_gcstj {
44
45
  transform: translateY(0);
45
46
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
46
47
  transition-delay: 50ms;
47
- } .popup-sheet__exit_1jtfq {
48
+ } .popup-sheet__exit_gcstj {
48
49
  transform: translateY(0);
49
- } .popup-sheet__exitBySwipe_1jtfq {
50
+ } .popup-sheet__exitBySwipe_gcstj {
50
51
  transform: translateY(calc(100% + 100px));
51
- } .popup-sheet__exitActiveBySwipe_1jtfq {
52
+ } .popup-sheet__exitActiveBySwipe_gcstj {
52
53
  transition: none;
53
- } .popup-sheet__exitActive_1jtfq,
54
- .popup-sheet__exitDone_1jtfq {
54
+ } .popup-sheet__exitActive_gcstj,
55
+ .popup-sheet__exitDone_gcstj {
55
56
  transform: translateY(calc(100% + 100px));
56
57
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
57
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_1jtfq","closer":"popup-sheet__closer_1jtfq","content":"popup-sheet__content_1jtfq","appear":"popup-sheet__appear_1jtfq","enter":"popup-sheet__enter_1jtfq","appearActive":"popup-sheet__appearActive_1jtfq","enterActive":"popup-sheet__enterActive_1jtfq","exit":"popup-sheet__exit_1jtfq","exitBySwipe":"popup-sheet__exitBySwipe_1jtfq","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_1jtfq","exitActive":"popup-sheet__exitActive_1jtfq","exitDone":"popup-sheet__exitDone_1jtfq"};
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_jh1c6","enter":"popup-sheet__enter_jh1c6","appearActive":"popup-sheet__appearActive_jh1c6","enterActive":"popup-sheet__enterActive_jh1c6","appearDone":"popup-sheet__appearDone_jh1c6","enterDone":"popup-sheet__enterDone_jh1c6","exit":"popup-sheet__exit_jh1c6","exitActive":"popup-sheet__exitActive_jh1c6","exitDone":"popup-sheet__exitDone_jh1c6"};
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: 1n1f5 */
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_jh1c6,
26
- .popup-sheet__enter_jh1c6 {
25
+ } .popup-sheet__appear_1i5j9,
26
+ .popup-sheet__enter_1i5j9 {
27
27
  background-color: var(--backdrop-hidden-background);
28
- } .popup-sheet__appearActive_jh1c6,
29
- .popup-sheet__enterActive_jh1c6,
30
- .popup-sheet__appearDone_jh1c6,
31
- .popup-sheet__enterDone_jh1c6 {
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_jh1c6 {
34
+ } .popup-sheet__exit_1i5j9 {
35
35
  background-color: var(--backdrop-visible-background);
36
- } .popup-sheet__exitActive_jh1c6,
37
- .popup-sheet__exitDone_jh1c6 {
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: tqbtg */
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 */
@@ -17,41 +17,42 @@
17
17
  --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
18
18
 
19
19
  /* новые значения, используйте их */
20
+ --gap-8: var(--gap-xs);
20
21
  } :root {
21
22
  } :root {
22
- } .popup-sheet__component_1jtfq {
23
+ } .popup-sheet__component_gcstj {
23
24
  position: fixed;
24
25
  bottom: 0;
25
- margin: auto var(--gap-xs) var(--gap-xs);
26
- width: calc(100% - 2 * var(--gap-xs));
26
+ margin: auto var(--gap-8) var(--gap-8);
27
+ width: calc(100% - 2 * var(--gap-8));
27
28
  max-width: 600px;
28
29
  border-radius: 36px;
29
30
  overflow: hidden;
30
- } .popup-sheet__closer_1jtfq {
31
+ } .popup-sheet__closer_gcstj {
31
32
  position: absolute;
32
33
  top: 8px;
33
34
  right: 8px
34
- } .popup-sheet__closer_1jtfq > button {
35
+ } .popup-sheet__closer_gcstj > button {
35
36
  -webkit-backdrop-filter: none;
36
37
  backdrop-filter: none;
37
- } .popup-sheet__content_1jtfq {
38
+ } .popup-sheet__content_gcstj {
38
39
  box-sizing: border-box;
39
- } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_1jtfq,
40
- .popup-sheet__enter_1jtfq {
40
+ } /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_gcstj,
41
+ .popup-sheet__enter_gcstj {
41
42
  transform: translateY(calc(100% + 100px));
42
- } .popup-sheet__appearActive_1jtfq,
43
- .popup-sheet__enterActive_1jtfq {
43
+ } .popup-sheet__appearActive_gcstj,
44
+ .popup-sheet__enterActive_gcstj {
44
45
  transform: translateY(0);
45
46
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
46
47
  transition-delay: 50ms;
47
- } .popup-sheet__exit_1jtfq {
48
+ } .popup-sheet__exit_gcstj {
48
49
  transform: translateY(0);
49
- } .popup-sheet__exitBySwipe_1jtfq {
50
+ } .popup-sheet__exitBySwipe_gcstj {
50
51
  transform: translateY(calc(100% + 100px));
51
- } .popup-sheet__exitActiveBySwipe_1jtfq {
52
+ } .popup-sheet__exitActiveBySwipe_gcstj {
52
53
  transition: none;
53
- } .popup-sheet__exitActive_1jtfq,
54
- .popup-sheet__exitDone_1jtfq {
54
+ } .popup-sheet__exitActive_gcstj,
55
+ .popup-sheet__exitDone_gcstj {
55
56
  transform: translateY(calc(100% + 100px));
56
57
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
57
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.10",
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.10",
19
- "@alfalab/core-components-backdrop": "^3.2.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.9",
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.1",
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,10 +1,10 @@
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;
5
5
  bottom: 0;
6
- margin: auto var(--gap-xs) var(--gap-xs);
7
- width: calc(100% - 2 * var(--gap-xs));
6
+ margin: auto var(--gap-8) var(--gap-8);
7
+ width: calc(100% - 2 * var(--gap-8));
8
8
  max-width: 600px;
9
9
  border-radius: 36px;
10
10
  overflow: hidden;