@alfalab/core-components-universal-modal 3.0.7 → 3.1.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.
- package/components/content/base-content/index.css +1 -1
- package/components/content/base-content/index.module.css.js +1 -1
- package/components/content/desktop/desktop.css +2 -2
- package/components/content/desktop/desktop.module.css.js +1 -1
- package/components/content/mobile/mobile.css +3 -3
- package/components/content/mobile/mobile.module.css.js +1 -1
- package/components/footer/base-footer/index.css +3 -3
- package/components/footer/base-footer/index.module.css.js +1 -1
- package/components/footer/desktop/desktop.css +1 -1
- package/components/footer/desktop/desktop.module.css.js +1 -1
- package/components/footer/desktop/layout.css +9 -9
- package/components/footer/desktop/layout.module.css.js +1 -1
- package/components/footer/mobile/layout.mobile.css +8 -8
- package/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/components/footer/mobile/mobile.css +2 -2
- package/components/footer/mobile/mobile.module.css.js +1 -1
- package/components/header/base-header/index.css +4 -4
- package/components/header/base-header/index.module.css.js +1 -1
- package/components/header/desktop/desktop.css +5 -5
- package/components/header/desktop/desktop.module.css.js +1 -1
- package/components/header/mobile/mobile.css +3 -3
- package/components/header/mobile/mobile.module.css.js +1 -1
- package/cssm/desktop/components/center-modal/center-modal.js +13 -8
- package/cssm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/cssm/desktop/components/center-modal/index.module.css +7 -3
- package/cssm/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/cssm/desktop/components/modal-content/modal-content.js +1 -3
- package/cssm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/cssm/desktop/components/side-modal/index.module.css +6 -2
- package/cssm/desktop/components/side-modal/side-modal.js +14 -9
- package/cssm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/cssm/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
- package/cssm/desktop/hooks/use-scrollable-container-ref.js +27 -0
- package/cssm/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
- package/desktop/components/center-modal/center-modal.js +13 -8
- package/desktop/components/center-modal/center-modal.js.map +1 -1
- package/desktop/components/center-modal/index.css +527 -523
- package/desktop/components/center-modal/index.module.css.js +1 -1
- package/desktop/components/center-modal/index.module.css.js.map +1 -1
- package/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/desktop/components/modal-content/modal-content.css +4 -4
- package/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/desktop/components/modal-content/modal-content.js +1 -3
- package/desktop/components/modal-content/modal-content.js.map +1 -1
- package/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/desktop/components/side-modal/index.css +529 -525
- package/desktop/components/side-modal/index.module.css.js +1 -1
- package/desktop/components/side-modal/index.module.css.js.map +1 -1
- package/desktop/components/side-modal/side-modal.js +14 -9
- package/desktop/components/side-modal/side-modal.js.map +1 -1
- package/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
- package/desktop/hooks/use-scrollable-container-ref.js +27 -0
- package/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
- package/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/esm/components/content/base-content/index.css +1 -1
- package/esm/components/content/base-content/index.module.css.js +1 -1
- package/esm/components/content/desktop/desktop.css +2 -2
- package/esm/components/content/desktop/desktop.module.css.js +1 -1
- package/esm/components/content/mobile/mobile.css +3 -3
- package/esm/components/content/mobile/mobile.module.css.js +1 -1
- package/esm/components/footer/base-footer/index.css +3 -3
- package/esm/components/footer/base-footer/index.module.css.js +1 -1
- package/esm/components/footer/desktop/desktop.css +1 -1
- package/esm/components/footer/desktop/desktop.module.css.js +1 -1
- package/esm/components/footer/desktop/layout.css +9 -9
- package/esm/components/footer/desktop/layout.module.css.js +1 -1
- package/esm/components/footer/mobile/layout.mobile.css +8 -8
- package/esm/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/esm/components/footer/mobile/mobile.css +2 -2
- package/esm/components/footer/mobile/mobile.module.css.js +1 -1
- package/esm/components/header/base-header/index.css +4 -4
- package/esm/components/header/base-header/index.module.css.js +1 -1
- package/esm/components/header/desktop/desktop.css +5 -5
- package/esm/components/header/desktop/desktop.module.css.js +1 -1
- package/esm/components/header/mobile/mobile.css +3 -3
- package/esm/components/header/mobile/mobile.module.css.js +1 -1
- package/esm/desktop/components/center-modal/center-modal.js +13 -8
- package/esm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/esm/desktop/components/center-modal/index.css +527 -523
- package/esm/desktop/components/center-modal/index.module.css.js +1 -1
- package/esm/desktop/components/center-modal/index.module.css.js.map +1 -1
- package/esm/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/esm/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/esm/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/esm/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/esm/desktop/components/modal-content/modal-content.css +4 -4
- package/esm/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/esm/desktop/components/modal-content/modal-content.js +1 -3
- package/esm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/esm/desktop/components/side-modal/index.css +529 -525
- package/esm/desktop/components/side-modal/index.module.css.js +1 -1
- package/esm/desktop/components/side-modal/index.module.css.js.map +1 -1
- package/esm/desktop/components/side-modal/side-modal.js +14 -9
- package/esm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/esm/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
- package/esm/desktop/hooks/use-scrollable-container-ref.js +23 -0
- package/esm/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
- package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/esm/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/esm/mobile/mobile.css +3 -3
- package/esm/mobile/mobile.module.css.js +1 -1
- package/esm/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/esm/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/esm/mobile/transitions/transitions.mobile.css +7 -7
- package/esm/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/mobile/mobile.css +3 -3
- package/mobile/mobile.module.css.js +1 -1
- package/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/mobile/transitions/transitions.mobile.css +7 -7
- package/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/modern/components/content/base-content/index.css +1 -1
- package/modern/components/content/base-content/index.module.css.js +1 -1
- package/modern/components/content/desktop/desktop.css +2 -2
- package/modern/components/content/desktop/desktop.module.css.js +1 -1
- package/modern/components/content/mobile/mobile.css +3 -3
- package/modern/components/content/mobile/mobile.module.css.js +1 -1
- package/modern/components/footer/base-footer/index.css +3 -3
- package/modern/components/footer/base-footer/index.module.css.js +1 -1
- package/modern/components/footer/desktop/desktop.css +1 -1
- package/modern/components/footer/desktop/desktop.module.css.js +1 -1
- package/modern/components/footer/desktop/layout.css +9 -9
- package/modern/components/footer/desktop/layout.module.css.js +1 -1
- package/modern/components/footer/mobile/layout.mobile.css +8 -8
- package/modern/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/modern/components/footer/mobile/mobile.css +2 -2
- package/modern/components/footer/mobile/mobile.module.css.js +1 -1
- package/modern/components/header/base-header/index.css +4 -4
- package/modern/components/header/base-header/index.module.css.js +1 -1
- package/modern/components/header/desktop/desktop.css +5 -5
- package/modern/components/header/desktop/desktop.module.css.js +1 -1
- package/modern/components/header/mobile/mobile.css +3 -3
- package/modern/components/header/mobile/mobile.module.css.js +1 -1
- package/modern/desktop/components/center-modal/center-modal.js +12 -8
- package/modern/desktop/components/center-modal/center-modal.js.map +1 -1
- package/modern/desktop/components/center-modal/index.css +527 -523
- package/modern/desktop/components/center-modal/index.module.css.js +1 -1
- package/modern/desktop/components/center-modal/index.module.css.js.map +1 -1
- package/modern/desktop/components/center-modal/transitions/safari-transitions.css +7 -7
- package/modern/desktop/components/center-modal/transitions/safari-transitions.module.css.js +1 -1
- package/modern/desktop/components/center-modal/transitions/transitions.css +7 -7
- package/modern/desktop/components/center-modal/transitions/transitions.module.css.js +1 -1
- package/modern/desktop/components/modal-content/modal-content.css +4 -4
- package/modern/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/modern/desktop/components/modal-content/modal-content.js +1 -3
- package/modern/desktop/components/modal-content/modal-content.js.map +1 -1
- package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/modern/desktop/components/side-modal/index.css +529 -525
- package/modern/desktop/components/side-modal/index.module.css.js +1 -1
- package/modern/desktop/components/side-modal/index.module.css.js.map +1 -1
- package/modern/desktop/components/side-modal/side-modal.js +12 -8
- package/modern/desktop/components/side-modal/side-modal.js.map +1 -1
- package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/modern/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
- package/modern/desktop/hooks/use-scrollable-container-ref.js +21 -0
- package/modern/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
- package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +13 -13
- package/modern/desktop/styles/transitions/full-size-backdrop-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js +1 -1
- package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +7 -7
- package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.module.css.js +1 -1
- package/modern/mobile/mobile.css +3 -3
- package/modern/mobile/mobile.module.css.js +1 -1
- package/modern/mobile/transitions/right-side-transitions.mobile.css +7 -7
- package/modern/mobile/transitions/right-side-transitions.mobile.module.css.js +1 -1
- package/modern/mobile/transitions/transitions.mobile.css +7 -7
- package/modern/mobile/transitions/transitions.mobile.module.css.js +1 -1
- package/moderncssm/desktop/components/center-modal/center-modal.js +12 -8
- package/moderncssm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/moderncssm/desktop/components/center-modal/index.module.css +9 -4
- package/moderncssm/desktop/components/modal-content/modal-content.d.ts +3 -3
- package/moderncssm/desktop/components/modal-content/modal-content.js +1 -3
- package/moderncssm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/moderncssm/desktop/components/side-modal/index.module.css +7 -2
- package/moderncssm/desktop/components/side-modal/side-modal.js +12 -8
- package/moderncssm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/moderncssm/desktop/hooks/use-scrollable-container-ref.d.ts +10 -0
- package/moderncssm/desktop/hooks/use-scrollable-container-ref.js +21 -0
- package/moderncssm/desktop/hooks/use-scrollable-container-ref.js.map +1 -0
- package/package.json +3 -3
- package/src/desktop/components/center-modal/center-modal.module.css +1 -5
- package/src/desktop/components/center-modal/center-modal.tsx +14 -14
- package/src/desktop/components/center-modal/index.module.css +2 -1
- package/src/desktop/components/modal-content/modal-content.tsx +8 -9
- package/src/desktop/components/side-modal/index.module.css +2 -1
- package/src/desktop/components/side-modal/side-modal.module.css +0 -4
- package/src/desktop/components/side-modal/side-modal.tsx +14 -14
- package/src/desktop/hooks/use-scrollable-container-ref.ts +29 -0
- package/src/desktop/styles/common.module.css +10 -0
- package/cssm/desktop/hooks/use-outside-scroll.d.ts +0 -8
- package/cssm/desktop/hooks/use-outside-scroll.js +0 -21
- package/cssm/desktop/hooks/use-outside-scroll.js.map +0 -1
- package/cssm/desktop/hooks/useModalWheel.d.ts +0 -5
- package/cssm/desktop/hooks/useModalWheel.js +0 -20
- package/cssm/desktop/hooks/useModalWheel.js.map +0 -1
- package/desktop/hooks/use-outside-scroll.d.ts +0 -8
- package/desktop/hooks/use-outside-scroll.js +0 -21
- package/desktop/hooks/use-outside-scroll.js.map +0 -1
- package/desktop/hooks/useModalWheel.d.ts +0 -5
- package/desktop/hooks/useModalWheel.js +0 -20
- package/desktop/hooks/useModalWheel.js.map +0 -1
- package/esm/desktop/hooks/use-outside-scroll.d.ts +0 -8
- package/esm/desktop/hooks/use-outside-scroll.js +0 -17
- package/esm/desktop/hooks/use-outside-scroll.js.map +0 -1
- package/esm/desktop/hooks/useModalWheel.d.ts +0 -5
- package/esm/desktop/hooks/useModalWheel.js +0 -16
- package/esm/desktop/hooks/useModalWheel.js.map +0 -1
- package/modern/desktop/hooks/use-outside-scroll.d.ts +0 -8
- package/modern/desktop/hooks/use-outside-scroll.js +0 -17
- package/modern/desktop/hooks/use-outside-scroll.js.map +0 -1
- package/modern/desktop/hooks/useModalWheel.d.ts +0 -5
- package/modern/desktop/hooks/useModalWheel.js +0 -16
- package/modern/desktop/hooks/useModalWheel.js.map +0 -1
- package/moderncssm/desktop/hooks/use-outside-scroll.d.ts +0 -8
- package/moderncssm/desktop/hooks/use-outside-scroll.js +0 -17
- package/moderncssm/desktop/hooks/use-outside-scroll.js.map +0 -1
- package/moderncssm/desktop/hooks/useModalWheel.d.ts +0 -5
- package/moderncssm/desktop/hooks/useModalWheel.js +0 -16
- package/moderncssm/desktop/hooks/useModalWheel.js.map +0 -1
- package/src/desktop/hooks/use-outside-scroll.ts +0 -20
- package/src/desktop/hooks/useModalWheel.ts +0 -16
|
@@ -2,321 +2,321 @@
|
|
|
2
2
|
--universal-modal-transitions-timeout: 200ms;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
.universal-modal__enterLeft-
|
|
5
|
+
.universal-modal__enterLeft-0_1hjkk {
|
|
6
6
|
transform: translateX(calc(-100% - 0px)) translateZ(0);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.universal-modal__enterLeft-
|
|
9
|
+
.universal-modal__enterLeft-2_1hjkk {
|
|
10
10
|
transform: translateX(calc(-100% - 2px)) translateZ(0);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.universal-modal__enterLeft-
|
|
13
|
+
.universal-modal__enterLeft-4_1hjkk {
|
|
14
14
|
transform: translateX(calc(-100% - 4px)) translateZ(0);
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.universal-modal__enterLeft-
|
|
17
|
+
.universal-modal__enterLeft-8_1hjkk {
|
|
18
18
|
transform: translateX(calc(-100% - 8px)) translateZ(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-modal__enterLeft-
|
|
21
|
+
.universal-modal__enterLeft-12_1hjkk {
|
|
22
22
|
transform: translateX(calc(-100% - 12px)) translateZ(0);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.universal-modal__enterLeft-
|
|
25
|
+
.universal-modal__enterLeft-16_1hjkk {
|
|
26
26
|
transform: translateX(calc(-100% - 16px)) translateZ(0);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.universal-modal__enterLeft-
|
|
29
|
+
.universal-modal__enterLeft-20_1hjkk {
|
|
30
30
|
transform: translateX(calc(-100% - 20px)) translateZ(0);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.universal-modal__enterLeft-
|
|
33
|
+
.universal-modal__enterLeft-24_1hjkk {
|
|
34
34
|
transform: translateX(calc(-100% - 24px)) translateZ(0);
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.universal-modal__enterLeft-
|
|
37
|
+
.universal-modal__enterLeft-32_1hjkk {
|
|
38
38
|
transform: translateX(calc(-100% - 32px)) translateZ(0);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.universal-modal__enterLeft-
|
|
41
|
+
.universal-modal__enterLeft-40_1hjkk {
|
|
42
42
|
transform: translateX(calc(-100% - 40px)) translateZ(0);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.universal-modal__enterLeft-
|
|
45
|
+
.universal-modal__enterLeft-48_1hjkk {
|
|
46
46
|
transform: translateX(calc(-100% - 48px)) translateZ(0);
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.universal-modal__enterLeft-
|
|
49
|
+
.universal-modal__enterLeft-56_1hjkk {
|
|
50
50
|
transform: translateX(calc(-100% - 56px)) translateZ(0);
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.universal-modal__enterLeft-
|
|
53
|
+
.universal-modal__enterLeft-64_1hjkk {
|
|
54
54
|
transform: translateX(calc(-100% - 64px)) translateZ(0);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.universal-modal__enterLeft-
|
|
57
|
+
.universal-modal__enterLeft-72_1hjkk {
|
|
58
58
|
transform: translateX(calc(-100% - 72px)) translateZ(0);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.universal-modal__enterLeft-
|
|
61
|
+
.universal-modal__enterLeft-80_1hjkk {
|
|
62
62
|
transform: translateX(calc(-100% - 80px)) translateZ(0);
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.universal-modal__enterLeft-
|
|
65
|
+
.universal-modal__enterLeft-96_1hjkk {
|
|
66
66
|
transform: translateX(calc(-100% - 96px)) translateZ(0);
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.universal-modal__enterLeft-
|
|
69
|
+
.universal-modal__enterLeft-128_1hjkk {
|
|
70
70
|
transform: translateX(calc(-100% - 128px)) translateZ(0);
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
.universal-modal__enterRight-
|
|
73
|
+
.universal-modal__enterRight-0_1hjkk {
|
|
74
74
|
transform: translateX(calc(100% + 0px)) translateZ(0);
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.universal-modal__enterRight-
|
|
77
|
+
.universal-modal__enterRight-2_1hjkk {
|
|
78
78
|
transform: translateX(calc(100% + 2px)) translateZ(0);
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.universal-modal__enterRight-
|
|
81
|
+
.universal-modal__enterRight-4_1hjkk {
|
|
82
82
|
transform: translateX(calc(100% + 4px)) translateZ(0);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.universal-modal__enterRight-
|
|
85
|
+
.universal-modal__enterRight-8_1hjkk {
|
|
86
86
|
transform: translateX(calc(100% + 8px)) translateZ(0);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
.universal-modal__enterRight-
|
|
89
|
+
.universal-modal__enterRight-12_1hjkk {
|
|
90
90
|
transform: translateX(calc(100% + 12px)) translateZ(0);
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
.universal-modal__enterRight-
|
|
93
|
+
.universal-modal__enterRight-16_1hjkk {
|
|
94
94
|
transform: translateX(calc(100% + 16px)) translateZ(0);
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.universal-modal__enterRight-
|
|
97
|
+
.universal-modal__enterRight-20_1hjkk {
|
|
98
98
|
transform: translateX(calc(100% + 20px)) translateZ(0);
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.universal-modal__enterRight-
|
|
101
|
+
.universal-modal__enterRight-24_1hjkk {
|
|
102
102
|
transform: translateX(calc(100% + 24px)) translateZ(0);
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
-
.universal-modal__enterRight-
|
|
105
|
+
.universal-modal__enterRight-32_1hjkk {
|
|
106
106
|
transform: translateX(calc(100% + 32px)) translateZ(0);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
.universal-modal__enterRight-
|
|
109
|
+
.universal-modal__enterRight-40_1hjkk {
|
|
110
110
|
transform: translateX(calc(100% + 40px)) translateZ(0);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
.universal-modal__enterRight-
|
|
113
|
+
.universal-modal__enterRight-48_1hjkk {
|
|
114
114
|
transform: translateX(calc(100% + 48px)) translateZ(0);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
.universal-modal__enterRight-
|
|
117
|
+
.universal-modal__enterRight-56_1hjkk {
|
|
118
118
|
transform: translateX(calc(100% + 56px)) translateZ(0);
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
.universal-modal__enterRight-
|
|
121
|
+
.universal-modal__enterRight-64_1hjkk {
|
|
122
122
|
transform: translateX(calc(100% + 64px)) translateZ(0);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
-
.universal-modal__enterRight-
|
|
125
|
+
.universal-modal__enterRight-72_1hjkk {
|
|
126
126
|
transform: translateX(calc(100% + 72px)) translateZ(0);
|
|
127
127
|
}
|
|
128
128
|
|
|
129
|
-
.universal-modal__enterRight-
|
|
129
|
+
.universal-modal__enterRight-80_1hjkk {
|
|
130
130
|
transform: translateX(calc(100% + 80px)) translateZ(0);
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
.universal-modal__enterRight-
|
|
133
|
+
.universal-modal__enterRight-96_1hjkk {
|
|
134
134
|
transform: translateX(calc(100% + 96px)) translateZ(0);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
|
-
.universal-modal__enterRight-
|
|
137
|
+
.universal-modal__enterRight-128_1hjkk {
|
|
138
138
|
transform: translateX(calc(100% + 128px)) translateZ(0);
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
.universal-
|
|
141
|
+
.universal-modal__enterActive_1hjkk {
|
|
142
142
|
transform: translateX(0);
|
|
143
143
|
transition: transform var(--universal-modal-transitions-timeout) ease-in;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
|
-
.universal-
|
|
146
|
+
.universal-modal__enterDone_1hjkk {
|
|
147
147
|
transform: translateX(0);
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
.universal-
|
|
150
|
+
.universal-modal__exit_1hjkk {
|
|
151
151
|
transform: translateX(0);
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
.universal-modal__exitActiveLeft-
|
|
154
|
+
.universal-modal__exitActiveLeft-0_1hjkk {
|
|
155
155
|
transform: translateX(calc(-100% - 0px)) translateZ(0);
|
|
156
156
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
-
.universal-modal__exitActiveLeft-
|
|
159
|
+
.universal-modal__exitActiveLeft-2_1hjkk {
|
|
160
160
|
transform: translateX(calc(-100% - 2px)) translateZ(0);
|
|
161
161
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
162
162
|
}
|
|
163
163
|
|
|
164
|
-
.universal-modal__exitActiveLeft-
|
|
164
|
+
.universal-modal__exitActiveLeft-4_1hjkk {
|
|
165
165
|
transform: translateX(calc(-100% - 4px)) translateZ(0);
|
|
166
166
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.universal-modal__exitActiveLeft-
|
|
169
|
+
.universal-modal__exitActiveLeft-8_1hjkk {
|
|
170
170
|
transform: translateX(calc(-100% - 8px)) translateZ(0);
|
|
171
171
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
-
.universal-modal__exitActiveLeft-
|
|
174
|
+
.universal-modal__exitActiveLeft-12_1hjkk {
|
|
175
175
|
transform: translateX(calc(-100% - 12px)) translateZ(0);
|
|
176
176
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
.universal-modal__exitActiveLeft-
|
|
179
|
+
.universal-modal__exitActiveLeft-16_1hjkk {
|
|
180
180
|
transform: translateX(calc(-100% - 16px)) translateZ(0);
|
|
181
181
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
182
182
|
}
|
|
183
183
|
|
|
184
|
-
.universal-modal__exitActiveLeft-
|
|
184
|
+
.universal-modal__exitActiveLeft-20_1hjkk {
|
|
185
185
|
transform: translateX(calc(-100% - 20px)) translateZ(0);
|
|
186
186
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
|
-
.universal-modal__exitActiveLeft-
|
|
189
|
+
.universal-modal__exitActiveLeft-24_1hjkk {
|
|
190
190
|
transform: translateX(calc(-100% - 24px)) translateZ(0);
|
|
191
191
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
.universal-modal__exitActiveLeft-
|
|
194
|
+
.universal-modal__exitActiveLeft-32_1hjkk {
|
|
195
195
|
transform: translateX(calc(-100% - 32px)) translateZ(0);
|
|
196
196
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
.universal-modal__exitActiveLeft-
|
|
199
|
+
.universal-modal__exitActiveLeft-40_1hjkk {
|
|
200
200
|
transform: translateX(calc(-100% - 40px)) translateZ(0);
|
|
201
201
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
202
202
|
}
|
|
203
203
|
|
|
204
|
-
.universal-modal__exitActiveLeft-
|
|
204
|
+
.universal-modal__exitActiveLeft-48_1hjkk {
|
|
205
205
|
transform: translateX(calc(-100% - 48px)) translateZ(0);
|
|
206
206
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
.universal-modal__exitActiveLeft-
|
|
209
|
+
.universal-modal__exitActiveLeft-56_1hjkk {
|
|
210
210
|
transform: translateX(calc(-100% - 56px)) translateZ(0);
|
|
211
211
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
212
212
|
}
|
|
213
213
|
|
|
214
|
-
.universal-modal__exitActiveLeft-
|
|
214
|
+
.universal-modal__exitActiveLeft-64_1hjkk {
|
|
215
215
|
transform: translateX(calc(-100% - 64px)) translateZ(0);
|
|
216
216
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
217
217
|
}
|
|
218
218
|
|
|
219
|
-
.universal-modal__exitActiveLeft-
|
|
219
|
+
.universal-modal__exitActiveLeft-72_1hjkk {
|
|
220
220
|
transform: translateX(calc(-100% - 72px)) translateZ(0);
|
|
221
221
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.universal-modal__exitActiveLeft-
|
|
224
|
+
.universal-modal__exitActiveLeft-80_1hjkk {
|
|
225
225
|
transform: translateX(calc(-100% - 80px)) translateZ(0);
|
|
226
226
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
.universal-modal__exitActiveLeft-
|
|
229
|
+
.universal-modal__exitActiveLeft-96_1hjkk {
|
|
230
230
|
transform: translateX(calc(-100% - 96px)) translateZ(0);
|
|
231
231
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
232
232
|
}
|
|
233
233
|
|
|
234
|
-
.universal-modal__exitActiveLeft-
|
|
234
|
+
.universal-modal__exitActiveLeft-128_1hjkk {
|
|
235
235
|
transform: translateX(calc(-100% - 128px)) translateZ(0);
|
|
236
236
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
237
237
|
}
|
|
238
238
|
|
|
239
|
-
.universal-modal__exitActiveRight-
|
|
239
|
+
.universal-modal__exitActiveRight-0_1hjkk {
|
|
240
240
|
transform: translateX(calc(100% + 0px)) translateZ(0);
|
|
241
241
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.universal-modal__exitActiveRight-
|
|
244
|
+
.universal-modal__exitActiveRight-2_1hjkk {
|
|
245
245
|
transform: translateX(calc(100% + 2px)) translateZ(0);
|
|
246
246
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
-
.universal-modal__exitActiveRight-
|
|
249
|
+
.universal-modal__exitActiveRight-4_1hjkk {
|
|
250
250
|
transform: translateX(calc(100% + 4px)) translateZ(0);
|
|
251
251
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
.universal-modal__exitActiveRight-
|
|
254
|
+
.universal-modal__exitActiveRight-8_1hjkk {
|
|
255
255
|
transform: translateX(calc(100% + 8px)) translateZ(0);
|
|
256
256
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
257
257
|
}
|
|
258
258
|
|
|
259
|
-
.universal-modal__exitActiveRight-
|
|
259
|
+
.universal-modal__exitActiveRight-12_1hjkk {
|
|
260
260
|
transform: translateX(calc(100% + 12px)) translateZ(0);
|
|
261
261
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
-
.universal-modal__exitActiveRight-
|
|
264
|
+
.universal-modal__exitActiveRight-16_1hjkk {
|
|
265
265
|
transform: translateX(calc(100% + 16px)) translateZ(0);
|
|
266
266
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.universal-modal__exitActiveRight-
|
|
269
|
+
.universal-modal__exitActiveRight-20_1hjkk {
|
|
270
270
|
transform: translateX(calc(100% + 20px)) translateZ(0);
|
|
271
271
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
272
272
|
}
|
|
273
273
|
|
|
274
|
-
.universal-modal__exitActiveRight-
|
|
274
|
+
.universal-modal__exitActiveRight-24_1hjkk {
|
|
275
275
|
transform: translateX(calc(100% + 24px)) translateZ(0);
|
|
276
276
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
277
277
|
}
|
|
278
278
|
|
|
279
|
-
.universal-modal__exitActiveRight-
|
|
279
|
+
.universal-modal__exitActiveRight-32_1hjkk {
|
|
280
280
|
transform: translateX(calc(100% + 32px)) translateZ(0);
|
|
281
281
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
-
.universal-modal__exitActiveRight-
|
|
284
|
+
.universal-modal__exitActiveRight-40_1hjkk {
|
|
285
285
|
transform: translateX(calc(100% + 40px)) translateZ(0);
|
|
286
286
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
-
.universal-modal__exitActiveRight-
|
|
289
|
+
.universal-modal__exitActiveRight-48_1hjkk {
|
|
290
290
|
transform: translateX(calc(100% + 48px)) translateZ(0);
|
|
291
291
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
-
.universal-modal__exitActiveRight-
|
|
294
|
+
.universal-modal__exitActiveRight-56_1hjkk {
|
|
295
295
|
transform: translateX(calc(100% + 56px)) translateZ(0);
|
|
296
296
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
.universal-modal__exitActiveRight-
|
|
299
|
+
.universal-modal__exitActiveRight-64_1hjkk {
|
|
300
300
|
transform: translateX(calc(100% + 64px)) translateZ(0);
|
|
301
301
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
302
302
|
}
|
|
303
303
|
|
|
304
|
-
.universal-modal__exitActiveRight-
|
|
304
|
+
.universal-modal__exitActiveRight-72_1hjkk {
|
|
305
305
|
transform: translateX(calc(100% + 72px)) translateZ(0);
|
|
306
306
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
-
.universal-modal__exitActiveRight-
|
|
309
|
+
.universal-modal__exitActiveRight-80_1hjkk {
|
|
310
310
|
transform: translateX(calc(100% + 80px)) translateZ(0);
|
|
311
311
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
312
312
|
}
|
|
313
313
|
|
|
314
|
-
.universal-modal__exitActiveRight-
|
|
314
|
+
.universal-modal__exitActiveRight-96_1hjkk {
|
|
315
315
|
transform: translateX(calc(100% + 96px)) translateZ(0);
|
|
316
316
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
317
317
|
}
|
|
318
318
|
|
|
319
|
-
.universal-modal__exitActiveRight-
|
|
319
|
+
.universal-modal__exitActiveRight-128_1hjkk {
|
|
320
320
|
transform: translateX(calc(100% + 128px)) translateZ(0);
|
|
321
321
|
transition: transform var(--universal-modal-transitions-timeout) ease-out;
|
|
322
322
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./transitions.css');
|
|
4
4
|
|
|
5
|
-
var transitions = {"enterLeft-0":"universal-modal__enterLeft-
|
|
5
|
+
var transitions = {"enterLeft-0":"universal-modal__enterLeft-0_1hjkk","enterLeft-2":"universal-modal__enterLeft-2_1hjkk","enterLeft-4":"universal-modal__enterLeft-4_1hjkk","enterLeft-8":"universal-modal__enterLeft-8_1hjkk","enterLeft-12":"universal-modal__enterLeft-12_1hjkk","enterLeft-16":"universal-modal__enterLeft-16_1hjkk","enterLeft-20":"universal-modal__enterLeft-20_1hjkk","enterLeft-24":"universal-modal__enterLeft-24_1hjkk","enterLeft-32":"universal-modal__enterLeft-32_1hjkk","enterLeft-40":"universal-modal__enterLeft-40_1hjkk","enterLeft-48":"universal-modal__enterLeft-48_1hjkk","enterLeft-56":"universal-modal__enterLeft-56_1hjkk","enterLeft-64":"universal-modal__enterLeft-64_1hjkk","enterLeft-72":"universal-modal__enterLeft-72_1hjkk","enterLeft-80":"universal-modal__enterLeft-80_1hjkk","enterLeft-96":"universal-modal__enterLeft-96_1hjkk","enterLeft-128":"universal-modal__enterLeft-128_1hjkk","enterRight-0":"universal-modal__enterRight-0_1hjkk","enterRight-2":"universal-modal__enterRight-2_1hjkk","enterRight-4":"universal-modal__enterRight-4_1hjkk","enterRight-8":"universal-modal__enterRight-8_1hjkk","enterRight-12":"universal-modal__enterRight-12_1hjkk","enterRight-16":"universal-modal__enterRight-16_1hjkk","enterRight-20":"universal-modal__enterRight-20_1hjkk","enterRight-24":"universal-modal__enterRight-24_1hjkk","enterRight-32":"universal-modal__enterRight-32_1hjkk","enterRight-40":"universal-modal__enterRight-40_1hjkk","enterRight-48":"universal-modal__enterRight-48_1hjkk","enterRight-56":"universal-modal__enterRight-56_1hjkk","enterRight-64":"universal-modal__enterRight-64_1hjkk","enterRight-72":"universal-modal__enterRight-72_1hjkk","enterRight-80":"universal-modal__enterRight-80_1hjkk","enterRight-96":"universal-modal__enterRight-96_1hjkk","enterRight-128":"universal-modal__enterRight-128_1hjkk","enterActive":"universal-modal__enterActive_1hjkk","enterDone":"universal-modal__enterDone_1hjkk","exit":"universal-modal__exit_1hjkk","exitActiveLeft-0":"universal-modal__exitActiveLeft-0_1hjkk","exitActiveLeft-2":"universal-modal__exitActiveLeft-2_1hjkk","exitActiveLeft-4":"universal-modal__exitActiveLeft-4_1hjkk","exitActiveLeft-8":"universal-modal__exitActiveLeft-8_1hjkk","exitActiveLeft-12":"universal-modal__exitActiveLeft-12_1hjkk","exitActiveLeft-16":"universal-modal__exitActiveLeft-16_1hjkk","exitActiveLeft-20":"universal-modal__exitActiveLeft-20_1hjkk","exitActiveLeft-24":"universal-modal__exitActiveLeft-24_1hjkk","exitActiveLeft-32":"universal-modal__exitActiveLeft-32_1hjkk","exitActiveLeft-40":"universal-modal__exitActiveLeft-40_1hjkk","exitActiveLeft-48":"universal-modal__exitActiveLeft-48_1hjkk","exitActiveLeft-56":"universal-modal__exitActiveLeft-56_1hjkk","exitActiveLeft-64":"universal-modal__exitActiveLeft-64_1hjkk","exitActiveLeft-72":"universal-modal__exitActiveLeft-72_1hjkk","exitActiveLeft-80":"universal-modal__exitActiveLeft-80_1hjkk","exitActiveLeft-96":"universal-modal__exitActiveLeft-96_1hjkk","exitActiveLeft-128":"universal-modal__exitActiveLeft-128_1hjkk","exitActiveRight-0":"universal-modal__exitActiveRight-0_1hjkk","exitActiveRight-2":"universal-modal__exitActiveRight-2_1hjkk","exitActiveRight-4":"universal-modal__exitActiveRight-4_1hjkk","exitActiveRight-8":"universal-modal__exitActiveRight-8_1hjkk","exitActiveRight-12":"universal-modal__exitActiveRight-12_1hjkk","exitActiveRight-16":"universal-modal__exitActiveRight-16_1hjkk","exitActiveRight-20":"universal-modal__exitActiveRight-20_1hjkk","exitActiveRight-24":"universal-modal__exitActiveRight-24_1hjkk","exitActiveRight-32":"universal-modal__exitActiveRight-32_1hjkk","exitActiveRight-40":"universal-modal__exitActiveRight-40_1hjkk","exitActiveRight-48":"universal-modal__exitActiveRight-48_1hjkk","exitActiveRight-56":"universal-modal__exitActiveRight-56_1hjkk","exitActiveRight-64":"universal-modal__exitActiveRight-64_1hjkk","exitActiveRight-72":"universal-modal__exitActiveRight-72_1hjkk","exitActiveRight-80":"universal-modal__exitActiveRight-80_1hjkk","exitActiveRight-96":"universal-modal__exitActiveRight-96_1hjkk","exitActiveRight-128":"universal-modal__exitActiveRight-128_1hjkk"};
|
|
6
6
|
|
|
7
7
|
module.exports = transitions;
|
|
8
8
|
//# sourceMappingURL=transitions.module.css.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type RefObject, type WheelEvent } from 'react';
|
|
2
|
+
interface Params {
|
|
3
|
+
overlay: boolean;
|
|
4
|
+
refObject?: RefObject<HTMLDivElement>;
|
|
5
|
+
}
|
|
6
|
+
export declare const useScrollableContainerRef: ({ overlay, refObject }: Params) => {
|
|
7
|
+
handleWheel: (e: WheelEvent<HTMLElement>) => void;
|
|
8
|
+
scrollableContainerRef: RefObject<HTMLDivElement>;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
var useScrollableContainerRef = function (_a) {
|
|
8
|
+
var overlay = _a.overlay, refObject = _a.refObject;
|
|
9
|
+
var innerScrollableContainerRef = React.useRef(null);
|
|
10
|
+
var scrollableContainerRef = refObject || innerScrollableContainerRef;
|
|
11
|
+
var handleWheel = React.useCallback(function (e) {
|
|
12
|
+
var _a;
|
|
13
|
+
if (!overlay || e.target !== e.currentTarget) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
(_a = scrollableContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({
|
|
17
|
+
top: e.deltaY,
|
|
18
|
+
});
|
|
19
|
+
}, [overlay, scrollableContainerRef]);
|
|
20
|
+
return {
|
|
21
|
+
handleWheel: handleWheel,
|
|
22
|
+
scrollableContainerRef: scrollableContainerRef,
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
exports.useScrollableContainerRef = useScrollableContainerRef;
|
|
27
|
+
//# sourceMappingURL=use-scrollable-container-ref.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-scrollable-container-ref.js","sources":["../../src/desktop/hooks/use-scrollable-container-ref.ts"],"sourcesContent":["import { type RefObject, useCallback, useRef, type WheelEvent } from 'react';\n\ninterface Params {\n overlay: boolean;\n refObject?: RefObject<HTMLDivElement>;\n}\n\nexport const useScrollableContainerRef = ({ overlay, refObject }: Params) => {\n const innerScrollableContainerRef = useRef<HTMLDivElement>(null);\n const scrollableContainerRef = refObject || innerScrollableContainerRef;\n\n const handleWheel = useCallback(\n (e: WheelEvent<HTMLElement>) => {\n if (!overlay || e.target !== e.currentTarget) {\n return;\n }\n\n scrollableContainerRef.current?.scrollBy({\n top: e.deltaY,\n });\n },\n [overlay, scrollableContainerRef],\n );\n\n return {\n handleWheel,\n scrollableContainerRef,\n };\n};\n"],"names":["useRef","useCallback"],"mappings":";;;;;;AAOO,IAAM,yBAAyB,GAAG,UAAC,EAA8B,EAAA;QAA5B,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;AAC1D,IAAA,IAAM,2BAA2B,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAChE,IAAA,IAAM,sBAAsB,GAAG,SAAS,IAAI,2BAA2B;AAEvE,IAAA,IAAM,WAAW,GAAGC,iBAAW,CAC3B,UAAC,CAA0B,EAAA;;QACvB,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE;YAC1C;;AAGJ,QAAA,CAAA,EAAA,GAAA,sBAAsB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC;YACrC,GAAG,EAAE,CAAC,CAAC,MAAM;AAChB,SAAA,CAAC;AACN,KAAC,EACD,CAAC,OAAO,EAAE,sBAAsB,CAAC,CACpC;IAED,OAAO;AACH,QAAA,WAAW,EAAA,WAAA;AACX,QAAA,sBAAsB,EAAA,sBAAA;KACzB;AACL;;;;"}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
--universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
|
|
6
6
|
--universal-modal-backdrop-hidden-background: transparent;
|
|
7
7
|
}
|
|
8
|
-
@keyframes universal-
|
|
8
|
+
@keyframes universal-modal__step_1_gtxga {
|
|
9
9
|
0% {
|
|
10
10
|
opacity: 1;
|
|
11
11
|
}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
opacity: 0.5;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
|
-
@keyframes universal-
|
|
16
|
+
@keyframes universal-modal__step_2_gtxga {
|
|
17
17
|
0% {
|
|
18
18
|
opacity: 0.5;
|
|
19
19
|
}
|
|
@@ -22,26 +22,26 @@
|
|
|
22
22
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
.universal-
|
|
26
|
-
.universal-
|
|
25
|
+
.universal-modal__appear_gtxga,
|
|
26
|
+
.universal-modal__enter_gtxga {
|
|
27
27
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
28
28
|
}
|
|
29
|
-
.universal-
|
|
30
|
-
.universal-
|
|
31
|
-
.universal-
|
|
32
|
-
.universal-
|
|
29
|
+
.universal-modal__appearActive_gtxga,
|
|
30
|
+
.universal-modal__enterActive_gtxga,
|
|
31
|
+
.universal-modal__appearDone_gtxga,
|
|
32
|
+
.universal-modal__enterDone_gtxga {
|
|
33
33
|
background-color: var(--universal-modal-backdrop-visible-background);
|
|
34
34
|
}
|
|
35
|
-
.universal-
|
|
35
|
+
.universal-modal__exit_gtxga {
|
|
36
36
|
background-color: var(--universal-modal-backdrop-visible-background);
|
|
37
37
|
}
|
|
38
|
-
.universal-
|
|
38
|
+
.universal-modal__exitActive_gtxga {
|
|
39
39
|
opacity: 1;
|
|
40
40
|
animation:
|
|
41
|
-
universal-
|
|
42
|
-
universal-
|
|
41
|
+
universal-modal__step_1_gtxga 200ms cubic-bezier(0, 0, 1, 0),
|
|
42
|
+
universal-modal__step_2_gtxga 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
|
|
43
43
|
}
|
|
44
|
-
.universal-
|
|
44
|
+
.universal-modal__exitDone_gtxga {
|
|
45
45
|
opacity: 0;
|
|
46
46
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
47
47
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./full-size-backdrop-transitions.css');
|
|
4
4
|
|
|
5
|
-
var fullSizeBackdropTransitions = {"appear":"universal-
|
|
5
|
+
var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_gtxga","enter":"universal-modal__enter_gtxga","appearActive":"universal-modal__appearActive_gtxga","enterActive":"universal-modal__enterActive_gtxga","appearDone":"universal-modal__appearDone_gtxga","enterDone":"universal-modal__enterDone_gtxga","exit":"universal-modal__exit_gtxga","exitActive":"universal-modal__exitActive_gtxga","step_1":"universal-modal__step_1_gtxga","step_2":"universal-modal__step_2_gtxga","exitDone":"universal-modal__exitDone_gtxga"};
|
|
6
6
|
|
|
7
7
|
module.exports = fullSizeBackdropTransitions;
|
|
8
8
|
//# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_pzfns,
|
|
2
|
+
.universal-modal__enter_pzfns {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(40px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_pzfns,
|
|
8
|
+
.universal-modal__enterActive_pzfns {
|
|
9
9
|
opacity: 1;
|
|
10
10
|
transform: translateY(0);
|
|
11
11
|
transition:
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
transform 200ms cubic-bezier(0, 0, 0, 1);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.universal-
|
|
16
|
+
.universal-modal__exit_pzfns {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_pzfns,
|
|
22
|
+
.universal-modal__exitDone_pzfns {
|
|
23
23
|
opacity: 0;
|
|
24
24
|
transform: translateY(40px);
|
|
25
25
|
transition:
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./full-size-vertical-bottom-transitions.css');
|
|
4
4
|
|
|
5
|
-
var fullSizeVerticalBottomTransitions = {"appear":"universal-
|
|
5
|
+
var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_pzfns","enter":"universal-modal__enter_pzfns","appearActive":"universal-modal__appearActive_pzfns","enterActive":"universal-modal__enterActive_pzfns","exit":"universal-modal__exit_pzfns","exitActive":"universal-modal__exitActive_pzfns","exitDone":"universal-modal__exitDone_pzfns"};
|
|
6
6
|
|
|
7
7
|
module.exports = fullSizeVerticalBottomTransitions;
|
|
8
8
|
//# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_8pfet,
|
|
2
|
+
.universal-modal__enter_8pfet {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.universal-
|
|
7
|
-
.universal-
|
|
6
|
+
.universal-modal__appearActive_8pfet,
|
|
7
|
+
.universal-modal__enterActive_8pfet {
|
|
8
8
|
opacity: 1;
|
|
9
9
|
transition: opacity 200ms cubic-bezier(0, 0, 0, 1);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
.universal-
|
|
12
|
+
.universal-modal__exit_8pfet {
|
|
13
13
|
opacity: 1;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.universal-
|
|
17
|
-
.universal-
|
|
16
|
+
.universal-modal__exitActive_8pfet,
|
|
17
|
+
.universal-modal__exitDone_8pfet {
|
|
18
18
|
opacity: 0;
|
|
19
19
|
transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
|
|
20
20
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./full-size-vertical-center-transitions.css');
|
|
4
4
|
|
|
5
|
-
var fullSizeVerticalCenterTransitions = {"appear":"universal-
|
|
5
|
+
var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_8pfet","enter":"universal-modal__enter_8pfet","appearActive":"universal-modal__appearActive_8pfet","enterActive":"universal-modal__enterActive_8pfet","exit":"universal-modal__exit_8pfet","exitActive":"universal-modal__exitActive_8pfet","exitDone":"universal-modal__exitDone_8pfet"};
|
|
6
6
|
|
|
7
7
|
module.exports = fullSizeVerticalCenterTransitions;
|
|
8
8
|
//# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_qhje1,
|
|
2
|
+
.universal-modal__enter_qhje1 {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(-40px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_qhje1,
|
|
8
|
+
.universal-modal__enterActive_qhje1 {
|
|
9
9
|
opacity: 1;
|
|
10
10
|
transform: translateY(0);
|
|
11
11
|
transition:
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
transform 200ms cubic-bezier(0, 0, 0, 1);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.universal-
|
|
16
|
+
.universal-modal__exit_qhje1 {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_qhje1,
|
|
22
|
+
.universal-modal__exitDone_qhje1 {
|
|
23
23
|
opacity: 0;
|
|
24
24
|
transform: translateY(-40px);
|
|
25
25
|
transition:
|