@alfalab/core-components-universal-modal 2.0.0 → 2.0.1
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/Component.responsive.d.ts +4 -4
- 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 +12 -12
- package/components/header/base-header/index.module.css.js +1 -1
- package/components/header/desktop/desktop.css +8 -8
- package/components/header/desktop/desktop.module.css.js +1 -1
- package/components/header/mobile/mobile.css +4 -4
- package/components/header/mobile/mobile.module.css.js +1 -1
- package/cssm/Component.responsive.d.ts +4 -4
- package/cssm/desktop/Component.desktop.d.ts +2 -2
- package/cssm/desktop/components/center-modal/center-modal.d.ts +1 -1
- package/cssm/desktop/components/side-modal/side-modal.d.ts +1 -1
- package/cssm/desktop/types/props.d.ts +1 -5
- package/cssm/mobile/Component.mobile.d.ts +2 -2
- package/cssm/mobile/types/props.d.ts +1 -5
- package/desktop/Component.desktop.d.ts +2 -2
- package/desktop/components/buttons/arrow-button/arrow-button.css +1 -1
- package/desktop/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/desktop/components/buttons/cross-button/cross-button.css +1 -1
- package/desktop/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/desktop/components/center-modal/center-modal.d.ts +1 -1
- package/desktop/components/center-modal/index.css +521 -521
- package/desktop/components/center-modal/index.module.css.js +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.module.css.js +1 -1
- package/desktop/components/side-modal/index.css +523 -523
- package/desktop/components/side-modal/index.module.css.js +1 -1
- package/desktop/components/side-modal/side-modal.d.ts +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/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/desktop/types/props.d.ts +1 -5
- package/esm/Component.responsive.d.ts +4 -4
- 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 +12 -12
- package/esm/components/header/base-header/index.module.css.js +1 -1
- package/esm/components/header/desktop/desktop.css +8 -8
- package/esm/components/header/desktop/desktop.module.css.js +1 -1
- package/esm/components/header/mobile/mobile.css +4 -4
- package/esm/components/header/mobile/mobile.module.css.js +1 -1
- package/esm/desktop/Component.desktop.d.ts +2 -2
- package/esm/desktop/components/buttons/arrow-button/arrow-button.css +1 -1
- package/esm/desktop/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/esm/desktop/components/buttons/cross-button/cross-button.css +1 -1
- package/esm/desktop/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/esm/desktop/components/center-modal/center-modal.d.ts +1 -1
- package/esm/desktop/components/center-modal/index.css +521 -521
- package/esm/desktop/components/center-modal/index.module.css.js +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.module.css.js +1 -1
- package/esm/desktop/components/side-modal/index.css +523 -523
- package/esm/desktop/components/side-modal/index.module.css.js +1 -1
- package/esm/desktop/components/side-modal/side-modal.d.ts +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/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/desktop/types/props.d.ts +1 -5
- package/esm/mobile/Component.mobile.d.ts +2 -2
- package/esm/mobile/components/buttons/arrow-button/arrow-button.css +2 -2
- package/esm/mobile/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/esm/mobile/components/buttons/cross-button/cross-button.css +2 -2
- package/esm/mobile/components/buttons/cross-button/cross-button.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/esm/mobile/types/props.d.ts +1 -5
- package/mobile/Component.mobile.d.ts +2 -2
- package/mobile/components/buttons/arrow-button/arrow-button.css +2 -2
- package/mobile/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/mobile/components/buttons/cross-button/cross-button.css +2 -2
- package/mobile/components/buttons/cross-button/cross-button.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/mobile/types/props.d.ts +1 -5
- package/modern/Component.responsive.d.ts +4 -4
- 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 +12 -12
- package/modern/components/header/base-header/index.module.css.js +1 -1
- package/modern/components/header/desktop/desktop.css +8 -8
- package/modern/components/header/desktop/desktop.module.css.js +1 -1
- package/modern/components/header/mobile/mobile.css +4 -4
- package/modern/components/header/mobile/mobile.module.css.js +1 -1
- package/modern/desktop/Component.desktop.d.ts +2 -2
- package/modern/desktop/components/buttons/arrow-button/arrow-button.css +1 -1
- package/modern/desktop/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/modern/desktop/components/buttons/cross-button/cross-button.css +1 -1
- package/modern/desktop/components/buttons/cross-button/cross-button.module.css.js +1 -1
- package/modern/desktop/components/center-modal/center-modal.d.ts +1 -1
- package/modern/desktop/components/center-modal/index.css +521 -521
- package/modern/desktop/components/center-modal/index.module.css.js +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.module.css.js +1 -1
- package/modern/desktop/components/side-modal/index.css +523 -523
- package/modern/desktop/components/side-modal/index.module.css.js +1 -1
- package/modern/desktop/components/side-modal/side-modal.d.ts +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/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/desktop/types/props.d.ts +1 -5
- package/modern/mobile/Component.mobile.d.ts +2 -2
- package/modern/mobile/components/buttons/arrow-button/arrow-button.css +2 -2
- package/modern/mobile/components/buttons/arrow-button/arrow-button.module.css.js +1 -1
- package/modern/mobile/components/buttons/cross-button/cross-button.css +2 -2
- package/modern/mobile/components/buttons/cross-button/cross-button.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/modern/mobile/types/props.d.ts +1 -5
- package/moderncssm/Component.responsive.d.ts +4 -4
- package/moderncssm/desktop/Component.desktop.d.ts +2 -2
- package/moderncssm/desktop/components/center-modal/center-modal.d.ts +1 -1
- package/moderncssm/desktop/components/side-modal/side-modal.d.ts +1 -1
- package/moderncssm/desktop/types/props.d.ts +1 -5
- package/moderncssm/mobile/Component.mobile.d.ts +2 -2
- package/moderncssm/mobile/types/props.d.ts +1 -5
- package/package.json +10 -10
- package/src/desktop/types/props.ts +1 -5
- package/src/mobile/types/props.ts +1 -5
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
} :root {
|
|
4
4
|
--universal-modal-backdrop-visible-background: var(--color-light-overlay-default);
|
|
5
5
|
--universal-modal-backdrop-hidden-background: transparent;
|
|
6
|
-
} @keyframes universal-
|
|
6
|
+
} @keyframes universal-modal__step_1_1imhl {
|
|
7
7
|
0% {
|
|
8
8
|
opacity: 1;
|
|
9
9
|
}
|
|
10
10
|
100% {
|
|
11
11
|
opacity: 0.5;
|
|
12
12
|
}
|
|
13
|
-
} @keyframes universal-
|
|
13
|
+
} @keyframes universal-modal__step_2_1imhl {
|
|
14
14
|
0% {
|
|
15
15
|
opacity: 0.5;
|
|
16
16
|
}
|
|
@@ -18,21 +18,21 @@
|
|
|
18
18
|
opacity: 0;
|
|
19
19
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
20
20
|
}
|
|
21
|
-
} .universal-
|
|
22
|
-
.universal-
|
|
21
|
+
} .universal-modal__appear_1imhl,
|
|
22
|
+
.universal-modal__enter_1imhl {
|
|
23
23
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
24
|
-
} .universal-
|
|
25
|
-
.universal-
|
|
26
|
-
.universal-
|
|
27
|
-
.universal-
|
|
24
|
+
} .universal-modal__appearActive_1imhl,
|
|
25
|
+
.universal-modal__enterActive_1imhl,
|
|
26
|
+
.universal-modal__appearDone_1imhl,
|
|
27
|
+
.universal-modal__enterDone_1imhl {
|
|
28
28
|
background-color: var(--universal-modal-backdrop-visible-background);
|
|
29
|
-
} .universal-
|
|
29
|
+
} .universal-modal__exit_1imhl {
|
|
30
30
|
background-color: var(--universal-modal-backdrop-visible-background);
|
|
31
|
-
} .universal-
|
|
31
|
+
} .universal-modal__exitActive_1imhl {
|
|
32
32
|
opacity: 1;
|
|
33
|
-
animation: universal-
|
|
34
|
-
universal-
|
|
35
|
-
} .universal-
|
|
33
|
+
animation: universal-modal__step_1_1imhl 200ms cubic-bezier(0, 0, 1, 0),
|
|
34
|
+
universal-modal__step_2_1imhl 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
|
|
35
|
+
} .universal-modal__exitDone_1imhl {
|
|
36
36
|
opacity: 0;
|
|
37
37
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
38
38
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './full-size-backdrop-transitions.css';
|
|
2
2
|
|
|
3
|
-
const fullSizeBackdropTransitions = {"appear":"universal-
|
|
3
|
+
const fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1imhl","enter":"universal-modal__enter_1imhl","appearActive":"universal-modal__appearActive_1imhl","enterActive":"universal-modal__enterActive_1imhl","appearDone":"universal-modal__appearDone_1imhl","enterDone":"universal-modal__enterDone_1imhl","exit":"universal-modal__exit_1imhl","exitActive":"universal-modal__exitActive_1imhl","step_1":"universal-modal__step_1_1imhl","step_2":"universal-modal__step_2_1imhl","exitDone":"universal-modal__exitDone_1imhl"};
|
|
4
4
|
|
|
5
5
|
export { fullSizeBackdropTransitions as default };
|
|
6
6
|
//# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_xn2zt,
|
|
2
|
+
.universal-modal__enter_xn2zt {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(40px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_xn2zt,
|
|
8
|
+
.universal-modal__enterActive_xn2zt {
|
|
9
9
|
opacity: 1;
|
|
10
10
|
transform: translateY(0);
|
|
11
11
|
transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.universal-
|
|
14
|
+
.universal-modal__exit_xn2zt {
|
|
15
15
|
opacity: 1;
|
|
16
16
|
transform: translateY(0);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.universal-
|
|
20
|
-
.universal-
|
|
19
|
+
.universal-modal__exitActive_xn2zt,
|
|
20
|
+
.universal-modal__exitDone_xn2zt {
|
|
21
21
|
opacity: 0;
|
|
22
22
|
transform: translateY(40px);
|
|
23
23
|
transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
|
package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './full-size-vertical-bottom-transitions.css';
|
|
2
2
|
|
|
3
|
-
const fullSizeVerticalBottomTransitions = {"appear":"universal-
|
|
3
|
+
const fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_xn2zt","enter":"universal-modal__enter_xn2zt","appearActive":"universal-modal__appearActive_xn2zt","enterActive":"universal-modal__enterActive_xn2zt","exit":"universal-modal__exit_xn2zt","exitActive":"universal-modal__exitActive_xn2zt","exitDone":"universal-modal__exitDone_xn2zt"};
|
|
4
4
|
|
|
5
5
|
export { fullSizeVerticalBottomTransitions as default };
|
|
6
6
|
//# sourceMappingURL=full-size-vertical-bottom-transitions.module.css.js.map
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_lgr0j,
|
|
2
|
+
.universal-modal__enter_lgr0j {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.universal-
|
|
7
|
-
.universal-
|
|
6
|
+
.universal-modal__appearActive_lgr0j,
|
|
7
|
+
.universal-modal__enterActive_lgr0j {
|
|
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_lgr0j {
|
|
13
13
|
opacity: 1;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.universal-
|
|
17
|
-
.universal-
|
|
16
|
+
.universal-modal__exitActive_lgr0j,
|
|
17
|
+
.universal-modal__exitDone_lgr0j {
|
|
18
18
|
opacity: 0;
|
|
19
19
|
transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
|
|
20
20
|
}
|
package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.module.css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './full-size-vertical-center-transitions.css';
|
|
2
2
|
|
|
3
|
-
const fullSizeVerticalCenterTransitions = {"appear":"universal-
|
|
3
|
+
const fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_lgr0j","enter":"universal-modal__enter_lgr0j","appearActive":"universal-modal__appearActive_lgr0j","enterActive":"universal-modal__enterActive_lgr0j","exit":"universal-modal__exit_lgr0j","exitActive":"universal-modal__exitActive_lgr0j","exitDone":"universal-modal__exitDone_lgr0j"};
|
|
4
4
|
|
|
5
5
|
export { fullSizeVerticalCenterTransitions as default };
|
|
6
6
|
//# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_138uz,
|
|
2
|
+
.universal-modal__enter_138uz {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(-40px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_138uz,
|
|
8
|
+
.universal-modal__enterActive_138uz {
|
|
9
9
|
opacity: 1;
|
|
10
10
|
transform: translateY(0);
|
|
11
11
|
transition: opacity 200ms cubic-bezier(0, 0, 0, 1), transform 200ms cubic-bezier(0, 0, 0, 1);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.universal-
|
|
14
|
+
.universal-modal__exit_138uz {
|
|
15
15
|
opacity: 1;
|
|
16
16
|
transform: translateY(0);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.universal-
|
|
20
|
-
.universal-
|
|
19
|
+
.universal-modal__exitActive_138uz,
|
|
20
|
+
.universal-modal__exitDone_138uz {
|
|
21
21
|
opacity: 0;
|
|
22
22
|
transform: translateY(-40px);
|
|
23
23
|
transition: opacity 200ms cubic-bezier(0, 0, 1, 0), transform 200ms cubic-bezier(0, 0, 1, 0);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './full-size-vertical-top-transitions.css';
|
|
2
2
|
|
|
3
|
-
const fullSizeVerticalTopTransitions = {"appear":"universal-
|
|
3
|
+
const fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_138uz","enter":"universal-modal__enter_138uz","appearActive":"universal-modal__appearActive_138uz","enterActive":"universal-modal__enterActive_138uz","exit":"universal-modal__exit_138uz","exitActive":"universal-modal__exitActive_138uz","exitDone":"universal-modal__exitDone_138uz"};
|
|
4
4
|
|
|
5
5
|
export { fullSizeVerticalTopTransitions as default };
|
|
6
6
|
//# sourceMappingURL=full-size-vertical-top-transitions.module.css.js.map
|
|
@@ -36,12 +36,8 @@ export declare type BaseUniversalModalProps = {
|
|
|
36
36
|
* Устанавливает отступы модального окна
|
|
37
37
|
*/
|
|
38
38
|
margin?: TMargin;
|
|
39
|
-
/**
|
|
40
|
-
* Хэндлер закрытия модалки
|
|
41
|
-
*/
|
|
42
|
-
onClose?: () => void;
|
|
43
39
|
};
|
|
44
|
-
export declare type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick'>> & {
|
|
40
|
+
export declare type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose'>> & {
|
|
45
41
|
/**
|
|
46
42
|
* Реф контейнера на котором происходит scroll
|
|
47
43
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
-
export declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & React.RefAttributes<HTMLDivElement>> & {
|
|
2
|
+
export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & React.RefAttributes<HTMLDivElement>> & {
|
|
4
4
|
Header: React.FC<import("../components/header").HeaderMobileProps>;
|
|
5
5
|
Content: React.FC<import("../components/content/base-content/base-content").ContentProps>;
|
|
6
6
|
Footer: React.FC<import("../components/footer/base-footer/base-footer").FooterProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
|
|
3
|
-
} .universal-
|
|
3
|
+
} .universal-modal__button_1ry70.universal-modal__button_1ry70 {
|
|
4
4
|
padding: 0 7px;
|
|
5
5
|
width: 24px;
|
|
6
6
|
height: 24px;
|
|
7
|
-
} .universal-
|
|
7
|
+
} .universal-modal__icon_1ry70 {
|
|
8
8
|
fill: var(--color-light-neutral-translucent-700);
|
|
9
9
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './arrow-button.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"button":"universal-
|
|
3
|
+
const styles = {"button":"universal-modal__button_1ry70","icon":"universal-modal__icon_1ry70"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=arrow-button.module.css.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
|
|
3
|
-
} .universal-
|
|
3
|
+
} .universal-modal__button_18xab.universal-modal__button_18xab {
|
|
4
4
|
padding: 0 7px;
|
|
5
5
|
width: 24px;
|
|
6
6
|
height: 24px;
|
|
7
|
-
} .universal-
|
|
7
|
+
} .universal-modal__icon_18xab {
|
|
8
8
|
fill: var(--color-light-neutral-translucent-700);
|
|
9
9
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './cross-button.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"button":"universal-
|
|
3
|
+
const styles = {"button":"universal-modal__button_18xab","icon":"universal-modal__icon_18xab"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=cross-button.module.css.js.map
|
package/modern/mobile/mobile.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
|
-
} .universal-
|
|
3
|
+
} .universal-modal__component_1c9p6 {
|
|
4
4
|
top: var(--gap-0);
|
|
5
5
|
height: 100%;
|
|
6
6
|
width: 100%;
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
max-width: 600px;
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: column
|
|
12
|
-
} .universal-
|
|
12
|
+
} .universal-modal__component_1c9p6 .universal-modal__content_1c9p6 {
|
|
13
13
|
height: auto;
|
|
14
|
-
} .universal-
|
|
14
|
+
} .universal-modal__component_1c9p6.universal-modal__component_1c9p6 {
|
|
15
15
|
position: fixed;
|
|
16
16
|
flex: 1;
|
|
17
17
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"universal-
|
|
3
|
+
const styles = {"component":"universal-modal__component_1c9p6","content":"universal-modal__content_1c9p6"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=mobile.module.css.js.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_1nn93,
|
|
2
|
+
.universal-modal__enter_1nn93 {
|
|
3
3
|
transform: translateX(100%);
|
|
4
|
-
} .universal-
|
|
5
|
-
.universal-
|
|
4
|
+
} .universal-modal__appearActive_1nn93,
|
|
5
|
+
.universal-modal__enterActive_1nn93 {
|
|
6
6
|
transform: translateX(0);
|
|
7
7
|
transition: transform 280ms ease-in-out;
|
|
8
8
|
transition-delay: 80ms;
|
|
9
|
-
} .universal-
|
|
9
|
+
} .universal-modal__exit_1nn93 {
|
|
10
10
|
transform: translateX(0);
|
|
11
|
-
} .universal-
|
|
12
|
-
.universal-
|
|
11
|
+
} .universal-modal__exitActive_1nn93,
|
|
12
|
+
.universal-modal__exitDone_1nn93 {
|
|
13
13
|
transform: translateX(100%);
|
|
14
14
|
transition: transform 280ms ease-in-out;
|
|
15
15
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './right-side-transitions.mobile.css';
|
|
2
2
|
|
|
3
|
-
const rightSideTransitions = {"appear":"universal-
|
|
3
|
+
const rightSideTransitions = {"appear":"universal-modal__appear_1nn93","enter":"universal-modal__enter_1nn93","appearActive":"universal-modal__appearActive_1nn93","enterActive":"universal-modal__enterActive_1nn93","exit":"universal-modal__exit_1nn93","exitActive":"universal-modal__exitActive_1nn93","exitDone":"universal-modal__exitDone_1nn93"};
|
|
4
4
|
|
|
5
5
|
export { rightSideTransitions as default };
|
|
6
6
|
//# sourceMappingURL=right-side-transitions.mobile.module.css.js.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_lweb7,
|
|
2
|
+
.universal-modal__enter_lweb7 {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(15px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_lweb7,
|
|
8
|
+
.universal-modal__enterActive_lweb7 {
|
|
9
9
|
opacity: 1;
|
|
10
10
|
transform: translateY(0);
|
|
11
11
|
transition: opacity 200ms ease-in, transform 200ms ease-in;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.universal-
|
|
14
|
+
.universal-modal__exit_lweb7 {
|
|
15
15
|
opacity: 1;
|
|
16
16
|
transform: translateY(0);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.universal-
|
|
20
|
-
.universal-
|
|
19
|
+
.universal-modal__exitActive_lweb7,
|
|
20
|
+
.universal-modal__exitDone_lweb7 {
|
|
21
21
|
opacity: 0;
|
|
22
22
|
transform: translateY(15px);
|
|
23
23
|
transition: opacity 200ms ease-out, transform 200ms ease-out;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './transitions.mobile.css';
|
|
2
2
|
|
|
3
|
-
const transitions = {"appear":"universal-
|
|
3
|
+
const transitions = {"appear":"universal-modal__appear_lweb7","enter":"universal-modal__enter_lweb7","appearActive":"universal-modal__appearActive_lweb7","enterActive":"universal-modal__enterActive_lweb7","exit":"universal-modal__exit_lweb7","exitActive":"universal-modal__exitActive_lweb7","exitDone":"universal-modal__exitDone_lweb7"};
|
|
4
4
|
|
|
5
5
|
export { transitions as default };
|
|
6
6
|
//# sourceMappingURL=transitions.mobile.module.css.js.map
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { BaseModalProps } from '@alfalab/core-components-base-modal/modern';
|
|
2
2
|
export declare type BaseUniversalModalMobileProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Хэндлер закрытия модалки
|
|
5
|
-
*/
|
|
6
|
-
onClose?: () => void;
|
|
7
3
|
/** Сторона с которой будет появляться модальное окно */
|
|
8
4
|
appearance?: 'bottom' | 'right';
|
|
9
5
|
};
|
|
10
|
-
export declare type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>>;
|
|
6
|
+
export declare type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose'>>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick">> & {
|
|
2
|
+
export declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
|
|
3
3
|
scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
4
|
-
} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & {
|
|
4
|
+
} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & {
|
|
5
5
|
breakpoint?: number | undefined;
|
|
6
6
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
7
7
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
export declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick">> & {
|
|
8
|
+
export declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
|
|
9
9
|
scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
10
|
-
} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & {
|
|
10
|
+
} & import("./mobile/types/props").BaseUniversalModalMobileProps & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & {
|
|
11
11
|
breakpoint?: number | undefined;
|
|
12
12
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
13
13
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick">> & {
|
|
2
|
+
export declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
|
|
3
3
|
scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
4
4
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
-
export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick">> & {
|
|
5
|
+
export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
|
|
6
6
|
scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
7
7
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
8
8
|
Header: React.ForwardRefExoticComponent<Omit<import("@alfalab/core-components-navigation-bar-private").NavigationBarPrivateProps, "view" | "size" | "parentRef" | "titleSize" | "subtitle"> & {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick">> & {
|
|
2
|
+
export declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
|
|
3
3
|
scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
4
4
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick">> & {
|
|
2
|
+
export declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "backdropProps" | "disableBackdropClick" | "onClose">> & {
|
|
3
3
|
scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
4
4
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -36,12 +36,8 @@ export declare type BaseUniversalModalProps = {
|
|
|
36
36
|
* Устанавливает отступы модального окна
|
|
37
37
|
*/
|
|
38
38
|
margin?: TMargin;
|
|
39
|
-
/**
|
|
40
|
-
* Хэндлер закрытия модалки
|
|
41
|
-
*/
|
|
42
|
-
onClose?: () => void;
|
|
43
39
|
};
|
|
44
|
-
export declare type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick'>> & {
|
|
40
|
+
export declare type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'disableBackdropClick' | 'onClose'>> & {
|
|
45
41
|
/**
|
|
46
42
|
* Реф контейнера на котором происходит scroll
|
|
47
43
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
-
export declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps">> & React.RefAttributes<HTMLDivElement>> & {
|
|
2
|
+
export declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "open"> & Partial<Pick<import("@alfalab/core-components-base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "wrapperClassName" | "onUnmount" | "transitionProps" | "onClose">> & React.RefAttributes<HTMLDivElement>> & {
|
|
4
4
|
Header: React.FC<import("../components/header").HeaderMobileProps>;
|
|
5
5
|
Content: React.FC<import("../components/content/base-content/base-content").ContentProps>;
|
|
6
6
|
Footer: React.FC<import("../components/footer/base-footer/base-footer").FooterProps>;
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { BaseModalProps } from '@alfalab/core-components-base-modal/moderncssm';
|
|
2
2
|
export declare type BaseUniversalModalMobileProps = {
|
|
3
|
-
/**
|
|
4
|
-
* Хэндлер закрытия модалки
|
|
5
|
-
*/
|
|
6
|
-
onClose?: () => void;
|
|
7
3
|
/** Сторона с которой будет появляться модальное окно */
|
|
8
4
|
appearance?: 'bottom' | 'right';
|
|
9
5
|
};
|
|
10
|
-
export declare type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>>;
|
|
6
|
+
export declare type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'open'> & Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps' | 'onClose'>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-universal-modal",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "UniversalModal component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
"module": "./esm/index.js",
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@alfalab/core-components-backdrop": "^4.0.0",
|
|
14
|
-
"@alfalab/core-components-base-modal": "^6.0.
|
|
15
|
-
"@alfalab/core-components-button": "^12.0.
|
|
16
|
-
"@alfalab/core-components-mq": "^5.0.
|
|
17
|
-
"@alfalab/core-components-navigation-bar-private": "^1.0.
|
|
14
|
+
"@alfalab/core-components-base-modal": "^6.0.1",
|
|
15
|
+
"@alfalab/core-components-button": "^12.0.1",
|
|
16
|
+
"@alfalab/core-components-mq": "^5.0.1",
|
|
17
|
+
"@alfalab/core-components-navigation-bar-private": "^1.0.1",
|
|
18
18
|
"@alfalab/core-components-scrollbar": "^4.0.0",
|
|
19
|
-
"@alfalab/core-components-shared": "^1.
|
|
20
|
-
"@alfalab/core-components-typography": "^5.0.
|
|
21
|
-
"@alfalab/icons-glyph": "^2.
|
|
19
|
+
"@alfalab/core-components-shared": "^1.1.0",
|
|
20
|
+
"@alfalab/core-components-typography": "^5.0.1",
|
|
21
|
+
"@alfalab/icons-glyph": "^2.247.0",
|
|
22
22
|
"@types/react-transition-group": "^4.4.5",
|
|
23
23
|
"classnames": "^2.5.1",
|
|
24
24
|
"react-merge-refs": "^1.1.0",
|
|
@@ -33,6 +33,6 @@
|
|
|
33
33
|
"access": "public",
|
|
34
34
|
"directory": "dist"
|
|
35
35
|
},
|
|
36
|
-
"themesVersion": "14.
|
|
37
|
-
"varsVersion": "10.
|
|
36
|
+
"themesVersion": "14.1.0",
|
|
37
|
+
"varsVersion": "10.1.0"
|
|
38
38
|
}
|
|
@@ -44,11 +44,6 @@ export type BaseUniversalModalProps = {
|
|
|
44
44
|
* Устанавливает отступы модального окна
|
|
45
45
|
*/
|
|
46
46
|
margin?: TMargin;
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* Хэндлер закрытия модалки
|
|
50
|
-
*/
|
|
51
|
-
onClose?: () => void;
|
|
52
47
|
};
|
|
53
48
|
|
|
54
49
|
export type UniversalModalDesktopProps = BaseUniversalModalProps &
|
|
@@ -64,6 +59,7 @@ export type UniversalModalDesktopProps = BaseUniversalModalProps &
|
|
|
64
59
|
| 'transitionProps'
|
|
65
60
|
| 'backdropProps'
|
|
66
61
|
| 'disableBackdropClick'
|
|
62
|
+
| 'onClose'
|
|
67
63
|
>
|
|
68
64
|
> & {
|
|
69
65
|
/**
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import { BaseModalProps } from '@alfalab/core-components-base-modal';
|
|
2
2
|
|
|
3
3
|
export type BaseUniversalModalMobileProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Хэндлер закрытия модалки
|
|
6
|
-
*/
|
|
7
|
-
onClose?: () => void;
|
|
8
|
-
|
|
9
4
|
/** Сторона с которой будет появляться модальное окно */
|
|
10
5
|
appearance?: 'bottom' | 'right';
|
|
11
6
|
};
|
|
@@ -21,5 +16,6 @@ export type UniversalModalMobileProps = BaseUniversalModalMobileProps &
|
|
|
21
16
|
| 'wrapperClassName'
|
|
22
17
|
| 'onUnmount'
|
|
23
18
|
| 'transitionProps'
|
|
19
|
+
| 'onClose'
|
|
24
20
|
>
|
|
25
21
|
>;
|