@alfalab/core-components-universal-modal 3.2.5 → 3.2.6-alfasans
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/Context.d.ts +1 -1
- package/Context.js +1 -1
- package/Context.js.map +1 -1
- 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/cssm/Context.d.ts +1 -1
- package/cssm/Context.js +1 -1
- package/cssm/Context.js.map +1 -1
- package/cssm/desktop/Component.desktop.d.ts +1 -1
- package/cssm/desktop/components/center-modal/center-modal.js +2 -2
- package/cssm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/cssm/desktop/components/footer/index.d.ts +2 -7
- package/cssm/desktop/components/footer/index.js.map +1 -1
- package/cssm/desktop/components/header/desktop.module.css +11 -6
- package/cssm/desktop/components/modal-content/modal-content.js +2 -9
- package/cssm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/cssm/desktop/components/side-modal/side-modal.js +2 -2
- package/cssm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/cssm/desktop/types/props.d.ts +1 -1
- package/cssm/mobile/components/header/index.module.css +9 -6
- package/cssm/mobile/types/props.d.ts +1 -1
- package/desktop/Component.desktop.d.ts +1 -1
- package/desktop/components/center-modal/center-modal.js +2 -2
- package/desktop/components/center-modal/center-modal.js.map +1 -1
- package/desktop/components/center-modal/index.css +1104 -1104
- 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/index.d.ts +2 -7
- package/desktop/components/footer/index.js.map +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 +16 -11
- 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.js +2 -9
- package/desktop/components/modal-content/modal-content.js.map +1 -1
- package/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/desktop/components/side-modal/index.css +1106 -1106
- package/desktop/components/side-modal/index.module.css.js +1 -1
- package/desktop/components/side-modal/side-modal.js +2 -2
- package/desktop/components/side-modal/side-modal.js.map +1 -1
- package/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/desktop/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 -1
- package/esm/Context.d.ts +1 -1
- package/esm/Context.js +1 -1
- package/esm/Context.js.map +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/Component.desktop.d.ts +1 -1
- package/esm/desktop/components/center-modal/center-modal.js +2 -2
- package/esm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/esm/desktop/components/center-modal/index.css +1104 -1104
- 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/index.d.ts +2 -7
- package/esm/desktop/components/footer/index.js.map +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 +16 -11
- 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.js +2 -8
- package/esm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/esm/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/esm/desktop/components/side-modal/index.css +1106 -1106
- package/esm/desktop/components/side-modal/index.module.css.js +1 -1
- package/esm/desktop/components/side-modal/side-modal.js +2 -2
- package/esm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/esm/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/esm/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/esm/desktop/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 -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 +12 -9
- 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/esm/mobile/types/props.d.ts +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 +12 -9
- 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/mobile/types/props.d.ts +1 -1
- package/modern/Context.d.ts +1 -1
- package/modern/Context.js +1 -1
- package/modern/Context.js.map +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/Component.desktop.d.ts +1 -1
- package/modern/desktop/components/center-modal/center-modal.js +2 -2
- package/modern/desktop/components/center-modal/center-modal.js.map +1 -1
- package/modern/desktop/components/center-modal/index.css +1104 -1104
- 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/index.d.ts +2 -7
- package/modern/desktop/components/footer/index.js.map +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 +16 -11
- 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.js +2 -8
- package/modern/desktop/components/modal-content/modal-content.js.map +1 -1
- package/modern/desktop/components/modal-content/modal-content.module.css.js +1 -1
- package/modern/desktop/components/side-modal/index.css +1106 -1106
- package/modern/desktop/components/side-modal/index.module.css.js +1 -1
- package/modern/desktop/components/side-modal/side-modal.js +2 -2
- package/modern/desktop/components/side-modal/side-modal.js.map +1 -1
- package/modern/desktop/components/side-modal/transitions/transitions.css +71 -71
- package/modern/desktop/components/side-modal/transitions/transitions.module.css.js +1 -1
- package/modern/desktop/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 -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 +12 -9
- 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/modern/mobile/types/props.d.ts +1 -1
- package/moderncssm/Context.d.ts +1 -1
- package/moderncssm/Context.js +1 -1
- package/moderncssm/Context.js.map +1 -1
- package/moderncssm/desktop/Component.desktop.d.ts +1 -1
- package/moderncssm/desktop/components/center-modal/center-modal.js +2 -2
- package/moderncssm/desktop/components/center-modal/center-modal.js.map +1 -1
- package/moderncssm/desktop/components/footer/index.d.ts +2 -7
- package/moderncssm/desktop/components/footer/index.js.map +1 -1
- package/moderncssm/desktop/components/header/desktop.module.css +8 -4
- package/moderncssm/desktop/components/modal-content/modal-content.js +2 -8
- package/moderncssm/desktop/components/modal-content/modal-content.js.map +1 -1
- package/moderncssm/desktop/components/side-modal/side-modal.js +2 -2
- package/moderncssm/desktop/components/side-modal/side-modal.js.map +1 -1
- package/moderncssm/desktop/types/props.d.ts +1 -1
- package/moderncssm/mobile/components/header/index.module.css +6 -4
- package/moderncssm/mobile/types/props.d.ts +1 -1
- package/package.json +9 -9
- package/src/Context.ts +1 -1
- package/src/desktop/components/center-modal/center-modal.tsx +5 -3
- package/src/desktop/components/footer/index.tsx +1 -6
- package/src/desktop/components/modal-content/modal-content.tsx +1 -9
- package/src/desktop/components/side-modal/side-modal.tsx +5 -3
- package/src/desktop/types/props.ts +1 -0
- package/src/mobile/types/props.ts +2 -0
- package/cssm/desktop/hooks/use-modal-highlighted.d.ts +0 -13
- package/cssm/desktop/hooks/use-modal-highlighted.js +0 -57
- package/cssm/desktop/hooks/use-modal-highlighted.js.map +0 -1
- package/desktop/hooks/use-modal-highlighted.d.ts +0 -13
- package/desktop/hooks/use-modal-highlighted.js +0 -57
- package/desktop/hooks/use-modal-highlighted.js.map +0 -1
- package/esm/desktop/hooks/use-modal-highlighted.d.ts +0 -13
- package/esm/desktop/hooks/use-modal-highlighted.js +0 -53
- package/esm/desktop/hooks/use-modal-highlighted.js.map +0 -1
- package/modern/desktop/hooks/use-modal-highlighted.d.ts +0 -13
- package/modern/desktop/hooks/use-modal-highlighted.js +0 -52
- package/modern/desktop/hooks/use-modal-highlighted.js.map +0 -1
- package/moderncssm/desktop/hooks/use-modal-highlighted.d.ts +0 -13
- package/moderncssm/desktop/hooks/use-modal-highlighted.js +0 -52
- package/moderncssm/desktop/hooks/use-modal-highlighted.js.map +0 -1
- package/src/desktop/hooks/use-modal-highlighted.ts +0 -75
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"footer":"universal-
|
|
3
|
+
var styles = {"footer":"universal-modal__footer_91cl4","sticky":"universal-modal__sticky_91cl4"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-8: 8px;
|
|
3
3
|
}
|
|
4
|
-
.universal-
|
|
4
|
+
.universal-modal__column_4w2gm {
|
|
5
5
|
flex-direction: column;
|
|
6
6
|
}
|
|
7
|
-
.universal-
|
|
7
|
+
.universal-modal__start_4w2gm {
|
|
8
8
|
justify-content: flex-start;
|
|
9
9
|
}
|
|
10
|
-
.universal-
|
|
10
|
+
.universal-modal__center_4w2gm {
|
|
11
11
|
justify-content: center;
|
|
12
12
|
}
|
|
13
|
-
.universal-modal__space-
|
|
13
|
+
.universal-modal__space-between_4w2gm {
|
|
14
14
|
justify-content: space-between;
|
|
15
15
|
}
|
|
16
|
-
.universal-modal__space-
|
|
16
|
+
.universal-modal__space-between_4w2gm > * {
|
|
17
17
|
flex: 1;
|
|
18
18
|
}
|
|
19
|
-
.universal-
|
|
20
|
-
.universal-
|
|
21
|
-
.universal-modal__space-
|
|
22
|
-
.universal-
|
|
19
|
+
.universal-modal__start_4w2gm,
|
|
20
|
+
.universal-modal__center_4w2gm,
|
|
21
|
+
.universal-modal__space-between_4w2gm,
|
|
22
|
+
.universal-modal__column_4w2gm {
|
|
23
23
|
display: flex;
|
|
24
24
|
gap: var(--gap-8);
|
|
25
25
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './layout.mobile.css';
|
|
2
2
|
|
|
3
|
-
var layoutStylesMobile = {"column":"universal-
|
|
3
|
+
var layoutStylesMobile = {"column":"universal-modal__column_4w2gm","start":"universal-modal__start_4w2gm","center":"universal-modal__center_4w2gm","space-between":"universal-modal__space-between_4w2gm"};
|
|
4
4
|
|
|
5
5
|
export { layoutStylesMobile as default };
|
|
6
6
|
//# sourceMappingURL=layout.mobile.module.css.js.map
|
|
@@ -6,25 +6,28 @@
|
|
|
6
6
|
--gap-16: 16px;
|
|
7
7
|
}
|
|
8
8
|
:root {
|
|
9
|
-
--font-family-
|
|
10
|
-
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
|
|
9
|
+
--font-family-alfasans:
|
|
10
|
+
'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
|
|
11
|
+
Helvetica, sans-serif;
|
|
11
12
|
}
|
|
12
|
-
.universal-
|
|
13
|
+
.universal-modal__header_1wgoa {
|
|
13
14
|
padding: var(--gap-8) var(--gap-4);
|
|
14
15
|
}
|
|
15
|
-
.universal-
|
|
16
|
+
.universal-modal__content_1wgoa {
|
|
16
17
|
font-size: 20px;
|
|
17
18
|
line-height: 28px;
|
|
18
|
-
font-weight:
|
|
19
|
-
|
|
19
|
+
font-weight: 500;
|
|
20
|
+
letter-spacing: -0.15px;
|
|
21
|
+
font-family: var(--font-family-alfasans);
|
|
20
22
|
padding: 0 var(--gap-12);
|
|
21
23
|
min-height: 40px;
|
|
22
24
|
justify-content: center;
|
|
23
25
|
}
|
|
24
|
-
.universal-
|
|
26
|
+
.universal-modal__bottomAddons_1wgoa {
|
|
25
27
|
font-size: 20px;
|
|
26
28
|
line-height: 28px;
|
|
27
|
-
font-weight:
|
|
28
|
-
|
|
29
|
+
font-weight: 500;
|
|
30
|
+
letter-spacing: -0.15px;
|
|
31
|
+
font-family: var(--font-family-alfasans);
|
|
29
32
|
padding: var(--gap-6) var(--gap-16);
|
|
30
33
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var mobileStyles = {"header":"universal-
|
|
3
|
+
var mobileStyles = {"header":"universal-modal__header_1wgoa","content":"universal-modal__content_1wgoa","bottomAddons":"universal-modal__bottomAddons_1wgoa"};
|
|
4
4
|
|
|
5
5
|
export { mobileStyles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
package/esm/mobile/mobile.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
3
|
}
|
|
4
|
-
.universal-
|
|
4
|
+
.universal-modal__component_1yulo {
|
|
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_1yulo .universal-modal__content_1yulo {
|
|
15
15
|
height: auto;
|
|
16
16
|
}
|
|
17
|
-
.universal-
|
|
17
|
+
.universal-modal__component_1yulo.universal-modal__component_1yulo {
|
|
18
18
|
position: fixed;
|
|
19
19
|
flex: 1;
|
|
20
20
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"universal-
|
|
3
|
+
var styles = {"component":"universal-modal__component_1yulo","content":"universal-modal__content_1yulo"};
|
|
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_1225a,
|
|
2
|
+
.universal-modal__enter_1225a {
|
|
3
3
|
transform: translateX(100%);
|
|
4
4
|
}
|
|
5
|
-
.universal-
|
|
6
|
-
.universal-
|
|
5
|
+
.universal-modal__appearActive_1225a,
|
|
6
|
+
.universal-modal__enterActive_1225a {
|
|
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_1225a {
|
|
12
12
|
transform: translateX(0);
|
|
13
13
|
}
|
|
14
|
-
.universal-
|
|
15
|
-
.universal-
|
|
14
|
+
.universal-modal__exitActive_1225a,
|
|
15
|
+
.universal-modal__exitDone_1225a {
|
|
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
|
-
var rightSideTransitions = {"appear":"universal-
|
|
3
|
+
var rightSideTransitions = {"appear":"universal-modal__appear_1225a","enter":"universal-modal__enter_1225a","appearActive":"universal-modal__appearActive_1225a","enterActive":"universal-modal__enterActive_1225a","exit":"universal-modal__exit_1225a","exitActive":"universal-modal__exitActive_1225a","exitDone":"universal-modal__exitDone_1225a"};
|
|
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_mmw5o,
|
|
2
|
+
.universal-modal__enter_mmw5o {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(15px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_mmw5o,
|
|
8
|
+
.universal-modal__enterActive_mmw5o {
|
|
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_mmw5o {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_mmw5o,
|
|
22
|
+
.universal-modal__exitDone_mmw5o {
|
|
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_mmw5o","enter":"universal-modal__enter_mmw5o","appearActive":"universal-modal__appearActive_mmw5o","enterActive":"universal-modal__enterActive_mmw5o","exit":"universal-modal__exit_mmw5o","exitActive":"universal-modal__exitActive_mmw5o","exitDone":"universal-modal__exitDone_mmw5o"};
|
|
4
4
|
|
|
5
5
|
export { transitions as default };
|
|
6
6
|
//# sourceMappingURL=transitions.mobile.module.css.js.map
|
|
@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
|
|
|
3
3
|
/** Сторона с которой будет появляться модальное окно */
|
|
4
4
|
appearance?: 'bottom' | 'right';
|
|
5
5
|
}
|
|
6
|
-
export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus'>> {
|
|
6
|
+
export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus' | 'zIndex' | 'scrollLock'>> {
|
|
7
7
|
}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
--gap-0: 0px;
|
|
3
3
|
--gap-20: 20px;
|
|
4
4
|
}
|
|
5
|
-
.universal-
|
|
5
|
+
.universal-modal__content_2hcmy {
|
|
6
6
|
padding: var(--gap-20);
|
|
7
7
|
}
|
|
8
|
-
.universal-
|
|
8
|
+
.universal-modal__content_2hcmy.universal-modal__withHeader_2hcmy {
|
|
9
9
|
padding-top: var(--gap-0);
|
|
10
10
|
}
|
|
11
|
-
.universal-
|
|
11
|
+
.universal-modal__content_2hcmy.universal-modal__withFooter_2hcmy {
|
|
12
12
|
padding-bottom: var(--gap-0);
|
|
13
13
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"content":"universal-
|
|
5
|
+
var styles = {"content":"universal-modal__content_2hcmy","withHeader":"universal-modal__withHeader_2hcmy","withFooter":"universal-modal__withFooter_2hcmy"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"footer":"universal-
|
|
5
|
+
var styles = {"footer":"universal-modal__footer_91cl4","sticky":"universal-modal__sticky_91cl4"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-8: 8px;
|
|
3
3
|
}
|
|
4
|
-
.universal-
|
|
4
|
+
.universal-modal__column_4w2gm {
|
|
5
5
|
flex-direction: column;
|
|
6
6
|
}
|
|
7
|
-
.universal-
|
|
7
|
+
.universal-modal__start_4w2gm {
|
|
8
8
|
justify-content: flex-start;
|
|
9
9
|
}
|
|
10
|
-
.universal-
|
|
10
|
+
.universal-modal__center_4w2gm {
|
|
11
11
|
justify-content: center;
|
|
12
12
|
}
|
|
13
|
-
.universal-modal__space-
|
|
13
|
+
.universal-modal__space-between_4w2gm {
|
|
14
14
|
justify-content: space-between;
|
|
15
15
|
}
|
|
16
|
-
.universal-modal__space-
|
|
16
|
+
.universal-modal__space-between_4w2gm > * {
|
|
17
17
|
flex: 1;
|
|
18
18
|
}
|
|
19
|
-
.universal-
|
|
20
|
-
.universal-
|
|
21
|
-
.universal-modal__space-
|
|
22
|
-
.universal-
|
|
19
|
+
.universal-modal__start_4w2gm,
|
|
20
|
+
.universal-modal__center_4w2gm,
|
|
21
|
+
.universal-modal__space-between_4w2gm,
|
|
22
|
+
.universal-modal__column_4w2gm {
|
|
23
23
|
display: flex;
|
|
24
24
|
gap: var(--gap-8);
|
|
25
25
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./layout.mobile.css');
|
|
4
4
|
|
|
5
|
-
var layoutStylesMobile = {"column":"universal-
|
|
5
|
+
var layoutStylesMobile = {"column":"universal-modal__column_4w2gm","start":"universal-modal__start_4w2gm","center":"universal-modal__center_4w2gm","space-between":"universal-modal__space-between_4w2gm"};
|
|
6
6
|
|
|
7
7
|
module.exports = layoutStylesMobile;
|
|
8
8
|
//# sourceMappingURL=layout.mobile.module.css.js.map
|
|
@@ -6,25 +6,28 @@
|
|
|
6
6
|
--gap-16: 16px;
|
|
7
7
|
}
|
|
8
8
|
:root {
|
|
9
|
-
--font-family-
|
|
10
|
-
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
|
|
9
|
+
--font-family-alfasans:
|
|
10
|
+
'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
|
|
11
|
+
Helvetica, sans-serif;
|
|
11
12
|
}
|
|
12
|
-
.universal-
|
|
13
|
+
.universal-modal__header_1wgoa {
|
|
13
14
|
padding: var(--gap-8) var(--gap-4);
|
|
14
15
|
}
|
|
15
|
-
.universal-
|
|
16
|
+
.universal-modal__content_1wgoa {
|
|
16
17
|
font-size: 20px;
|
|
17
18
|
line-height: 28px;
|
|
18
|
-
font-weight:
|
|
19
|
-
|
|
19
|
+
font-weight: 500;
|
|
20
|
+
letter-spacing: -0.15px;
|
|
21
|
+
font-family: var(--font-family-alfasans);
|
|
20
22
|
padding: 0 var(--gap-12);
|
|
21
23
|
min-height: 40px;
|
|
22
24
|
justify-content: center;
|
|
23
25
|
}
|
|
24
|
-
.universal-
|
|
26
|
+
.universal-modal__bottomAddons_1wgoa {
|
|
25
27
|
font-size: 20px;
|
|
26
28
|
line-height: 28px;
|
|
27
|
-
font-weight:
|
|
28
|
-
|
|
29
|
+
font-weight: 500;
|
|
30
|
+
letter-spacing: -0.15px;
|
|
31
|
+
font-family: var(--font-family-alfasans);
|
|
29
32
|
padding: var(--gap-6) var(--gap-16);
|
|
30
33
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var mobileStyles = {"header":"universal-
|
|
5
|
+
var mobileStyles = {"header":"universal-modal__header_1wgoa","content":"universal-modal__content_1wgoa","bottomAddons":"universal-modal__bottomAddons_1wgoa"};
|
|
6
6
|
|
|
7
7
|
module.exports = mobileStyles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/mobile/mobile.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
3
|
}
|
|
4
|
-
.universal-
|
|
4
|
+
.universal-modal__component_1yulo {
|
|
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_1yulo .universal-modal__content_1yulo {
|
|
15
15
|
height: auto;
|
|
16
16
|
}
|
|
17
|
-
.universal-
|
|
17
|
+
.universal-modal__component_1yulo.universal-modal__component_1yulo {
|
|
18
18
|
position: fixed;
|
|
19
19
|
flex: 1;
|
|
20
20
|
}
|
|
@@ -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_1yulo","content":"universal-modal__content_1yulo"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=mobile.module.css.js.map
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
.universal-
|
|
2
|
-
.universal-
|
|
1
|
+
.universal-modal__appear_1225a,
|
|
2
|
+
.universal-modal__enter_1225a {
|
|
3
3
|
transform: translateX(100%);
|
|
4
4
|
}
|
|
5
|
-
.universal-
|
|
6
|
-
.universal-
|
|
5
|
+
.universal-modal__appearActive_1225a,
|
|
6
|
+
.universal-modal__enterActive_1225a {
|
|
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_1225a {
|
|
12
12
|
transform: translateX(0);
|
|
13
13
|
}
|
|
14
|
-
.universal-
|
|
15
|
-
.universal-
|
|
14
|
+
.universal-modal__exitActive_1225a,
|
|
15
|
+
.universal-modal__exitDone_1225a {
|
|
16
16
|
transform: translateX(100%);
|
|
17
17
|
transition: transform 280ms ease-in-out;
|
|
18
18
|
}
|
|
@@ -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_1225a","enter":"universal-modal__enter_1225a","appearActive":"universal-modal__appearActive_1225a","enterActive":"universal-modal__enterActive_1225a","exit":"universal-modal__exit_1225a","exitActive":"universal-modal__exitActive_1225a","exitDone":"universal-modal__exitDone_1225a"};
|
|
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_mmw5o,
|
|
2
|
+
.universal-modal__enter_mmw5o {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: translateY(15px);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.universal-
|
|
8
|
-
.universal-
|
|
7
|
+
.universal-modal__appearActive_mmw5o,
|
|
8
|
+
.universal-modal__enterActive_mmw5o {
|
|
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_mmw5o {
|
|
17
17
|
opacity: 1;
|
|
18
18
|
transform: translateY(0);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.universal-
|
|
22
|
-
.universal-
|
|
21
|
+
.universal-modal__exitActive_mmw5o,
|
|
22
|
+
.universal-modal__exitDone_mmw5o {
|
|
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_mmw5o","enter":"universal-modal__enter_mmw5o","appearActive":"universal-modal__appearActive_mmw5o","enterActive":"universal-modal__enterActive_mmw5o","exit":"universal-modal__exit_mmw5o","exitActive":"universal-modal__exitActive_mmw5o","exitDone":"universal-modal__exitDone_mmw5o"};
|
|
6
6
|
|
|
7
7
|
module.exports = transitions;
|
|
8
8
|
//# sourceMappingURL=transitions.mobile.module.css.js.map
|
package/mobile/types/props.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ export interface BaseUniversalModalMobileProps {
|
|
|
3
3
|
/** Сторона с которой будет появляться модальное окно */
|
|
4
4
|
appearance?: 'bottom' | 'right';
|
|
5
5
|
}
|
|
6
|
-
export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus'>> {
|
|
6
|
+
export interface UniversalModalMobileProps extends BaseUniversalModalMobileProps, Pick<BaseModalProps, 'open'>, Partial<Pick<BaseModalProps, 'children' | 'dataTestId' | 'className' | 'wrapperClassName' | 'onMount' | 'onUnmount' | 'transitionProps' | 'backdropProps' | 'onClose' | 'disableFocusLock' | 'container' | 'disableAutoFocus' | 'zIndex' | 'scrollLock'>> {
|
|
7
7
|
}
|
package/modern/Context.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BaseModalContext } from '@alfalab/core-components-base-modal/modern';
|
|
2
2
|
/**
|
|
3
|
-
* @deprecated
|
|
3
|
+
* @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
|
|
4
4
|
*/
|
|
5
5
|
export declare const ModalContext: import("react").Context<BaseModalContext>;
|
package/modern/Context.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BaseModalContext } from '@alfalab/core-components-base-modal/modern';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
|
-
* @deprecated
|
|
4
|
+
* @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.
|
|
5
5
|
*/
|
|
6
6
|
const ModalContext = BaseModalContext;
|
|
7
7
|
|
package/modern/Context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated
|
|
1
|
+
{"version":3,"file":"Context.js","sources":["../src/Context.ts"],"sourcesContent":["import { BaseModalContext } from '@alfalab/core-components-base-modal';\n\n/**\n * @deprecated В будущем контекст будет удалён. Обрабатывайте состояния компонента самостоятельно.\n */\nexport const ModalContext = BaseModalContext;\n"],"names":[],"mappings":";;AAEA;;AAEG;AACI,MAAM,YAAY,GAAG;;;;"}
|
|
@@ -11,7 +11,7 @@
|
|
|
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
13
|
}
|
|
14
|
-
.universal-
|
|
14
|
+
.universal-modal__footer_y2hw6 {
|
|
15
15
|
width: 100%;
|
|
16
16
|
box-sizing: border-box;
|
|
17
17
|
transition:
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
background 0.2s ease;
|
|
20
20
|
padding: var(--gap-16) var(--gap-32) var(--gap-32);
|
|
21
21
|
}
|
|
22
|
-
.universal-
|
|
22
|
+
.universal-modal__sticky_y2hw6 {
|
|
23
23
|
background: var(--universal-modal-footer-background);
|
|
24
24
|
position: sticky;
|
|
25
25
|
z-index: 1;
|
|
26
26
|
}
|
|
27
|
-
.universal-
|
|
27
|
+
.universal-modal__highlighted_y2hw6 {
|
|
28
28
|
background: var(--universal-modal-footer-highlight-background);
|
|
29
29
|
box-shadow: var(--universal-modal-footer-highlight-box-shadow);
|
|
30
30
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"footer":"universal-
|
|
3
|
+
const styles = {"footer":"universal-modal__footer_y2hw6","sticky":"universal-modal__sticky_y2hw6","highlighted":"universal-modal__highlighted_y2hw6"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -10,22 +10,22 @@
|
|
|
10
10
|
--universal-modal-header-highlight-background: var(--color-light-modal-bg-primary);
|
|
11
11
|
--universal-modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
|
|
12
12
|
}
|
|
13
|
-
.universal-
|
|
13
|
+
.universal-modal__header_49r0q {
|
|
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
|
}
|
|
20
|
-
.universal-
|
|
20
|
+
.universal-modal__header_49r0q.universal-modal__highlighted_49r0q {
|
|
21
21
|
background: var(--universal-modal-header-highlight-background);
|
|
22
22
|
box-shadow: var(--universal-modal-header-highlight-box-shadow);
|
|
23
23
|
}
|
|
24
|
-
.universal-
|
|
24
|
+
.universal-modal__header_49r0q.universal-modal__sticky_49r0q {
|
|
25
25
|
position: sticky;
|
|
26
26
|
top: var(--gap-0);
|
|
27
27
|
z-index: 1;
|
|
28
28
|
}
|
|
29
|
-
.universal-
|
|
29
|
+
.universal-modal__header_49r0q.universal-modal__sticky_49r0q.universal-modal__hasContent_49r0q {
|
|
30
30
|
background: var(--universal-modal-header-background);
|
|
31
31
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"header":"universal-
|
|
3
|
+
const styles = {"header":"universal-modal__header_49r0q","highlighted":"universal-modal__highlighted_49r0q","sticky":"universal-modal__sticky_49r0q","hasContent":"universal-modal__hasContent_49r0q"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -4,5 +4,5 @@ export declare const UniversalModalDesktopComponent: React.ForwardRefExoticCompo
|
|
|
4
4
|
export declare const UniversalModalDesktop: React.ForwardRefExoticComponent<UniversalModalDesktopProps & React.RefAttributes<HTMLDivElement>> & {
|
|
5
5
|
Header: React.ForwardRefExoticComponent<import("./components/header").HeaderDesktopProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
Content: React.FC<import("../components/base-content").ContentProps>;
|
|
7
|
-
Footer: React.ForwardRefExoticComponent<import("
|
|
7
|
+
Footer: React.ForwardRefExoticComponent<import("../components/base-footer").FooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
};
|