@alfalab/core-components-universal-modal 2.0.8 → 2.0.9
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 +6 -6
- 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/modal-content/modal-content.module.css +3 -3
- 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/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/modal-content/modal-content.module.css.js.map +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/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/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 +6 -6
- 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/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/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/modal-content/modal-content.module.css.js.map +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/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/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/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/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 +6 -6
- 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/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/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/modal-content/modal-content.module.css.js.map +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/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/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/moderncssm/desktop/components/modal-content/modal-content.module.css +3 -3
- package/package.json +2 -2
- package/src/desktop/components/modal-content/modal-content.module.css +1 -1
|
@@ -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_1vod8 {
|
|
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_1vod8 {
|
|
14
14
|
0% {
|
|
15
15
|
opacity: 0.5;
|
|
16
16
|
}
|
|
@@ -18,22 +18,22 @@
|
|
|
18
18
|
opacity: 0;
|
|
19
19
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
20
20
|
}
|
|
21
|
-
} .universal-
|
|
22
|
-
.universal-
|
|
21
|
+
} .universal-modal__appear_1vod8,
|
|
22
|
+
.universal-modal__enter_1vod8 {
|
|
23
23
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
24
|
-
} .universal-
|
|
25
|
-
.universal-
|
|
26
|
-
.universal-
|
|
27
|
-
.universal-
|
|
24
|
+
} .universal-modal__appearActive_1vod8,
|
|
25
|
+
.universal-modal__enterActive_1vod8,
|
|
26
|
+
.universal-modal__appearDone_1vod8,
|
|
27
|
+
.universal-modal__enterDone_1vod8 {
|
|
28
28
|
background-color: var(--universal-modal-backdrop-visible-background);
|
|
29
|
-
} .universal-
|
|
29
|
+
} .universal-modal__exit_1vod8 {
|
|
30
30
|
background-color: var(--universal-modal-backdrop-visible-background);
|
|
31
|
-
} .universal-
|
|
31
|
+
} .universal-modal__exitActive_1vod8 {
|
|
32
32
|
opacity: 1;
|
|
33
33
|
animation:
|
|
34
|
-
universal-
|
|
35
|
-
universal-
|
|
36
|
-
} .universal-
|
|
34
|
+
universal-modal__step_1_1vod8 200ms cubic-bezier(0, 0, 1, 0),
|
|
35
|
+
universal-modal__step_2_1vod8 200ms cubic-bezier(0, 0, 0, 1) 200ms forwards;
|
|
36
|
+
} .universal-modal__exitDone_1vod8 {
|
|
37
37
|
opacity: 0;
|
|
38
38
|
background-color: var(--universal-modal-backdrop-hidden-background);
|
|
39
39
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './full-size-backdrop-transitions.css';
|
|
2
2
|
|
|
3
|
-
var fullSizeBackdropTransitions = {"appear":"universal-
|
|
3
|
+
var fullSizeBackdropTransitions = {"appear":"universal-modal__appear_1vod8","enter":"universal-modal__enter_1vod8","appearActive":"universal-modal__appearActive_1vod8","enterActive":"universal-modal__enterActive_1vod8","appearDone":"universal-modal__appearDone_1vod8","enterDone":"universal-modal__enterDone_1vod8","exit":"universal-modal__exit_1vod8","exitActive":"universal-modal__exitActive_1vod8","step_1":"universal-modal__step_1_1vod8","step_2":"universal-modal__step_2_1vod8","exitDone":"universal-modal__exitDone_1vod8"};
|
|
4
4
|
|
|
5
5
|
export { fullSizeBackdropTransitions as default };
|
|
6
6
|
//# sourceMappingURL=full-size-backdrop-transitions.module.css.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_1aoym,
|
|
2
|
+
.universal-modal__enter_1aoym {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(40px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_1aoym,
|
|
8
|
+
.universal-modal__enterActive_1aoym {
|
|
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_1aoym {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_1aoym,
|
|
22
|
+
.universal-modal__exitDone_1aoym {
|
|
23
23
|
opacity: 0;
|
|
24
24
|
transform: translateY(40px);
|
|
25
25
|
transition:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './full-size-vertical-bottom-transitions.css';
|
|
2
2
|
|
|
3
|
-
var fullSizeVerticalBottomTransitions = {"appear":"universal-
|
|
3
|
+
var fullSizeVerticalBottomTransitions = {"appear":"universal-modal__appear_1aoym","enter":"universal-modal__enter_1aoym","appearActive":"universal-modal__appearActive_1aoym","enterActive":"universal-modal__enterActive_1aoym","exit":"universal-modal__exit_1aoym","exitActive":"universal-modal__exitActive_1aoym","exitDone":"universal-modal__exitDone_1aoym"};
|
|
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_yimni,
|
|
2
|
+
.universal-modal__enter_yimni {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.universal-
|
|
7
|
-
.universal-
|
|
6
|
+
.universal-modal__appearActive_yimni,
|
|
7
|
+
.universal-modal__enterActive_yimni {
|
|
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_yimni {
|
|
13
13
|
opacity: 1;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.universal-
|
|
17
|
-
.universal-
|
|
16
|
+
.universal-modal__exitActive_yimni,
|
|
17
|
+
.universal-modal__exitDone_yimni {
|
|
18
18
|
opacity: 0;
|
|
19
19
|
transition: opacity 200ms cubic-bezier(0, 0, 1, 0);
|
|
20
20
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './full-size-vertical-center-transitions.css';
|
|
2
2
|
|
|
3
|
-
var fullSizeVerticalCenterTransitions = {"appear":"universal-
|
|
3
|
+
var fullSizeVerticalCenterTransitions = {"appear":"universal-modal__appear_yimni","enter":"universal-modal__enter_yimni","appearActive":"universal-modal__appearActive_yimni","enterActive":"universal-modal__enterActive_yimni","exit":"universal-modal__exit_yimni","exitActive":"universal-modal__exitActive_yimni","exitDone":"universal-modal__exitDone_yimni"};
|
|
4
4
|
|
|
5
5
|
export { fullSizeVerticalCenterTransitions as default };
|
|
6
6
|
//# sourceMappingURL=full-size-vertical-center-transitions.module.css.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_1gaqm,
|
|
2
|
+
.universal-modal__enter_1gaqm {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(-40px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_1gaqm,
|
|
8
|
+
.universal-modal__enterActive_1gaqm {
|
|
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_1gaqm {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_1gaqm,
|
|
22
|
+
.universal-modal__exitDone_1gaqm {
|
|
23
23
|
opacity: 0;
|
|
24
24
|
transform: translateY(-40px);
|
|
25
25
|
transition:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './full-size-vertical-top-transitions.css';
|
|
2
2
|
|
|
3
|
-
var fullSizeVerticalTopTransitions = {"appear":"universal-
|
|
3
|
+
var fullSizeVerticalTopTransitions = {"appear":"universal-modal__appear_1gaqm","enter":"universal-modal__enter_1gaqm","appearActive":"universal-modal__appearActive_1gaqm","enterActive":"universal-modal__enterActive_1gaqm","exit":"universal-modal__exit_1gaqm","exitActive":"universal-modal__exitActive_1gaqm","exitDone":"universal-modal__exitDone_1gaqm"};
|
|
4
4
|
|
|
5
5
|
export { fullSizeVerticalTopTransitions as default };
|
|
6
6
|
//# sourceMappingURL=full-size-vertical-top-transitions.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_1ewbd.universal-modal__button_1ewbd {
|
|
4
4
|
padding: 0 7px;
|
|
5
5
|
width: 24px;
|
|
6
6
|
height: 24px;
|
|
7
|
-
} .universal-
|
|
7
|
+
} .universal-modal__icon_1ewbd {
|
|
8
8
|
fill: var(--color-light-neutral-translucent-700);
|
|
9
9
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './arrow-button.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"button":"universal-
|
|
3
|
+
var styles = {"button":"universal-modal__button_1ewbd","icon":"universal-modal__icon_1ewbd"};
|
|
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_vveoi.universal-modal__button_vveoi {
|
|
4
4
|
padding: 0 7px;
|
|
5
5
|
width: 24px;
|
|
6
6
|
height: 24px;
|
|
7
|
-
} .universal-
|
|
7
|
+
} .universal-modal__icon_vveoi {
|
|
8
8
|
fill: var(--color-light-neutral-translucent-700);
|
|
9
9
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './cross-button.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"button":"universal-
|
|
3
|
+
var styles = {"button":"universal-modal__button_vveoi","icon":"universal-modal__icon_vveoi"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=cross-button.module.css.js.map
|
package/esm/mobile/mobile.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
|
-
} .universal-
|
|
3
|
+
} .universal-modal__component_z7tj6 {
|
|
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_z7tj6 .universal-modal__content_z7tj6 {
|
|
13
13
|
height: auto;
|
|
14
|
-
} .universal-
|
|
14
|
+
} .universal-modal__component_z7tj6.universal-modal__component_z7tj6 {
|
|
15
15
|
position: fixed;
|
|
16
16
|
flex: 1;
|
|
17
17
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"universal-
|
|
3
|
+
var styles = {"component":"universal-modal__component_z7tj6","content":"universal-modal__content_z7tj6"};
|
|
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_1o0ox,
|
|
2
|
+
.universal-modal__enter_1o0ox {
|
|
3
3
|
transform: translateX(100%);
|
|
4
|
-
} .universal-
|
|
5
|
-
.universal-
|
|
4
|
+
} .universal-modal__appearActive_1o0ox,
|
|
5
|
+
.universal-modal__enterActive_1o0ox {
|
|
6
6
|
transform: translateX(0);
|
|
7
7
|
transition: transform 280ms ease-in-out;
|
|
8
8
|
transition-delay: 80ms;
|
|
9
|
-
} .universal-
|
|
9
|
+
} .universal-modal__exit_1o0ox {
|
|
10
10
|
transform: translateX(0);
|
|
11
|
-
} .universal-
|
|
12
|
-
.universal-
|
|
11
|
+
} .universal-modal__exitActive_1o0ox,
|
|
12
|
+
.universal-modal__exitDone_1o0ox {
|
|
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
|
-
var rightSideTransitions = {"appear":"universal-
|
|
3
|
+
var rightSideTransitions = {"appear":"universal-modal__appear_1o0ox","enter":"universal-modal__enter_1o0ox","appearActive":"universal-modal__appearActive_1o0ox","enterActive":"universal-modal__enterActive_1o0ox","exit":"universal-modal__exit_1o0ox","exitActive":"universal-modal__exitActive_1o0ox","exitDone":"universal-modal__exitDone_1o0ox"};
|
|
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_8uio8,
|
|
2
|
+
.universal-modal__enter_8uio8 {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(15px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_8uio8,
|
|
8
|
+
.universal-modal__enterActive_8uio8 {
|
|
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_8uio8 {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_8uio8,
|
|
22
|
+
.universal-modal__exitDone_8uio8 {
|
|
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
|
-
var transitions = {"appear":"universal-
|
|
3
|
+
var transitions = {"appear":"universal-modal__appear_8uio8","enter":"universal-modal__enter_8uio8","appearActive":"universal-modal__appearActive_8uio8","enterActive":"universal-modal__enterActive_8uio8","exit":"universal-modal__exit_8uio8","exitActive":"universal-modal__exitActive_8uio8","exitDone":"universal-modal__exitDone_8uio8"};
|
|
4
4
|
|
|
5
5
|
export { transitions as default };
|
|
6
6
|
//# sourceMappingURL=transitions.mobile.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_1ewbd.universal-modal__button_1ewbd {
|
|
4
4
|
padding: 0 7px;
|
|
5
5
|
width: 24px;
|
|
6
6
|
height: 24px;
|
|
7
|
-
} .universal-
|
|
7
|
+
} .universal-modal__icon_1ewbd {
|
|
8
8
|
fill: var(--color-light-neutral-translucent-700);
|
|
9
9
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./arrow-button.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"button":"universal-
|
|
5
|
+
var styles = {"button":"universal-modal__button_1ewbd","icon":"universal-modal__icon_1ewbd"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# 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_vveoi.universal-modal__button_vveoi {
|
|
4
4
|
padding: 0 7px;
|
|
5
5
|
width: 24px;
|
|
6
6
|
height: 24px;
|
|
7
|
-
} .universal-
|
|
7
|
+
} .universal-modal__icon_vveoi {
|
|
8
8
|
fill: var(--color-light-neutral-translucent-700);
|
|
9
9
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./cross-button.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"button":"universal-
|
|
5
|
+
var styles = {"button":"universal-modal__button_vveoi","icon":"universal-modal__icon_vveoi"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=cross-button.module.css.js.map
|
package/mobile/mobile.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
|
-
} .universal-
|
|
3
|
+
} .universal-modal__component_z7tj6 {
|
|
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_z7tj6 .universal-modal__content_z7tj6 {
|
|
13
13
|
height: auto;
|
|
14
|
-
} .universal-
|
|
14
|
+
} .universal-modal__component_z7tj6.universal-modal__component_z7tj6 {
|
|
15
15
|
position: fixed;
|
|
16
16
|
flex: 1;
|
|
17
17
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./mobile.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"universal-
|
|
5
|
+
var styles = {"component":"universal-modal__component_z7tj6","content":"universal-modal__content_z7tj6"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=mobile.module.css.js.map
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_1o0ox,
|
|
2
|
+
.universal-modal__enter_1o0ox {
|
|
3
3
|
transform: translateX(100%);
|
|
4
|
-
} .universal-
|
|
5
|
-
.universal-
|
|
4
|
+
} .universal-modal__appearActive_1o0ox,
|
|
5
|
+
.universal-modal__enterActive_1o0ox {
|
|
6
6
|
transform: translateX(0);
|
|
7
7
|
transition: transform 280ms ease-in-out;
|
|
8
8
|
transition-delay: 80ms;
|
|
9
|
-
} .universal-
|
|
9
|
+
} .universal-modal__exit_1o0ox {
|
|
10
10
|
transform: translateX(0);
|
|
11
|
-
} .universal-
|
|
12
|
-
.universal-
|
|
11
|
+
} .universal-modal__exitActive_1o0ox,
|
|
12
|
+
.universal-modal__exitDone_1o0ox {
|
|
13
13
|
transform: translateX(100%);
|
|
14
14
|
transition: transform 280ms ease-in-out;
|
|
15
15
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./right-side-transitions.mobile.css');
|
|
4
4
|
|
|
5
|
-
var rightSideTransitions = {"appear":"universal-
|
|
5
|
+
var rightSideTransitions = {"appear":"universal-modal__appear_1o0ox","enter":"universal-modal__enter_1o0ox","appearActive":"universal-modal__appearActive_1o0ox","enterActive":"universal-modal__enterActive_1o0ox","exit":"universal-modal__exit_1o0ox","exitActive":"universal-modal__exitActive_1o0ox","exitDone":"universal-modal__exitDone_1o0ox"};
|
|
6
6
|
|
|
7
7
|
module.exports = rightSideTransitions;
|
|
8
8
|
//# sourceMappingURL=right-side-transitions.mobile.module.css.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_8uio8,
|
|
2
|
+
.universal-modal__enter_8uio8 {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(15px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_8uio8,
|
|
8
|
+
.universal-modal__enterActive_8uio8 {
|
|
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_8uio8 {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_8uio8,
|
|
22
|
+
.universal-modal__exitDone_8uio8 {
|
|
23
23
|
opacity: 0;
|
|
24
24
|
transform: translateY(15px);
|
|
25
25
|
transition:
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./transitions.mobile.css');
|
|
4
4
|
|
|
5
|
-
var transitions = {"appear":"universal-
|
|
5
|
+
var transitions = {"appear":"universal-modal__appear_8uio8","enter":"universal-modal__enter_8uio8","appearActive":"universal-modal__appearActive_8uio8","enterActive":"universal-modal__enterActive_8uio8","exit":"universal-modal__exit_8uio8","exitActive":"universal-modal__exitActive_8uio8","exitDone":"universal-modal__exitDone_8uio8"};
|
|
6
6
|
|
|
7
7
|
module.exports = transitions;
|
|
8
8
|
//# sourceMappingURL=transitions.mobile.module.css.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
|
-
} .universal-
|
|
3
|
+
} .universal-modal__content_1finn.universal-modal__withHeader_1finn {
|
|
4
4
|
padding-top: var(--gap-0);
|
|
5
|
-
} .universal-
|
|
5
|
+
} .universal-modal__content_1finn.universal-modal__withFooter_1finn {
|
|
6
6
|
padding-bottom: var(--gap-0);
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './desktop.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"content":"universal-
|
|
3
|
+
const styles = {"content":"universal-modal__content_1finn","withHeader":"universal-modal__withHeader_1finn","withFooter":"universal-modal__withFooter_1finn"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=desktop.module.css.js.map
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
--gap-0: 0px;
|
|
5
5
|
--gap-16: var(--gap-m);
|
|
6
6
|
--gap-20: var(--gap-l);
|
|
7
|
-
} .universal-
|
|
7
|
+
} .universal-modal__content_1vxp3 {
|
|
8
8
|
padding: var(--gap-16);
|
|
9
|
-
} .universal-
|
|
9
|
+
} .universal-modal__content_1vxp3.universal-modal__withHeader_1vxp3 {
|
|
10
10
|
padding-top: var(--gap-0);
|
|
11
|
-
} .universal-
|
|
11
|
+
} .universal-modal__content_1vxp3.universal-modal__withFooter_1vxp3 {
|
|
12
12
|
padding-bottom: var(--gap-20);
|
|
13
13
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"content":"universal-
|
|
3
|
+
const styles = {"content":"universal-modal__content_1vxp3","withHeader":"universal-modal__withHeader_1vxp3","withFooter":"universal-modal__withFooter_1vxp3"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=mobile.module.css.js.map
|
|
@@ -10,18 +10,18 @@
|
|
|
10
10
|
--universal-modal-footer-background: var(--color-light-modal-bg-primary);
|
|
11
11
|
--universal-modal-footer-highlight-background: var(--color-light-modal-bg-primary);
|
|
12
12
|
--universal-modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
|
|
13
|
-
} .universal-
|
|
13
|
+
} .universal-modal__footer_1fp57 {
|
|
14
14
|
width: 100%;
|
|
15
15
|
box-sizing: border-box;
|
|
16
16
|
transition:
|
|
17
17
|
box-shadow 0.2s ease,
|
|
18
18
|
background 0.2s ease;
|
|
19
19
|
padding: var(--gap-16) var(--gap-32) var(--gap-32);
|
|
20
|
-
} .universal-
|
|
20
|
+
} .universal-modal__sticky_1fp57 {
|
|
21
21
|
background: var(--universal-modal-footer-background);
|
|
22
22
|
position: sticky;
|
|
23
23
|
z-index: 1;
|
|
24
|
-
} .universal-
|
|
24
|
+
} .universal-modal__highlighted_1fp57 {
|
|
25
25
|
background: var(--universal-modal-footer-highlight-background);
|
|
26
26
|
box-shadow: var(--universal-modal-footer-highlight-box-shadow);
|
|
27
27
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"footer":"universal-
|
|
3
|
+
const styles = {"footer":"universal-modal__footer_1fp57","sticky":"universal-modal__sticky_1fp57","highlighted":"universal-modal__highlighted_1fp57"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|