@alfalab/core-components-universal-modal 3.1.0 → 3.1.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/components/content/base-content/index.css +1 -1
- package/components/content/base-content/index.module.css.js +1 -1
- package/components/content/desktop/desktop.css +2 -2
- package/components/content/desktop/desktop.module.css.js +1 -1
- package/components/content/mobile/mobile.css +3 -3
- package/components/content/mobile/mobile.module.css.js +1 -1
- package/components/footer/base-footer/index.css +3 -3
- package/components/footer/base-footer/index.module.css.js +1 -1
- package/components/footer/desktop/desktop.css +1 -1
- package/components/footer/desktop/desktop.module.css.js +1 -1
- package/components/footer/desktop/layout.css +9 -9
- package/components/footer/desktop/layout.module.css.js +1 -1
- package/components/footer/mobile/layout.mobile.css +8 -8
- package/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/components/footer/mobile/mobile.css +2 -2
- package/components/footer/mobile/mobile.module.css.js +1 -1
- package/components/header/base-header/index.css +4 -4
- package/components/header/base-header/index.module.css.js +1 -1
- package/components/header/desktop/desktop.css +5 -5
- package/components/header/desktop/desktop.module.css.js +1 -1
- package/components/header/mobile/mobile.css +3 -3
- package/components/header/mobile/mobile.module.css.js +1 -1
- package/cssm/desktop/types/props.d.ts +1 -1
- package/cssm/mobile/types/props.d.ts +1 -1
- package/desktop/components/center-modal/index.css +522 -522
- 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 +524 -524
- 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/desktop/types/props.d.ts +1 -1
- package/esm/components/content/base-content/index.css +1 -1
- package/esm/components/content/base-content/index.module.css.js +1 -1
- package/esm/components/content/desktop/desktop.css +2 -2
- package/esm/components/content/desktop/desktop.module.css.js +1 -1
- package/esm/components/content/mobile/mobile.css +3 -3
- package/esm/components/content/mobile/mobile.module.css.js +1 -1
- package/esm/components/footer/base-footer/index.css +3 -3
- package/esm/components/footer/base-footer/index.module.css.js +1 -1
- package/esm/components/footer/desktop/desktop.css +1 -1
- package/esm/components/footer/desktop/desktop.module.css.js +1 -1
- package/esm/components/footer/desktop/layout.css +9 -9
- package/esm/components/footer/desktop/layout.module.css.js +1 -1
- package/esm/components/footer/mobile/layout.mobile.css +8 -8
- package/esm/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/esm/components/footer/mobile/mobile.css +2 -2
- package/esm/components/footer/mobile/mobile.module.css.js +1 -1
- package/esm/components/header/base-header/index.css +4 -4
- package/esm/components/header/base-header/index.module.css.js +1 -1
- package/esm/components/header/desktop/desktop.css +5 -5
- package/esm/components/header/desktop/desktop.module.css.js +1 -1
- package/esm/components/header/mobile/mobile.css +3 -3
- package/esm/components/header/mobile/mobile.module.css.js +1 -1
- package/esm/desktop/components/center-modal/index.css +522 -522
- 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 +524 -524
- 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/desktop/types/props.d.ts +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/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/components/content/base-content/index.css +1 -1
- package/modern/components/content/base-content/index.module.css.js +1 -1
- package/modern/components/content/desktop/desktop.css +2 -2
- package/modern/components/content/desktop/desktop.module.css.js +1 -1
- package/modern/components/content/mobile/mobile.css +3 -3
- package/modern/components/content/mobile/mobile.module.css.js +1 -1
- package/modern/components/footer/base-footer/index.css +3 -3
- package/modern/components/footer/base-footer/index.module.css.js +1 -1
- package/modern/components/footer/desktop/desktop.css +1 -1
- package/modern/components/footer/desktop/desktop.module.css.js +1 -1
- package/modern/components/footer/desktop/layout.css +9 -9
- package/modern/components/footer/desktop/layout.module.css.js +1 -1
- package/modern/components/footer/mobile/layout.mobile.css +8 -8
- package/modern/components/footer/mobile/layout.mobile.module.css.js +1 -1
- package/modern/components/footer/mobile/mobile.css +2 -2
- package/modern/components/footer/mobile/mobile.module.css.js +1 -1
- package/modern/components/header/base-header/index.css +4 -4
- package/modern/components/header/base-header/index.module.css.js +1 -1
- package/modern/components/header/desktop/desktop.css +5 -5
- package/modern/components/header/desktop/desktop.module.css.js +1 -1
- package/modern/components/header/mobile/mobile.css +3 -3
- package/modern/components/header/mobile/mobile.module.css.js +1 -1
- package/modern/desktop/components/center-modal/index.css +522 -522
- 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 +524 -524
- 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/desktop/types/props.d.ts +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/desktop/types/props.d.ts +1 -1
- package/moderncssm/mobile/types/props.d.ts +1 -1
- package/package.json +1 -1
- package/src/desktop/types/props.ts +1 -0
- package/src/mobile/types/props.ts +2 -0
|
@@ -2,26 +2,26 @@
|
|
|
2
2
|
--gap-m: 16px;
|
|
3
3
|
--gap-16: var(--gap-m);
|
|
4
4
|
}
|
|
5
|
-
.universal-
|
|
5
|
+
.universal-modal__column_18frf {
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
gap: var(--gap-16);
|
|
9
9
|
}
|
|
10
|
-
.universal-
|
|
10
|
+
.universal-modal__start_18frf {
|
|
11
11
|
justify-content: flex-start;
|
|
12
12
|
}
|
|
13
|
-
.universal-
|
|
13
|
+
.universal-modal__center_18frf {
|
|
14
14
|
justify-content: center;
|
|
15
15
|
}
|
|
16
|
-
.universal-modal__space-
|
|
16
|
+
.universal-modal__space-between_18frf {
|
|
17
17
|
justify-content: space-between;
|
|
18
18
|
}
|
|
19
|
-
.universal-modal__space-
|
|
19
|
+
.universal-modal__space-between_18frf > * {
|
|
20
20
|
flex: 1;
|
|
21
21
|
}
|
|
22
|
-
.universal-
|
|
23
|
-
.universal-
|
|
24
|
-
.universal-modal__space-
|
|
22
|
+
.universal-modal__start_18frf,
|
|
23
|
+
.universal-modal__center_18frf,
|
|
24
|
+
.universal-modal__space-between_18frf {
|
|
25
25
|
display: flex;
|
|
26
26
|
gap: var(--gap-16);
|
|
27
27
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './layout.mobile.css';
|
|
2
2
|
|
|
3
|
-
const layoutStylesMobile = {"column":"universal-
|
|
3
|
+
const layoutStylesMobile = {"column":"universal-modal__column_18frf","start":"universal-modal__start_18frf","center":"universal-modal__center_18frf","space-between":"universal-modal__space-between_18frf"};
|
|
4
4
|
|
|
5
5
|
export { layoutStylesMobile as default };
|
|
6
6
|
//# sourceMappingURL=layout.mobile.module.css.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"footer":"universal-
|
|
3
|
+
const styles = {"footer":"universal-modal__footer_e26kh","sticky":"universal-modal__sticky_e26kh"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=mobile.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_bwivi {
|
|
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_bwivi.universal-modal__highlighted_bwivi {
|
|
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_bwivi.universal-modal__sticky_bwivi {
|
|
25
25
|
position: sticky;
|
|
26
26
|
top: var(--gap-0);
|
|
27
27
|
z-index: 1;
|
|
28
28
|
}
|
|
29
|
-
.universal-
|
|
29
|
+
.universal-modal__header_bwivi.universal-modal__sticky_bwivi.universal-modal__hasContent_bwivi {
|
|
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_bwivi","highlighted":"universal-modal__highlighted_bwivi","sticky":"universal-modal__sticky_bwivi","hasContent":"universal-modal__hasContent_bwivi"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -11,31 +11,31 @@
|
|
|
11
11
|
--font-family-system:
|
|
12
12
|
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
|
|
13
13
|
}
|
|
14
|
-
.universal-
|
|
14
|
+
.universal-modal__header_4zqdl {
|
|
15
15
|
padding: var(--gap-20) var(--gap-20) 0;
|
|
16
16
|
}
|
|
17
|
-
.universal-
|
|
17
|
+
.universal-modal__header_4zqdl .universal-modal__headerTitle_4zqdl {
|
|
18
18
|
font-size: 22px;
|
|
19
19
|
line-height: 26px;
|
|
20
20
|
font-weight: 700;
|
|
21
21
|
font-family: var(--font-family-system);
|
|
22
22
|
padding: 11px var(--gap-12);
|
|
23
23
|
}
|
|
24
|
-
.universal-
|
|
24
|
+
.universal-modal__header_4zqdl .universal-modal__bottomAddons_4zqdl {
|
|
25
25
|
font-size: 22px;
|
|
26
26
|
line-height: 26px;
|
|
27
27
|
font-weight: 700;
|
|
28
28
|
font-family: var(--font-family-system);
|
|
29
29
|
padding: var(--gap-6) var(--gap-12) var(--gap-16);
|
|
30
30
|
}
|
|
31
|
-
.universal-
|
|
31
|
+
.universal-modal__header_4zqdl.universal-modal__medium_4zqdl .universal-modal__headerTitle_4zqdl {
|
|
32
32
|
font-size: 30px;
|
|
33
33
|
line-height: 36px;
|
|
34
34
|
font-weight: 700;
|
|
35
35
|
font-family: var(--font-family-system);
|
|
36
36
|
padding: var(--gap-6) var(--gap-12) var(--gap-16);
|
|
37
37
|
}
|
|
38
|
-
.universal-
|
|
38
|
+
.universal-modal__header_4zqdl.universal-modal__medium_4zqdl .universal-modal__bottomAddons_4zqdl {
|
|
39
39
|
font-size: 30px;
|
|
40
40
|
line-height: 36px;
|
|
41
41
|
font-weight: 700;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './desktop.css';
|
|
2
2
|
|
|
3
|
-
const desktopStyles = {"header":"universal-
|
|
3
|
+
const desktopStyles = {"header":"universal-modal__header_4zqdl","headerTitle":"universal-modal__headerTitle_4zqdl","bottomAddons":"universal-modal__bottomAddons_4zqdl","medium":"universal-modal__medium_4zqdl"};
|
|
4
4
|
|
|
5
5
|
export { desktopStyles as default };
|
|
6
6
|
//# sourceMappingURL=desktop.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_17k3f {
|
|
17
17
|
padding: var(--gap-8) var(--gap-4);
|
|
18
18
|
}
|
|
19
|
-
.universal-
|
|
19
|
+
.universal-modal__content_17k3f {
|
|
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_17k3f {
|
|
29
29
|
font-size: 20px;
|
|
30
30
|
line-height: 28px;
|
|
31
31
|
font-weight: 600;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
const mobileStyles = {"header":"universal-
|
|
3
|
+
const mobileStyles = {"header":"universal-modal__header_17k3f","content":"universal-modal__content_17k3f","bottomAddons":"universal-modal__bottomAddons_17k3f"};
|
|
4
4
|
|
|
5
5
|
export { mobileStyles as default };
|
|
6
6
|
//# sourceMappingURL=mobile.module.css.js.map
|