@alfalab/core-components-modal 5.3.0 → 5.4.2
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/CHANGELOG.md +30 -0
- package/{esm/components/header/Component.d.ts → dist/Component-5f9bc48b.d.ts} +5 -0
- package/{components/header/Component.js → dist/Component-5f9bc48b.js} +12 -9
- package/{Component.desktop.d.ts → dist/Component.desktop.d.ts} +0 -0
- package/{Component.desktop.js → dist/Component.desktop.js} +4 -4
- package/{Component.mobile.d.ts → dist/Component.mobile.d.ts} +0 -0
- package/{Component.mobile.js → dist/Component.mobile.js} +4 -4
- package/{esm → dist}/Component.responsive.d.ts +0 -0
- package/{Component.responsive.js → dist/Component.responsive.js} +3 -3
- package/{Context.d.ts → dist/Context.d.ts} +0 -0
- package/{Context.js → dist/Context.js} +0 -0
- package/{esm → dist}/components/closer/Component.d.ts +4 -0
- package/{components → dist/components}/closer/Component.js +4 -4
- package/{components → dist/components}/closer/index.css +4 -4
- package/{components → dist/components}/content/Component.d.ts +0 -0
- package/{components → dist/components}/content/Component.desktop.d.ts +0 -0
- package/{components → dist/components}/content/Component.desktop.js +2 -2
- package/{components → dist/components}/content/Component.js +1 -1
- package/{components → dist/components}/content/Component.mobile.d.ts +0 -0
- package/{components → dist/components}/content/Component.mobile.js +2 -2
- package/{esm → dist}/components/content/desktop.css +8 -8
- package/{esm → dist}/components/content/index.css +3 -3
- package/{esm → dist}/components/content/mobile.css +3 -3
- package/{components → dist/components}/footer/Component.d.ts +0 -0
- package/{components → dist/components}/footer/Component.desktop.d.ts +0 -0
- package/{components → dist/components}/footer/Component.desktop.js +2 -2
- package/{components → dist/components}/footer/Component.js +2 -2
- package/{components → dist/components}/footer/Component.mobile.d.ts +0 -0
- package/{components → dist/components}/footer/Component.mobile.js +2 -2
- package/{modern → dist}/components/footer/desktop.css +9 -9
- package/{esm → dist}/components/footer/index.css +4 -4
- package/dist/components/footer/layout.css +84 -0
- package/{modern → dist}/components/footer/mobile.css +3 -3
- package/dist/components/header/Component.d.ts +0 -0
- package/{components → dist/components}/header/Component.desktop.d.ts +1 -1
- package/{components → dist/components}/header/Component.desktop.js +5 -5
- package/dist/components/header/Component.js +13 -0
- package/{esm → dist}/components/header/Component.mobile.d.ts +1 -1
- package/{components → dist/components}/header/Component.mobile.js +5 -5
- package/{esm → dist}/components/header/desktop.css +17 -17
- package/{esm → dist}/components/header/index.css +15 -15
- package/{esm → dist}/components/header/mobile.css +3 -3
- package/{modern/components/header/Component.d.ts → dist/cssm/Component-5fe52731.d.ts} +5 -0
- package/{cssm/components/header/Component.js → dist/cssm/Component-5fe52731.js} +11 -8
- package/{cssm → dist/cssm}/Component.desktop.d.ts +0 -0
- package/{cssm → dist/cssm}/Component.desktop.js +3 -3
- package/{cssm → dist/cssm}/Component.mobile.d.ts +0 -0
- package/{cssm → dist/cssm}/Component.mobile.js +3 -3
- package/{Component.responsive.d.ts → dist/cssm/Component.responsive.d.ts} +0 -0
- package/{cssm → dist/cssm}/Component.responsive.js +3 -3
- package/{cssm → dist/cssm}/Context.d.ts +0 -0
- package/{cssm → dist/cssm}/Context.js +1 -1
- package/{components → dist/cssm/components}/closer/Component.d.ts +4 -0
- package/{cssm → dist/cssm}/components/closer/Component.js +4 -4
- package/{cssm → dist/cssm}/components/closer/index.module.css +0 -0
- package/{cssm → dist/cssm}/components/content/Component.d.ts +0 -0
- package/{cssm → dist/cssm}/components/content/Component.desktop.d.ts +0 -0
- package/{cssm → dist/cssm}/components/content/Component.desktop.js +1 -1
- package/{cssm → dist/cssm}/components/content/Component.js +1 -1
- package/{cssm → dist/cssm}/components/content/Component.mobile.d.ts +0 -0
- package/{cssm → dist/cssm}/components/content/Component.mobile.js +1 -1
- package/{cssm → dist/cssm}/components/content/desktop.module.css +0 -0
- package/{cssm → dist/cssm}/components/content/index.module.css +0 -0
- package/{cssm → dist/cssm}/components/content/mobile.module.css +0 -0
- package/{cssm → dist/cssm}/components/footer/Component.d.ts +0 -0
- package/{cssm → dist/cssm}/components/footer/Component.desktop.d.ts +0 -0
- package/{cssm → dist/cssm}/components/footer/Component.desktop.js +1 -1
- package/{cssm → dist/cssm}/components/footer/Component.js +1 -1
- package/{cssm → dist/cssm}/components/footer/Component.mobile.d.ts +0 -0
- package/{cssm → dist/cssm}/components/footer/Component.mobile.js +1 -1
- package/{cssm → dist/cssm}/components/footer/desktop.module.css +0 -0
- package/{cssm → dist/cssm}/components/footer/index.module.css +0 -0
- package/{cssm → dist/cssm}/components/footer/layout.module.css +0 -0
- package/{cssm → dist/cssm}/components/footer/mobile.module.css +0 -0
- package/dist/cssm/components/header/Component.d.ts +0 -0
- package/{cssm → dist/cssm}/components/header/Component.desktop.d.ts +1 -1
- package/{cssm → dist/cssm}/components/header/Component.desktop.js +5 -5
- package/dist/cssm/components/header/Component.js +14 -0
- package/{modern → dist/cssm}/components/header/Component.mobile.d.ts +1 -1
- package/{cssm → dist/cssm}/components/header/Component.mobile.js +5 -5
- package/{cssm → dist/cssm}/components/header/desktop.module.css +0 -0
- package/{cssm → dist/cssm}/components/header/index.module.css +0 -0
- package/{cssm → dist/cssm}/components/header/mobile.module.css +0 -0
- package/{cssm → dist/cssm}/desktop.d.ts +0 -0
- package/{cssm → dist/cssm}/desktop.js +3 -3
- package/{cssm → dist/cssm}/desktop.module.css +0 -0
- package/dist/cssm/getDataTestId-3fe0d3e6.d.ts +2 -0
- package/{cssm → dist/cssm}/index.d.ts +0 -0
- package/{cssm → dist/cssm}/index.js +3 -3
- package/{cssm → dist/cssm}/mobile.d.ts +0 -0
- package/{cssm → dist/cssm}/mobile.js +3 -3
- package/{cssm → dist/cssm}/mobile.module.css +0 -0
- package/{cssm → dist/cssm}/responsive.d.ts +0 -0
- package/{cssm → dist/cssm}/responsive.js +3 -3
- package/{cssm → dist/cssm}/transitions.module.css +0 -0
- package/{cssm → dist/cssm}/tslib.es6-ce870b46.d.ts +0 -0
- package/{cssm → dist/cssm}/tslib.es6-ce870b46.js +0 -0
- package/{cssm → dist/cssm}/utils.d.ts +0 -0
- package/{cssm → dist/cssm}/utils.js +0 -0
- package/{cssm → dist/cssm}/vars.css +0 -0
- package/{esm → dist}/desktop.css +9 -9
- package/{desktop.d.ts → dist/desktop.d.ts} +0 -0
- package/{desktop.js → dist/desktop.js} +3 -3
- package/{components/header/Component.d.ts → dist/esm/Component-105eeb58.d.ts} +5 -0
- package/{esm/components/header/Component.js → dist/esm/Component-105eeb58.js} +12 -8
- package/{esm → dist/esm}/Component.desktop.d.ts +0 -0
- package/{esm → dist/esm}/Component.desktop.js +6 -6
- package/{esm → dist/esm}/Component.mobile.d.ts +0 -0
- package/{esm → dist/esm}/Component.mobile.js +6 -6
- package/{cssm → dist/esm}/Component.responsive.d.ts +0 -0
- package/{esm → dist/esm}/Component.responsive.js +5 -5
- package/{esm → dist/esm}/Context.d.ts +0 -0
- package/{esm → dist/esm}/Context.js +1 -1
- package/{modern → dist/esm}/components/closer/Component.d.ts +4 -0
- package/{esm → dist/esm}/components/closer/Component.js +6 -6
- package/{esm → dist/esm}/components/closer/index.css +4 -4
- package/{esm → dist/esm}/components/content/Component.d.ts +0 -0
- package/{esm → dist/esm}/components/content/Component.desktop.d.ts +0 -0
- package/{esm → dist/esm}/components/content/Component.desktop.js +3 -3
- package/{esm → dist/esm}/components/content/Component.js +2 -2
- package/{esm → dist/esm}/components/content/Component.mobile.d.ts +0 -0
- package/{esm → dist/esm}/components/content/Component.mobile.js +3 -3
- package/{components → dist/esm/components}/content/desktop.css +8 -8
- package/{components → dist/esm/components}/content/index.css +3 -3
- package/{components → dist/esm/components}/content/mobile.css +3 -3
- package/{esm → dist/esm}/components/footer/Component.d.ts +0 -0
- package/{esm → dist/esm}/components/footer/Component.desktop.d.ts +0 -0
- package/{esm → dist/esm}/components/footer/Component.desktop.js +3 -3
- package/{esm → dist/esm}/components/footer/Component.js +3 -3
- package/{esm → dist/esm}/components/footer/Component.mobile.d.ts +0 -0
- package/{esm → dist/esm}/components/footer/Component.mobile.js +3 -3
- package/{esm → dist/esm}/components/footer/desktop.css +9 -9
- package/{modern → dist/esm}/components/footer/index.css +4 -4
- package/dist/esm/components/footer/layout.css +84 -0
- package/{esm → dist/esm}/components/footer/mobile.css +3 -3
- package/dist/esm/components/header/Component.d.ts +0 -0
- package/{esm → dist/esm}/components/header/Component.desktop.d.ts +1 -1
- package/dist/esm/components/header/Component.desktop.js +24 -0
- package/dist/esm/components/header/Component.js +5 -0
- package/{cssm → dist/esm}/components/header/Component.mobile.d.ts +1 -1
- package/dist/esm/components/header/Component.mobile.js +23 -0
- package/{components → dist/esm/components}/header/desktop.css +17 -17
- package/{modern → dist/esm}/components/header/index.css +15 -15
- package/{components → dist/esm/components}/header/mobile.css +3 -3
- package/{desktop.css → dist/esm/desktop.css} +9 -9
- package/{esm → dist/esm}/desktop.d.ts +0 -0
- package/{esm → dist/esm}/desktop.js +5 -5
- package/dist/esm/getDataTestId-3fe0d3e6.d.ts +2 -0
- package/{esm → dist/esm}/index.d.ts +0 -0
- package/{esm → dist/esm}/index.js +5 -5
- package/{modern → dist/esm}/mobile.css +2 -2
- package/{esm → dist/esm}/mobile.d.ts +0 -0
- package/{esm → dist/esm}/mobile.js +5 -5
- package/{esm → dist/esm}/responsive.d.ts +0 -0
- package/{esm → dist/esm}/responsive.js +5 -5
- package/{esm → dist/esm}/transitions.css +8 -8
- package/dist/esm/transitions.module-2815277c.js +4 -0
- package/{esm/tslib.es6-58151049.d.ts → dist/esm/tslib.es6-2647ca52.d.ts} +0 -0
- package/{esm/tslib.es6-58151049.js → dist/esm/tslib.es6-2647ca52.js} +0 -0
- package/{esm → dist/esm}/utils.d.ts +0 -0
- package/{esm → dist/esm}/utils.js +0 -0
- package/dist/getDataTestId-3fe0d3e6.d.ts +2 -0
- package/{index.d.ts → dist/index.d.ts} +0 -0
- package/{index.js → dist/index.js} +3 -3
- package/{mobile.css → dist/mobile.css} +2 -2
- package/{mobile.d.ts → dist/mobile.d.ts} +0 -0
- package/{mobile.js → dist/mobile.js} +3 -3
- package/{cssm/components/header/Component.d.ts → dist/modern/Component-e9c7a240.d.ts} +5 -0
- package/{modern/components/header/Component.js → dist/modern/Component-e9c7a240.js} +12 -8
- package/{modern → dist/modern}/Component.desktop.d.ts +0 -0
- package/{modern → dist/modern}/Component.desktop.js +5 -5
- package/{modern → dist/modern}/Component.mobile.d.ts +0 -0
- package/{modern → dist/modern}/Component.mobile.js +5 -5
- package/{modern → dist/modern}/Component.responsive.d.ts +1 -1
- package/{modern → dist/modern}/Component.responsive.js +4 -4
- package/{modern → dist/modern}/Context.d.ts +0 -0
- package/{modern → dist/modern}/Context.js +1 -1
- package/{cssm → dist/modern}/components/closer/Component.d.ts +4 -0
- package/{modern → dist/modern}/components/closer/Component.js +5 -5
- package/{modern → dist/modern}/components/closer/index.css +4 -4
- package/{modern → dist/modern}/components/content/Component.d.ts +0 -0
- package/{modern → dist/modern}/components/content/Component.desktop.d.ts +0 -0
- package/{modern → dist/modern}/components/content/Component.desktop.js +2 -2
- package/{modern → dist/modern}/components/content/Component.js +2 -2
- package/{modern → dist/modern}/components/content/Component.mobile.d.ts +0 -0
- package/{modern → dist/modern}/components/content/Component.mobile.js +2 -2
- package/{modern → dist/modern}/components/content/desktop.css +8 -8
- package/{modern → dist/modern}/components/content/index.css +3 -3
- package/{modern → dist/modern}/components/content/mobile.css +3 -3
- package/{modern → dist/modern}/components/footer/Component.d.ts +0 -0
- package/{modern → dist/modern}/components/footer/Component.desktop.d.ts +0 -0
- package/{modern → dist/modern}/components/footer/Component.desktop.js +2 -2
- package/{modern → dist/modern}/components/footer/Component.js +3 -3
- package/{modern → dist/modern}/components/footer/Component.mobile.d.ts +0 -0
- package/{modern → dist/modern}/components/footer/Component.mobile.js +2 -2
- package/{components → dist/modern/components}/footer/desktop.css +9 -9
- package/{components → dist/modern/components}/footer/index.css +4 -4
- package/dist/modern/components/footer/layout.css +84 -0
- package/{components → dist/modern/components}/footer/mobile.css +3 -3
- package/dist/modern/components/header/Component.d.ts +0 -0
- package/{modern → dist/modern}/components/header/Component.desktop.d.ts +1 -1
- package/dist/modern/components/header/Component.desktop.js +21 -0
- package/dist/modern/components/header/Component.js +5 -0
- package/{components → dist/modern/components}/header/Component.mobile.d.ts +1 -1
- package/dist/modern/components/header/Component.mobile.js +18 -0
- package/{modern → dist/modern}/components/header/desktop.css +17 -17
- package/{components → dist/modern/components}/header/index.css +15 -15
- package/{modern → dist/modern}/components/header/mobile.css +3 -3
- package/{modern → dist/modern}/desktop.css +9 -9
- package/{modern → dist/modern}/desktop.d.ts +0 -0
- package/{modern → dist/modern}/desktop.js +4 -4
- package/dist/modern/getDataTestId-3fe0d3e6.d.ts +2 -0
- package/{modern → dist/modern}/index.d.ts +0 -0
- package/{modern → dist/modern}/index.js +4 -4
- package/{esm → dist/modern}/mobile.css +2 -2
- package/{modern → dist/modern}/mobile.d.ts +0 -0
- package/{modern → dist/modern}/mobile.js +4 -4
- package/{modern → dist/modern}/responsive.d.ts +0 -0
- package/{modern → dist/modern}/responsive.js +4 -4
- package/{modern → dist/modern}/transitions.css +8 -8
- package/dist/modern/transitions.module-2815277c.js +4 -0
- package/{modern → dist/modern}/utils.d.ts +0 -0
- package/{modern → dist/modern}/utils.js +0 -0
- package/{responsive.d.ts → dist/responsive.d.ts} +0 -0
- package/{responsive.js → dist/responsive.js} +3 -3
- package/{send-stats.js → dist/send-stats.js} +0 -0
- package/{transitions.css → dist/transitions.css} +8 -8
- package/dist/transitions.module-833450a8.js +6 -0
- package/{tslib.es6-a88e5aa4.d.ts → dist/tslib.es6-db03169e.d.ts} +0 -0
- package/{tslib.es6-a88e5aa4.js → dist/tslib.es6-db03169e.js} +0 -0
- package/{utils.d.ts → dist/utils.d.ts} +0 -0
- package/{utils.js → dist/utils.js} +0 -0
- package/package.json +12 -9
- package/components/footer/layout.css +0 -84
- package/esm/components/footer/layout.css +0 -84
- package/esm/components/header/Component.desktop.js +0 -24
- package/esm/components/header/Component.mobile.js +0 -23
- package/esm/transitions.module-48ce371b.js +0 -4
- package/modern/components/footer/layout.css +0 -84
- package/modern/components/header/Component.desktop.js +0 -21
- package/modern/components/header/Component.mobile.js +0 -18
- package/modern/transitions.module-48ce371b.js +0 -4
- package/transitions.module-599e6d7b.js +0 -6
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
/* hash: o010c */
|
|
2
|
-
:root {
|
|
3
|
-
|
|
4
|
-
/* Hard */
|
|
5
|
-
|
|
6
|
-
/* Up */
|
|
7
|
-
|
|
8
|
-
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
11
|
-
--gap-m: 16px;
|
|
12
|
-
--gap-xl: 24px;
|
|
13
|
-
--gap-2xl: 32px;
|
|
14
|
-
}
|
|
15
|
-
:root {
|
|
16
|
-
--modal-footer-default-gap: var(--gap-m);
|
|
17
|
-
|
|
18
|
-
/* sizes */
|
|
19
|
-
|
|
20
|
-
/* paddings */
|
|
21
|
-
|
|
22
|
-
/* scroll */
|
|
23
|
-
|
|
24
|
-
/* desktop */
|
|
25
|
-
|
|
26
|
-
/* mobile */
|
|
27
|
-
}
|
|
28
|
-
.modal__column_djfss {
|
|
29
|
-
display: flex;
|
|
30
|
-
flex-direction: column
|
|
31
|
-
}
|
|
32
|
-
.modal__column_djfss > * {
|
|
33
|
-
margin-bottom: var(--modal-footer-default-gap);
|
|
34
|
-
}
|
|
35
|
-
.modal__column_djfss > *:last-child,
|
|
36
|
-
.modal__column_djfss > *:only-child {
|
|
37
|
-
margin-bottom: 0;
|
|
38
|
-
}
|
|
39
|
-
.modal__column_djfss.modal__gap-16_djfss > * {
|
|
40
|
-
margin-bottom: var(--gap-m);
|
|
41
|
-
}
|
|
42
|
-
.modal__column_djfss.modal__gap-24_djfss > * {
|
|
43
|
-
margin-bottom: var(--gap-xl);
|
|
44
|
-
}
|
|
45
|
-
.modal__column_djfss.modal__gap-32_djfss > * {
|
|
46
|
-
margin-bottom: var(--gap-2xl);
|
|
47
|
-
}
|
|
48
|
-
.modal__start_djfss {
|
|
49
|
-
justify-content: flex-start;
|
|
50
|
-
}
|
|
51
|
-
.modal__center_djfss {
|
|
52
|
-
justify-content: center;
|
|
53
|
-
}
|
|
54
|
-
.modal__space-between_djfss {
|
|
55
|
-
justify-content: space-between
|
|
56
|
-
}
|
|
57
|
-
.modal__space-between_djfss > * {
|
|
58
|
-
flex: 1;
|
|
59
|
-
}
|
|
60
|
-
.modal__start_djfss,
|
|
61
|
-
.modal__center_djfss,
|
|
62
|
-
.modal__space-between_djfss {
|
|
63
|
-
display: flex
|
|
64
|
-
}
|
|
65
|
-
.modal__start_djfss > *, .modal__center_djfss > *, .modal__space-between_djfss > * {
|
|
66
|
-
margin-right: var(--modal-footer-default-gap);
|
|
67
|
-
}
|
|
68
|
-
.modal__start_djfss > *:last-child,
|
|
69
|
-
.modal__start_djfss > *:only-child,
|
|
70
|
-
.modal__center_djfss > *:last-child,
|
|
71
|
-
.modal__center_djfss > *:only-child,
|
|
72
|
-
.modal__space-between_djfss > *:last-child,
|
|
73
|
-
.modal__space-between_djfss > *:only-child {
|
|
74
|
-
margin-right: 0;
|
|
75
|
-
}
|
|
76
|
-
.modal__start_djfss.modal__gap-16_djfss > *, .modal__center_djfss.modal__gap-16_djfss > *, .modal__space-between_djfss.modal__gap-16_djfss > * {
|
|
77
|
-
margin-right: var(--gap-m);
|
|
78
|
-
}
|
|
79
|
-
.modal__start_djfss.modal__gap-24_djfss > *, .modal__center_djfss.modal__gap-24_djfss > *, .modal__space-between_djfss.modal__gap-24_djfss > * {
|
|
80
|
-
margin-right: var(--gap-xl);
|
|
81
|
-
}
|
|
82
|
-
.modal__start_djfss.modal__gap-32_djfss > *, .modal__center_djfss.modal__gap-32_djfss > *, .modal__space-between_djfss.modal__gap-32_djfss > * {
|
|
83
|
-
margin-right: var(--gap-2xl);
|
|
84
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../../tslib.es6-58151049.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import cn from 'classnames';
|
|
4
|
-
import '@alfalab/core-components-base-modal/esm';
|
|
5
|
-
import '../../Context.js';
|
|
6
|
-
import { Header } from './Component.js';
|
|
7
|
-
import '@alfalab/core-components-icon-button/esm';
|
|
8
|
-
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
9
|
-
import { Closer } from '../closer/Component.js';
|
|
10
|
-
|
|
11
|
-
var styles = {"header":"modal__header_sfnqs","content":"modal__content_sfnqs","s":"modal__s_sfnqs","m":"modal__m_sfnqs","l":"modal__l_sfnqs","xl":"modal__xl_sfnqs","fullscreen":"modal__fullscreen_sfnqs","hasContent":"modal__hasContent_sfnqs","sticky":"modal__sticky_sfnqs"};
|
|
12
|
-
require('./desktop.css')
|
|
13
|
-
|
|
14
|
-
var HeaderDesktop = function (_a) {
|
|
15
|
-
var _b;
|
|
16
|
-
var size = _a.size, className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.leftAddons, leftAddons = _d === void 0 ? React.createElement("span", null) : _d, title = _a.title, children = _a.children, restProps = __rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children"]);
|
|
17
|
-
var hasContent = title || Boolean(children);
|
|
18
|
-
return (React.createElement(Header, __assign({ className: cn(className, styles.header, size && styles[size], (_b = {},
|
|
19
|
-
_b[styles.sticky] = sticky,
|
|
20
|
-
_b[styles.hasContent] = hasContent,
|
|
21
|
-
_b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export { HeaderDesktop };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { _ as __rest, a as __assign } from '../../tslib.es6-58151049.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import cn from 'classnames';
|
|
4
|
-
import '@alfalab/core-components-base-modal/esm';
|
|
5
|
-
import '../../Context.js';
|
|
6
|
-
import { Header } from './Component.js';
|
|
7
|
-
import '@alfalab/core-components-icon-button/esm';
|
|
8
|
-
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
9
|
-
import { Closer } from '../closer/Component.js';
|
|
10
|
-
import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
|
|
11
|
-
|
|
12
|
-
var styles = {"sticky":"modal__sticky_2q2gr","content":"modal__content_2q2gr"};
|
|
13
|
-
require('./mobile.css')
|
|
14
|
-
|
|
15
|
-
var HeaderMobile = function (_a) {
|
|
16
|
-
var _b;
|
|
17
|
-
var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, restProps = __rest(_a, ["className", "contentClassName", "hasCloser", "sticky"]);
|
|
18
|
-
return (React.createElement(Header, __assign({ className: cn(className, (_b = {},
|
|
19
|
-
_b[styles.sticky] = sticky,
|
|
20
|
-
_b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: CrossMIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { HeaderMobile };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var transitions = {"appear":"modal__appear_17m1i","enter":"modal__enter_17m1i","appearActive":"modal__appearActive_17m1i","enterActive":"modal__enterActive_17m1i","exit":"modal__exit_17m1i","exitActive":"modal__exitActive_17m1i","exitDone":"modal__exitDone_17m1i"};
|
|
2
|
-
require('./transitions.css')
|
|
3
|
-
|
|
4
|
-
export { transitions as t };
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
/* hash: o010c */
|
|
2
|
-
:root {
|
|
3
|
-
|
|
4
|
-
/* Hard */
|
|
5
|
-
|
|
6
|
-
/* Up */
|
|
7
|
-
|
|
8
|
-
/* Hard up */
|
|
9
|
-
}
|
|
10
|
-
:root {
|
|
11
|
-
--gap-m: 16px;
|
|
12
|
-
--gap-xl: 24px;
|
|
13
|
-
--gap-2xl: 32px;
|
|
14
|
-
}
|
|
15
|
-
:root {
|
|
16
|
-
--modal-footer-default-gap: var(--gap-m);
|
|
17
|
-
|
|
18
|
-
/* sizes */
|
|
19
|
-
|
|
20
|
-
/* paddings */
|
|
21
|
-
|
|
22
|
-
/* scroll */
|
|
23
|
-
|
|
24
|
-
/* desktop */
|
|
25
|
-
|
|
26
|
-
/* mobile */
|
|
27
|
-
}
|
|
28
|
-
.modal__column_djfss {
|
|
29
|
-
display: flex;
|
|
30
|
-
flex-direction: column
|
|
31
|
-
}
|
|
32
|
-
.modal__column_djfss > * {
|
|
33
|
-
margin-bottom: var(--modal-footer-default-gap);
|
|
34
|
-
}
|
|
35
|
-
.modal__column_djfss > *:last-child,
|
|
36
|
-
.modal__column_djfss > *:only-child {
|
|
37
|
-
margin-bottom: 0;
|
|
38
|
-
}
|
|
39
|
-
.modal__column_djfss.modal__gap-16_djfss > * {
|
|
40
|
-
margin-bottom: var(--gap-m);
|
|
41
|
-
}
|
|
42
|
-
.modal__column_djfss.modal__gap-24_djfss > * {
|
|
43
|
-
margin-bottom: var(--gap-xl);
|
|
44
|
-
}
|
|
45
|
-
.modal__column_djfss.modal__gap-32_djfss > * {
|
|
46
|
-
margin-bottom: var(--gap-2xl);
|
|
47
|
-
}
|
|
48
|
-
.modal__start_djfss {
|
|
49
|
-
justify-content: flex-start;
|
|
50
|
-
}
|
|
51
|
-
.modal__center_djfss {
|
|
52
|
-
justify-content: center;
|
|
53
|
-
}
|
|
54
|
-
.modal__space-between_djfss {
|
|
55
|
-
justify-content: space-between
|
|
56
|
-
}
|
|
57
|
-
.modal__space-between_djfss > * {
|
|
58
|
-
flex: 1;
|
|
59
|
-
}
|
|
60
|
-
.modal__start_djfss,
|
|
61
|
-
.modal__center_djfss,
|
|
62
|
-
.modal__space-between_djfss {
|
|
63
|
-
display: flex
|
|
64
|
-
}
|
|
65
|
-
.modal__start_djfss > *, .modal__center_djfss > *, .modal__space-between_djfss > * {
|
|
66
|
-
margin-right: var(--modal-footer-default-gap);
|
|
67
|
-
}
|
|
68
|
-
.modal__start_djfss > *:last-child,
|
|
69
|
-
.modal__start_djfss > *:only-child,
|
|
70
|
-
.modal__center_djfss > *:last-child,
|
|
71
|
-
.modal__center_djfss > *:only-child,
|
|
72
|
-
.modal__space-between_djfss > *:last-child,
|
|
73
|
-
.modal__space-between_djfss > *:only-child {
|
|
74
|
-
margin-right: 0;
|
|
75
|
-
}
|
|
76
|
-
.modal__start_djfss.modal__gap-16_djfss > *, .modal__center_djfss.modal__gap-16_djfss > *, .modal__space-between_djfss.modal__gap-16_djfss > * {
|
|
77
|
-
margin-right: var(--gap-m);
|
|
78
|
-
}
|
|
79
|
-
.modal__start_djfss.modal__gap-24_djfss > *, .modal__center_djfss.modal__gap-24_djfss > *, .modal__space-between_djfss.modal__gap-24_djfss > * {
|
|
80
|
-
margin-right: var(--gap-xl);
|
|
81
|
-
}
|
|
82
|
-
.modal__start_djfss.modal__gap-32_djfss > *, .modal__center_djfss.modal__gap-32_djfss > *, .modal__space-between_djfss.modal__gap-32_djfss > * {
|
|
83
|
-
margin-right: var(--gap-2xl);
|
|
84
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import '@alfalab/core-components-base-modal/modern';
|
|
4
|
-
import '../../Context.js';
|
|
5
|
-
import { Header } from './Component.js';
|
|
6
|
-
import '@alfalab/core-components-icon-button/modern';
|
|
7
|
-
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
8
|
-
import { Closer } from '../closer/Component.js';
|
|
9
|
-
|
|
10
|
-
var styles = {"header":"modal__header_sfnqs","content":"modal__content_sfnqs","s":"modal__s_sfnqs","m":"modal__m_sfnqs","l":"modal__l_sfnqs","xl":"modal__xl_sfnqs","fullscreen":"modal__fullscreen_sfnqs","hasContent":"modal__hasContent_sfnqs","sticky":"modal__sticky_sfnqs"};
|
|
11
|
-
require('./desktop.css')
|
|
12
|
-
|
|
13
|
-
const HeaderDesktop = ({ size, className, contentClassName, hasCloser = true, sticky, leftAddons = React.createElement("span", null), title, children, ...restProps }) => {
|
|
14
|
-
const hasContent = title || Boolean(children);
|
|
15
|
-
return (React.createElement(Header, Object.assign({ className: cn(className, styles.header, size && styles[size], {
|
|
16
|
-
[styles.sticky]: sticky,
|
|
17
|
-
[styles.hasContent]: hasContent,
|
|
18
|
-
}), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { HeaderDesktop };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import '@alfalab/core-components-base-modal/modern';
|
|
4
|
-
import '../../Context.js';
|
|
5
|
-
import { Header } from './Component.js';
|
|
6
|
-
import '@alfalab/core-components-icon-button/modern';
|
|
7
|
-
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
8
|
-
import { Closer } from '../closer/Component.js';
|
|
9
|
-
import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
|
|
10
|
-
|
|
11
|
-
var styles = {"sticky":"modal__sticky_2q2gr","content":"modal__content_2q2gr"};
|
|
12
|
-
require('./mobile.css')
|
|
13
|
-
|
|
14
|
-
const HeaderMobile = ({ className, contentClassName, hasCloser = true, sticky, ...restProps }) => (React.createElement(Header, Object.assign({ className: cn(className, {
|
|
15
|
-
[styles.sticky]: sticky,
|
|
16
|
-
}), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: CrossMIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
|
|
17
|
-
|
|
18
|
-
export { HeaderMobile };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var transitions = {"appear":"modal__appear_17m1i","enter":"modal__enter_17m1i","appearActive":"modal__appearActive_17m1i","enterActive":"modal__enterActive_17m1i","exit":"modal__exit_17m1i","exitActive":"modal__exitActive_17m1i","exitDone":"modal__exitDone_17m1i"};
|
|
2
|
-
require('./transitions.css')
|
|
3
|
-
|
|
4
|
-
export { transitions as t };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var transitions = {"appear":"modal__appear_17m1i","enter":"modal__enter_17m1i","appearActive":"modal__appearActive_17m1i","enterActive":"modal__enterActive_17m1i","exit":"modal__exit_17m1i","exitActive":"modal__exitActive_17m1i","exitDone":"modal__exitDone_17m1i"};
|
|
4
|
-
require('./transitions.css')
|
|
5
|
-
|
|
6
|
-
exports.transitions = transitions;
|