@alfalab/core-components-universal-modal 3.1.5 → 3.1.6
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/base-content/index.css +1 -1
- package/components/base-content/index.module.css.js +1 -1
- package/components/base-footer/index.css +3 -3
- package/components/base-footer/index.module.css.js +1 -1
- package/components/base-header/index.css +4 -4
- package/components/base-header/index.module.css.js +1 -1
- package/desktop/components/center-modal/index.css +783 -783
- 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/footer/desktop.css +1 -1
- package/desktop/components/footer/desktop.module.css.js +1 -1
- package/desktop/components/footer/layout.css +9 -9
- package/desktop/components/footer/layout.module.css.js +1 -1
- package/desktop/components/header/desktop.css +5 -5
- package/desktop/components/header/desktop.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 +785 -785
- package/desktop/components/side-modal/index.module.css.js +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/esm/components/base-content/index.css +1 -1
- package/esm/components/base-content/index.module.css.js +1 -1
- package/esm/components/base-footer/index.css +3 -3
- package/esm/components/base-footer/index.module.css.js +1 -1
- package/esm/components/base-header/index.css +4 -4
- package/esm/components/base-header/index.module.css.js +1 -1
- package/esm/desktop/components/center-modal/index.css +783 -783
- 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/footer/desktop.css +1 -1
- package/esm/desktop/components/footer/desktop.module.css.js +1 -1
- package/esm/desktop/components/footer/layout.css +9 -9
- package/esm/desktop/components/footer/layout.module.css.js +1 -1
- package/esm/desktop/components/header/desktop.css +5 -5
- package/esm/desktop/components/header/desktop.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 +785 -785
- package/esm/desktop/components/side-modal/index.module.css.js +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/mobile/components/content/index.css +3 -3
- package/esm/mobile/components/content/index.module.css.js +1 -1
- package/esm/mobile/components/footer/index.css +2 -2
- package/esm/mobile/components/footer/index.module.css.js +1 -1
- package/esm/mobile/components/footer/layout.mobile.css +9 -9
- package/esm/mobile/components/footer/layout.mobile.module.css.js +1 -1
- package/esm/mobile/components/header/index.css +3 -3
- package/esm/mobile/components/header/index.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/components/content/index.css +3 -3
- package/mobile/components/content/index.module.css.js +1 -1
- package/mobile/components/footer/index.css +2 -2
- package/mobile/components/footer/index.module.css.js +1 -1
- package/mobile/components/footer/layout.mobile.css +9 -9
- package/mobile/components/footer/layout.mobile.module.css.js +1 -1
- package/mobile/components/header/index.css +3 -3
- package/mobile/components/header/index.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/base-content/index.css +1 -1
- package/modern/components/base-content/index.module.css.js +1 -1
- package/modern/components/base-footer/index.css +3 -3
- package/modern/components/base-footer/index.module.css.js +1 -1
- package/modern/components/base-header/index.css +4 -4
- package/modern/components/base-header/index.module.css.js +1 -1
- package/modern/desktop/components/center-modal/index.css +783 -783
- 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/footer/desktop.css +1 -1
- package/modern/desktop/components/footer/desktop.module.css.js +1 -1
- package/modern/desktop/components/footer/layout.css +9 -9
- package/modern/desktop/components/footer/layout.module.css.js +1 -1
- package/modern/desktop/components/header/desktop.css +5 -5
- package/modern/desktop/components/header/desktop.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 +785 -785
- package/modern/desktop/components/side-modal/index.module.css.js +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/mobile/components/content/index.css +3 -3
- package/modern/mobile/components/content/index.module.css.js +1 -1
- package/modern/mobile/components/footer/index.css +2 -2
- package/modern/mobile/components/footer/index.module.css.js +1 -1
- package/modern/mobile/components/footer/layout.mobile.css +9 -9
- package/modern/mobile/components/footer/layout.mobile.module.css.js +1 -1
- package/modern/mobile/components/header/index.css +3 -3
- package/modern/mobile/components/header/index.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/package.json +6 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"footer":"universal-
|
|
3
|
+
const styles = {"footer":"universal-modal__footer_oolfy","sticky":"universal-modal__sticky_oolfy"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
--gap-xs: 8px;
|
|
3
3
|
--gap-8: var(--gap-xs);
|
|
4
4
|
}
|
|
5
|
-
.universal-
|
|
5
|
+
.universal-modal__column_qkk5j {
|
|
6
6
|
flex-direction: column;
|
|
7
7
|
}
|
|
8
|
-
.universal-
|
|
8
|
+
.universal-modal__start_qkk5j {
|
|
9
9
|
justify-content: flex-start;
|
|
10
10
|
}
|
|
11
|
-
.universal-
|
|
11
|
+
.universal-modal__center_qkk5j {
|
|
12
12
|
justify-content: center;
|
|
13
13
|
}
|
|
14
|
-
.universal-modal__space-
|
|
14
|
+
.universal-modal__space-between_qkk5j {
|
|
15
15
|
justify-content: space-between;
|
|
16
16
|
}
|
|
17
|
-
.universal-modal__space-
|
|
17
|
+
.universal-modal__space-between_qkk5j > * {
|
|
18
18
|
flex: 1;
|
|
19
19
|
}
|
|
20
|
-
.universal-
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-modal__space-
|
|
23
|
-
.universal-
|
|
20
|
+
.universal-modal__start_qkk5j,
|
|
21
|
+
.universal-modal__center_qkk5j,
|
|
22
|
+
.universal-modal__space-between_qkk5j,
|
|
23
|
+
.universal-modal__column_qkk5j {
|
|
24
24
|
display: flex;
|
|
25
25
|
gap: var(--gap-8);
|
|
26
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './layout.mobile.css';
|
|
2
2
|
|
|
3
|
-
const layoutStylesMobile = {"column":"universal-
|
|
3
|
+
const layoutStylesMobile = {"column":"universal-modal__column_qkk5j","start":"universal-modal__start_qkk5j","center":"universal-modal__center_qkk5j","space-between":"universal-modal__space-between_qkk5j"};
|
|
4
4
|
|
|
5
5
|
export { layoutStylesMobile as default };
|
|
6
6
|
//# sourceMappingURL=layout.mobile.module.css.js.map
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
--font-family-system:
|
|
14
14
|
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
15
15
|
}
|
|
16
|
-
.universal-
|
|
16
|
+
.universal-modal__header_9ttvv {
|
|
17
17
|
padding: var(--gap-8) var(--gap-4);
|
|
18
18
|
}
|
|
19
|
-
.universal-
|
|
19
|
+
.universal-modal__content_9ttvv {
|
|
20
20
|
font-size: 20px;
|
|
21
21
|
line-height: 28px;
|
|
22
22
|
font-weight: 600;
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
min-height: 40px;
|
|
26
26
|
justify-content: center;
|
|
27
27
|
}
|
|
28
|
-
.universal-
|
|
28
|
+
.universal-modal__bottomAddons_9ttvv {
|
|
29
29
|
font-size: 20px;
|
|
30
30
|
line-height: 28px;
|
|
31
31
|
font-weight: 600;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const mobileStyles = {"header":"universal-
|
|
3
|
+
const mobileStyles = {"header":"universal-modal__header_9ttvv","content":"universal-modal__content_9ttvv","bottomAddons":"universal-modal__bottomAddons_9ttvv"};
|
|
4
4
|
|
|
5
5
|
export { mobileStyles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/modern/mobile/mobile.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
3
|
}
|
|
4
|
-
.universal-
|
|
4
|
+
.universal-modal__component_sao8c {
|
|
5
5
|
top: var(--gap-0);
|
|
6
6
|
height: 100%;
|
|
7
7
|
width: 100%;
|
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
}
|
|
14
|
-
.universal-
|
|
14
|
+
.universal-modal__component_sao8c .universal-modal__content_sao8c {
|
|
15
15
|
height: auto;
|
|
16
16
|
}
|
|
17
|
-
.universal-
|
|
17
|
+
.universal-modal__component_sao8c.universal-modal__component_sao8c {
|
|
18
18
|
position: fixed;
|
|
19
19
|
flex: 1;
|
|
20
20
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"universal-
|
|
3
|
+
const styles = {"component":"universal-modal__component_sao8c","content":"universal-modal__content_sao8c"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=mobile.module.css.js.map
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_1a57s,
|
|
2
|
+
.universal-modal__enter_1a57s {
|
|
3
3
|
transform: translateX(100%);
|
|
4
4
|
}
|
|
5
|
-
.universal-
|
|
6
|
-
.universal-
|
|
5
|
+
.universal-modal__appearActive_1a57s,
|
|
6
|
+
.universal-modal__enterActive_1a57s {
|
|
7
7
|
transform: translateX(0);
|
|
8
8
|
transition: transform 280ms ease-in-out;
|
|
9
9
|
transition-delay: 80ms;
|
|
10
10
|
}
|
|
11
|
-
.universal-
|
|
11
|
+
.universal-modal__exit_1a57s {
|
|
12
12
|
transform: translateX(0);
|
|
13
13
|
}
|
|
14
|
-
.universal-
|
|
15
|
-
.universal-
|
|
14
|
+
.universal-modal__exitActive_1a57s,
|
|
15
|
+
.universal-modal__exitDone_1a57s {
|
|
16
16
|
transform: translateX(100%);
|
|
17
17
|
transition: transform 280ms ease-in-out;
|
|
18
18
|
}
|
|
@@ -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_1a57s","enter":"universal-modal__enter_1a57s","appearActive":"universal-modal__appearActive_1a57s","enterActive":"universal-modal__enterActive_1a57s","exit":"universal-modal__exit_1a57s","exitActive":"universal-modal__exitActive_1a57s","exitDone":"universal-modal__exitDone_1a57s"};
|
|
4
4
|
|
|
5
5
|
export { rightSideTransitions as default };
|
|
6
6
|
//# sourceMappingURL=right-side-transitions.mobile.module.css.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_1d5qe,
|
|
2
|
+
.universal-modal__enter_1d5qe {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(15px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_1d5qe,
|
|
8
|
+
.universal-modal__enterActive_1d5qe {
|
|
9
9
|
opacity: 1;
|
|
10
10
|
transform: translateY(0);
|
|
11
11
|
transition:
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
transform 200ms ease-in;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.universal-
|
|
16
|
+
.universal-modal__exit_1d5qe {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_1d5qe,
|
|
22
|
+
.universal-modal__exitDone_1d5qe {
|
|
23
23
|
opacity: 0;
|
|
24
24
|
transform: translateY(15px);
|
|
25
25
|
transition:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './transitions.mobile.css';
|
|
2
2
|
|
|
3
|
-
const transitions = {"appear":"universal-
|
|
3
|
+
const transitions = {"appear":"universal-modal__appear_1d5qe","enter":"universal-modal__enter_1d5qe","appearActive":"universal-modal__appearActive_1d5qe","enterActive":"universal-modal__enterActive_1d5qe","exit":"universal-modal__exit_1d5qe","exitActive":"universal-modal__exitActive_1d5qe","exitDone":"universal-modal__exitDone_1d5qe"};
|
|
4
4
|
|
|
5
5
|
export { transitions as default };
|
|
6
6
|
//# sourceMappingURL=transitions.mobile.module.css.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-universal-modal",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.6",
|
|
4
4
|
"description": "UniversalModal component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"@alfalab/core-components-backdrop": "^5.0.2",
|
|
17
|
-
"@alfalab/core-components-base-modal": "^7.1.
|
|
18
|
-
"@alfalab/core-components-mq": "^6.0.
|
|
19
|
-
"@alfalab/core-components-navigation-bar-private": "^2.0.
|
|
20
|
-
"@alfalab/core-components-scrollbar": "^5.0.
|
|
21
|
-
"@alfalab/core-components-shared": "^2.2.
|
|
17
|
+
"@alfalab/core-components-base-modal": "^7.1.6",
|
|
18
|
+
"@alfalab/core-components-mq": "^6.0.5",
|
|
19
|
+
"@alfalab/core-components-navigation-bar-private": "^2.0.10",
|
|
20
|
+
"@alfalab/core-components-scrollbar": "^5.0.4",
|
|
21
|
+
"@alfalab/core-components-shared": "^2.2.1",
|
|
22
22
|
"@types/react-transition-group": "^4.4.12",
|
|
23
23
|
"classnames": "^2.5.1",
|
|
24
24
|
"react-merge-refs": "^1.1.0",
|