@alfalab/core-components-modal 4.0.5 → 4.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/Component.desktop.js +3 -3
- package/dist/Component.mobile.js +3 -3
- package/dist/Component.responsive.d.ts +3 -3
- package/dist/Component.responsive.js +2 -2
- package/dist/components/closer/Component.js +2 -2
- package/dist/components/closer/index.css +8 -8
- package/dist/components/content/Component.desktop.js +2 -2
- package/dist/components/content/Component.mobile.js +2 -2
- package/dist/components/content/desktop.css +12 -12
- package/dist/components/content/mobile.css +7 -7
- package/dist/components/footer/Component.desktop.js +2 -2
- package/dist/components/footer/Component.js +1 -1
- package/dist/components/footer/Component.mobile.js +2 -2
- package/dist/components/footer/desktop.css +12 -12
- package/dist/components/footer/layout.css +25 -25
- package/dist/components/footer/mobile.css +7 -7
- package/dist/components/header/Component.desktop.js +2 -2
- package/dist/components/header/Component.js +1 -1
- package/dist/components/header/Component.mobile.js +2 -2
- package/dist/components/header/desktop.css +16 -16
- package/dist/components/header/mobile.css +11 -11
- package/dist/desktop.css +8 -8
- package/dist/desktop.js +2 -2
- package/dist/esm/Component.desktop.js +3 -3
- package/dist/esm/Component.mobile.js +3 -3
- package/dist/esm/Component.responsive.js +2 -2
- package/dist/esm/components/closer/Component.js +2 -2
- package/dist/esm/components/closer/index.css +8 -8
- package/dist/esm/components/content/Component.desktop.js +2 -2
- package/dist/esm/components/content/Component.mobile.js +2 -2
- package/dist/esm/components/content/desktop.css +12 -12
- package/dist/esm/components/content/mobile.css +7 -7
- package/dist/esm/components/footer/Component.desktop.js +2 -2
- package/dist/esm/components/footer/Component.js +1 -1
- package/dist/esm/components/footer/Component.mobile.js +2 -2
- package/dist/esm/components/footer/desktop.css +12 -12
- package/dist/esm/components/footer/layout.css +25 -25
- package/dist/esm/components/footer/mobile.css +7 -7
- package/dist/esm/components/header/Component.desktop.js +2 -2
- package/dist/esm/components/header/Component.js +1 -1
- package/dist/esm/components/header/Component.mobile.js +2 -2
- package/dist/esm/components/header/desktop.css +16 -16
- package/dist/esm/components/header/mobile.css +11 -11
- package/dist/esm/desktop.css +8 -8
- package/dist/esm/desktop.js +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/mobile.css +2 -2
- package/dist/esm/mobile.js +2 -2
- package/dist/esm/responsive.js +2 -2
- package/dist/esm/transitions.css +8 -8
- package/dist/esm/transitions.module-57d58ab1.js +4 -0
- package/dist/esm/{tslib.es6-44154213.d.ts → tslib.es6-980e4c5b.d.ts} +0 -0
- package/dist/esm/{tslib.es6-44154213.js → tslib.es6-980e4c5b.js} +0 -0
- package/dist/index.js +2 -2
- package/dist/mobile.css +2 -2
- package/dist/mobile.js +2 -2
- package/dist/modern/Component.desktop.js +2 -2
- package/dist/modern/Component.mobile.js +2 -2
- package/dist/modern/Component.responsive.js +1 -1
- package/dist/modern/components/closer/Component.js +1 -1
- package/dist/modern/components/closer/index.css +8 -8
- package/dist/modern/components/content/Component.desktop.js +1 -1
- package/dist/modern/components/content/Component.mobile.js +1 -1
- package/dist/modern/components/content/desktop.css +12 -12
- package/dist/modern/components/content/mobile.css +7 -7
- package/dist/modern/components/footer/Component.desktop.js +1 -1
- package/dist/modern/components/footer/Component.js +1 -1
- package/dist/modern/components/footer/Component.mobile.js +1 -1
- package/dist/modern/components/footer/desktop.css +12 -12
- package/dist/modern/components/footer/layout.css +25 -25
- package/dist/modern/components/footer/mobile.css +7 -7
- package/dist/modern/components/header/Component.desktop.js +1 -1
- package/dist/modern/components/header/Component.mobile.js +1 -1
- package/dist/modern/components/header/desktop.css +16 -16
- package/dist/modern/components/header/mobile.css +11 -11
- package/dist/modern/desktop.css +8 -8
- package/dist/modern/desktop.js +1 -1
- package/dist/modern/index.js +1 -1
- package/dist/modern/mobile.css +2 -2
- package/dist/modern/mobile.js +1 -1
- package/dist/modern/responsive.js +1 -1
- package/dist/modern/transitions.css +8 -8
- package/dist/modern/transitions.module-57d58ab1.js +4 -0
- package/dist/responsive.js +2 -2
- package/dist/transitions.css +8 -8
- package/dist/transitions.module-c3a97687.js +6 -0
- package/dist/{tslib.es6-33bab17e.d.ts → tslib.es6-4580f410.d.ts} +0 -0
- package/dist/{tslib.es6-33bab17e.js → tslib.es6-4580f410.js} +0 -0
- package/package.json +3 -3
- package/dist/esm/transitions.module-027dd21d.js +0 -4
- package/dist/modern/transitions.module-027dd21d.js +0 -4
- package/dist/transitions.module-ac51ff87.js +0 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.0.6](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-modal@4.0.5...@alfalab/core-components-modal@4.0.6) (2022-02-09)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @alfalab/core-components-modal
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [4.0.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-modal@4.0.4...@alfalab/core-components-modal@4.0.5) (2022-02-03)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @alfalab/core-components-modal
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('./tslib.es6-
|
|
5
|
+
var tslib_es6 = require('./tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
|
|
@@ -16,7 +16,7 @@ require('./components/content/Component.js');
|
|
|
16
16
|
var components_content_Component_desktop = require('./components/content/Component.desktop.js');
|
|
17
17
|
require('./components/footer/Component.js');
|
|
18
18
|
var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
|
|
19
|
-
var transitions_module = require('./transitions.module-
|
|
19
|
+
var transitions_module = require('./transitions.module-c3a97687.js');
|
|
20
20
|
|
|
21
21
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
22
|
|
|
@@ -24,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
24
24
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
25
25
|
var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
|
|
26
26
|
|
|
27
|
-
var styles = {"wrapper":"
|
|
27
|
+
var styles = {"wrapper":"modal__wrapper_10yuv","component":"modal__component_10yuv","fullscreen":"modal__fullscreen_10yuv","s":"modal__s_10yuv","m":"modal__m_10yuv","l":"modal__l_10yuv"};
|
|
28
28
|
require('./desktop.css')
|
|
29
29
|
|
|
30
30
|
var ModalDesktopComponent = React.forwardRef(function (_a, ref) {
|
package/dist/Component.mobile.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('./tslib.es6-
|
|
5
|
+
var tslib_es6 = require('./tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var coreComponentsBaseModal = require('@alfalab/core-components-base-modal');
|
|
@@ -12,7 +12,7 @@ var components_closer_Component = require('./components/closer/Component.js');
|
|
|
12
12
|
require('./components/header/Component.js');
|
|
13
13
|
require('./components/content/Component.js');
|
|
14
14
|
require('./components/footer/Component.js');
|
|
15
|
-
var transitions_module = require('./transitions.module-
|
|
15
|
+
var transitions_module = require('./transitions.module-c3a97687.js');
|
|
16
16
|
var hooks = require('@alfalab/hooks');
|
|
17
17
|
var components_header_Component_mobile = require('./components/header/Component.mobile.js');
|
|
18
18
|
var components_content_Component_mobile = require('./components/content/Component.mobile.js');
|
|
@@ -23,7 +23,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
23
23
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
24
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
25
25
|
|
|
26
|
-
var styles = {"component":"
|
|
26
|
+
var styles = {"component":"modal__component_9iy5l"};
|
|
27
27
|
require('./mobile.css')
|
|
28
28
|
|
|
29
29
|
var ModalMobileComponent = React.forwardRef(function (_a, ref) {
|
|
@@ -11,9 +11,9 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("packages/
|
|
|
11
11
|
fixedPosition?: boolean | undefined;
|
|
12
12
|
hasCloser?: boolean | undefined;
|
|
13
13
|
} & React.RefAttributes<HTMLDivElement>> & {
|
|
14
|
-
Header: React.FC<import("./components/header/Component").
|
|
15
|
-
Content: React.FC<import("./components/content/Component").
|
|
16
|
-
Footer: React.FC<import("./components/footer/Component").
|
|
14
|
+
Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component").HeaderProps>;
|
|
15
|
+
Content: React.FC<import("./components/content/Component.desktop").ContentDesktopProps> | React.FC<import("./components/content/Component").ContentProps>;
|
|
16
|
+
Footer: React.FC<import("./components/footer/Component.desktop").FooterDesktopProps> | React.FC<import("./components/footer/Component").FooterProps>;
|
|
17
17
|
Closer: React.FC<import("./components/closer/Component").CloserProps>;
|
|
18
18
|
};
|
|
19
19
|
export { ModalResponsiveProps, ModalResponsive };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('./tslib.es6-
|
|
5
|
+
var tslib_es6 = require('./tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -17,7 +17,7 @@ require('./components/content/Component.desktop.js');
|
|
|
17
17
|
require('./components/footer/Component.js');
|
|
18
18
|
require('./components/footer/Component.desktop.js');
|
|
19
19
|
var Component_desktop = require('./Component.desktop.js');
|
|
20
|
-
require('./transitions.module-
|
|
20
|
+
require('./transitions.module-c3a97687.js');
|
|
21
21
|
var hooks = require('@alfalab/hooks');
|
|
22
22
|
require('./components/header/Component.mobile.js');
|
|
23
23
|
require('./components/content/Component.mobile.js');
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
16
16
|
|
|
17
|
-
var styles = {"closer":"
|
|
17
|
+
var styles = {"closer":"modal__closer_10bi9","left":"modal__left_10bi9","right":"modal__right_10bi9","fullscreen":"modal__fullscreen_10bi9"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var Closer = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: nax6n */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
/* scroll */
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.modal__closer_10bi9 {
|
|
28
28
|
width: 48px;
|
|
29
29
|
height: 48px;
|
|
30
30
|
background-image: var(--modal-closer-icon);
|
|
@@ -33,20 +33,20 @@
|
|
|
33
33
|
flex-shrink: 0;
|
|
34
34
|
transition: opacity 0.2s ease-out
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
.modal__closer_10bi9:hover {
|
|
37
37
|
opacity: 0.7;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.modal__closer_10bi9:active {
|
|
40
40
|
opacity: 0.5;
|
|
41
41
|
}
|
|
42
|
-
.
|
|
43
|
-
.
|
|
42
|
+
.modal__left_10bi9,
|
|
43
|
+
.modal__right_10bi9 {
|
|
44
44
|
position: sticky;
|
|
45
45
|
top: calc(var(--modal-vertical-padding) * -1);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.modal__right_10bi9 {
|
|
48
48
|
margin-left: auto;
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
.modal__fullscreen_10bi9 {
|
|
51
51
|
top: 0;
|
|
52
52
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
16
16
|
|
|
17
|
-
var styles = {"content":"
|
|
17
|
+
var styles = {"content":"modal__content_la7h0 modal__content_ufzbz","flex":"modal__flex_la7h0 modal__flex_ufzbz","s":"modal__s_la7h0","m":"modal__m_la7h0","l":"modal__l_la7h0","fullscreen":"modal__fullscreen_la7h0"};
|
|
18
18
|
require('./desktop.css')
|
|
19
19
|
|
|
20
20
|
var ContentDesktop = function (_a) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
|
|
16
|
-
var styles = {"content":"
|
|
16
|
+
var styles = {"content":"modal__content_y6uri modal__content_ufzbz","flex":"modal__flex_y6uri modal__flex_ufzbz"};
|
|
17
17
|
require('./mobile.css')
|
|
18
18
|
|
|
19
19
|
var ContentMobile = function (props) { return (React__default['default'].createElement(components_content_Component.Content, tslib_es6.__assign({ styles: styles }, props))); };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: ldh0p */
|
|
2
2
|
:root {
|
|
3
3
|
}:root {
|
|
4
4
|
}:root {
|
|
@@ -34,14 +34,14 @@
|
|
|
34
34
|
/* sticky */
|
|
35
35
|
|
|
36
36
|
/* scroll */
|
|
37
|
-
}.
|
|
37
|
+
}.modal__content_ufzbz {
|
|
38
38
|
box-sizing: border-box;
|
|
39
39
|
width: 100%
|
|
40
|
-
}.
|
|
40
|
+
}.modal__content_ufzbz:first-child {
|
|
41
41
|
padding-top: var(--modal-content-no-header-top-padding);
|
|
42
|
-
}.
|
|
42
|
+
}.modal__content_ufzbz:last-child {
|
|
43
43
|
padding-bottom: var(--modal-content-no-footer-bottom-padding);
|
|
44
|
-
}.
|
|
44
|
+
}.modal__flex_ufzbz {
|
|
45
45
|
flex: 1 1 auto;
|
|
46
46
|
}
|
|
47
47
|
:root {
|
|
@@ -599,20 +599,20 @@
|
|
|
599
599
|
--modal-footer-highlight-box-shadow: var(--shadow-s-up);
|
|
600
600
|
--modal-footer-highlight-background: var(--color-light-bg-primary);
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.modal__content_la7h0 {
|
|
603
603
|
}
|
|
604
|
-
.
|
|
604
|
+
.modal__flex_la7h0 {
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.modal__s_la7h0 {
|
|
607
607
|
padding: var(--modal-s-content-paddings);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.modal__m_la7h0 {
|
|
610
610
|
padding: var(--modal-m-content-paddings);
|
|
611
611
|
}
|
|
612
|
-
.
|
|
613
|
-
.
|
|
612
|
+
.modal__l_la7h0,
|
|
613
|
+
.modal__fullscreen_la7h0 {
|
|
614
614
|
padding: var(--modal-l-content-paddings)
|
|
615
615
|
}
|
|
616
|
-
.
|
|
616
|
+
.modal__l_la7h0:last-child, .modal__fullscreen_la7h0:last-child {
|
|
617
617
|
padding-bottom: var(--modal-l-content-no-footer-bottom-padding);
|
|
618
618
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 7ir00 */
|
|
2
2
|
:root {
|
|
3
3
|
}:root {
|
|
4
4
|
}:root {
|
|
@@ -30,14 +30,14 @@
|
|
|
30
30
|
/* sticky */
|
|
31
31
|
|
|
32
32
|
/* scroll */
|
|
33
|
-
}.
|
|
33
|
+
}.modal__content_ufzbz {
|
|
34
34
|
box-sizing: border-box;
|
|
35
35
|
width: 100%
|
|
36
|
-
}.
|
|
36
|
+
}.modal__content_ufzbz:first-child {
|
|
37
37
|
padding-top: var(--modal-content-no-header-top-padding);
|
|
38
|
-
}.
|
|
38
|
+
}.modal__content_ufzbz:last-child {
|
|
39
39
|
padding-bottom: var(--modal-content-no-footer-bottom-padding);
|
|
40
|
-
}.
|
|
40
|
+
}.modal__flex_ufzbz {
|
|
41
41
|
flex: 1 1 auto;
|
|
42
42
|
}
|
|
43
43
|
:root {
|
|
@@ -595,9 +595,9 @@
|
|
|
595
595
|
--modal-footer-highlight-box-shadow: var(--shadow-s-up);
|
|
596
596
|
--modal-footer-highlight-background: var(--color-light-bg-primary);
|
|
597
597
|
}
|
|
598
|
-
.
|
|
598
|
+
.modal__content_y6uri {
|
|
599
599
|
|
|
600
600
|
padding: 0 var(--gap-m) 0;
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.modal__flex_y6uri {
|
|
603
603
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
16
16
|
|
|
17
|
-
var styles = {"footer":"
|
|
17
|
+
var styles = {"footer":"modal__footer_vue3z modal__footer_1ydvs","highlighted":"modal__highlighted_vue3z modal__highlighted_1ydvs","sticky":"modal__sticky_vue3z modal__sticky_1ydvs","fullscreen":"modal__fullscreen_vue3z","s":"modal__s_vue3z","m":"modal__m_vue3z","l":"modal__l_vue3z"};
|
|
18
18
|
require('./desktop.css')
|
|
19
19
|
|
|
20
20
|
var FooterDesktop = function (_a) {
|
|
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
14
14
|
|
|
15
|
-
var layoutStyles = {"column":"
|
|
15
|
+
var layoutStyles = {"column":"modal__column_2k8js","gap-16":"modal__gap-16_2k8js","gap-24":"modal__gap-24_2k8js","gap-32":"modal__gap-32_2k8js","start":"modal__start_2k8js","center":"modal__center_2k8js","space-between":"modal__space-between_2k8js"};
|
|
16
16
|
require('./layout.css')
|
|
17
17
|
|
|
18
18
|
var Footer = function (_a) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
|
|
16
|
-
var styles = {"footer":"
|
|
16
|
+
var styles = {"footer":"modal__footer_1sge0 modal__footer_1ydvs","highlighted":"modal__highlighted_1sge0 modal__highlighted_1ydvs","sticky":"modal__sticky_1sge0 modal__sticky_1ydvs"};
|
|
17
17
|
require('./mobile.css')
|
|
18
18
|
|
|
19
19
|
var FooterMobile = function (props) { return React__default['default'].createElement(components_footer_Component.Footer, tslib_es6.__assign({ styles: styles }, props)); };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: hrah7 */
|
|
2
2
|
:root {
|
|
3
3
|
}:root {
|
|
4
4
|
}:root {
|
|
@@ -42,16 +42,16 @@
|
|
|
42
42
|
/* scroll */
|
|
43
43
|
--modal-footer-highlight-box-shadow: var(--shadow-s-up);
|
|
44
44
|
--modal-footer-highlight-background: var(--color-light-bg-primary);
|
|
45
|
-
}.
|
|
45
|
+
}.modal__footer_1ydvs {
|
|
46
46
|
width: 100%;
|
|
47
47
|
box-sizing: border-box;
|
|
48
48
|
transition: box-shadow 0.2s ease, background 0.2s ease;
|
|
49
49
|
background: var(--modal-header-background);
|
|
50
|
-
}.
|
|
50
|
+
}.modal__sticky_1ydvs {
|
|
51
51
|
background: var(--modal-footer-sticky-background);
|
|
52
52
|
box-shadow: var(--modal-footer-sticky-box-shadow);
|
|
53
53
|
position: sticky;
|
|
54
|
-
}.
|
|
54
|
+
}.modal__highlighted_1ydvs {
|
|
55
55
|
background: var(--modal-footer-highlight-background);
|
|
56
56
|
box-shadow: var(--modal-footer-highlight-box-shadow);
|
|
57
57
|
}
|
|
@@ -610,27 +610,27 @@
|
|
|
610
610
|
--modal-footer-highlight-box-shadow: var(--shadow-s-up);
|
|
611
611
|
--modal-footer-highlight-background: var(--color-light-bg-primary);
|
|
612
612
|
}
|
|
613
|
-
.
|
|
613
|
+
.modal__footer_vue3z {
|
|
614
614
|
|
|
615
615
|
border-bottom-left-radius: var(--modal-border-radius);
|
|
616
616
|
border-bottom-right-radius: var(--modal-border-radius);
|
|
617
617
|
}
|
|
618
|
-
.
|
|
618
|
+
.modal__highlighted_vue3z {
|
|
619
619
|
}
|
|
620
|
-
.
|
|
620
|
+
.modal__sticky_vue3z {
|
|
621
621
|
|
|
622
622
|
bottom: calc(var(--modal-vertical-padding) * -1);
|
|
623
623
|
}
|
|
624
|
-
.
|
|
624
|
+
.modal__fullscreen_vue3z {
|
|
625
625
|
bottom: 0;
|
|
626
626
|
}
|
|
627
|
-
.
|
|
627
|
+
.modal__s_vue3z {
|
|
628
628
|
padding: var(--modal-s-footer-paddings);
|
|
629
629
|
}
|
|
630
|
-
.
|
|
630
|
+
.modal__m_vue3z {
|
|
631
631
|
padding: var(--modal-m-footer-paddings);
|
|
632
632
|
}
|
|
633
|
-
.
|
|
634
|
-
.
|
|
633
|
+
.modal__l_vue3z,
|
|
634
|
+
.modal__fullscreen_vue3z {
|
|
635
635
|
padding: var(--modal-l-footer-paddings);
|
|
636
636
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: menod */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -25,60 +25,60 @@
|
|
|
25
25
|
|
|
26
26
|
/* scroll */
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.modal__column_2k8js {
|
|
29
29
|
display: flex;
|
|
30
30
|
flex-direction: column
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.modal__column_2k8js > * {
|
|
33
33
|
margin-bottom: var(--modal-footer-default-gap);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
36
|
-
.
|
|
35
|
+
.modal__column_2k8js > *:last-child,
|
|
36
|
+
.modal__column_2k8js > *:only-child {
|
|
37
37
|
margin-bottom: 0;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.modal__column_2k8js.modal__gap-16_2k8js > * {
|
|
40
40
|
margin-bottom: var(--gap-m);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
.modal__column_2k8js.modal__gap-24_2k8js > * {
|
|
43
43
|
margin-bottom: var(--gap-xl);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
.modal__column_2k8js.modal__gap-32_2k8js > * {
|
|
46
46
|
margin-bottom: var(--gap-2xl);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
.modal__start_2k8js {
|
|
49
49
|
justify-content: flex-start;
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
.modal__center_2k8js {
|
|
52
52
|
justify-content: center;
|
|
53
53
|
}
|
|
54
|
-
.modal__space-
|
|
54
|
+
.modal__space-between_2k8js {
|
|
55
55
|
justify-content: space-between
|
|
56
56
|
}
|
|
57
|
-
.modal__space-
|
|
57
|
+
.modal__space-between_2k8js > * {
|
|
58
58
|
flex: 1;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.modal__space-
|
|
60
|
+
.modal__start_2k8js,
|
|
61
|
+
.modal__center_2k8js,
|
|
62
|
+
.modal__space-between_2k8js {
|
|
63
63
|
display: flex
|
|
64
64
|
}
|
|
65
|
-
.
|
|
65
|
+
.modal__start_2k8js > *, .modal__center_2k8js > *, .modal__space-between_2k8js > * {
|
|
66
66
|
margin-right: var(--modal-footer-default-gap);
|
|
67
67
|
}
|
|
68
|
-
.
|
|
69
|
-
.
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.modal__space-
|
|
73
|
-
.modal__space-
|
|
68
|
+
.modal__start_2k8js > *:last-child,
|
|
69
|
+
.modal__start_2k8js > *:only-child,
|
|
70
|
+
.modal__center_2k8js > *:last-child,
|
|
71
|
+
.modal__center_2k8js > *:only-child,
|
|
72
|
+
.modal__space-between_2k8js > *:last-child,
|
|
73
|
+
.modal__space-between_2k8js > *:only-child {
|
|
74
74
|
margin-right: 0;
|
|
75
75
|
}
|
|
76
|
-
.
|
|
76
|
+
.modal__start_2k8js.modal__gap-16_2k8js > *, .modal__center_2k8js.modal__gap-16_2k8js > *, .modal__space-between_2k8js.modal__gap-16_2k8js > * {
|
|
77
77
|
margin-right: var(--gap-m);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
.modal__start_2k8js.modal__gap-24_2k8js > *, .modal__center_2k8js.modal__gap-24_2k8js > *, .modal__space-between_2k8js.modal__gap-24_2k8js > * {
|
|
80
80
|
margin-right: var(--gap-xl);
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
.modal__start_2k8js.modal__gap-32_2k8js > *, .modal__center_2k8js.modal__gap-32_2k8js > *, .modal__space-between_2k8js.modal__gap-32_2k8js > * {
|
|
83
83
|
margin-right: var(--gap-2xl);
|
|
84
84
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 7jwkd */
|
|
2
2
|
:root {
|
|
3
3
|
}:root {
|
|
4
4
|
}:root {
|
|
@@ -34,16 +34,16 @@
|
|
|
34
34
|
/* scroll */
|
|
35
35
|
--modal-footer-highlight-box-shadow: var(--shadow-s-up);
|
|
36
36
|
--modal-footer-highlight-background: var(--color-light-bg-primary);
|
|
37
|
-
}.
|
|
37
|
+
}.modal__footer_1ydvs {
|
|
38
38
|
width: 100%;
|
|
39
39
|
box-sizing: border-box;
|
|
40
40
|
transition: box-shadow 0.2s ease, background 0.2s ease;
|
|
41
41
|
background: var(--modal-header-background);
|
|
42
|
-
}.
|
|
42
|
+
}.modal__sticky_1ydvs {
|
|
43
43
|
background: var(--modal-footer-sticky-background);
|
|
44
44
|
box-shadow: var(--modal-footer-sticky-box-shadow);
|
|
45
45
|
position: sticky;
|
|
46
|
-
}.
|
|
46
|
+
}.modal__highlighted_1ydvs {
|
|
47
47
|
background: var(--modal-footer-highlight-background);
|
|
48
48
|
box-shadow: var(--modal-footer-highlight-box-shadow);
|
|
49
49
|
}
|
|
@@ -602,13 +602,13 @@
|
|
|
602
602
|
--modal-footer-highlight-box-shadow: var(--shadow-s-up);
|
|
603
603
|
--modal-footer-highlight-background: var(--color-light-bg-primary);
|
|
604
604
|
}
|
|
605
|
-
.
|
|
605
|
+
.modal__footer_1sge0 {
|
|
606
606
|
|
|
607
607
|
padding: var(--gap-xl) var(--gap-m);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.modal__highlighted_1sge0 {
|
|
610
610
|
}
|
|
611
|
-
.
|
|
611
|
+
.modal__sticky_1sge0 {
|
|
612
612
|
|
|
613
613
|
bottom: 0;
|
|
614
614
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -16,7 +16,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
16
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
17
|
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
|
|
18
18
|
|
|
19
|
-
var styles = {"header":"
|
|
19
|
+
var styles = {"header":"modal__header_11dwz modal__header_1u7ld","s":"modal__s_11dwz","m":"modal__m_11dwz","l":"modal__l_11dwz","fullscreen":"modal__fullscreen_11dwz","sticky":"modal__sticky_11dwz modal__sticky_1u7ld","highlighted":"modal__highlighted_11dwz modal__highlighted_1u7ld","content":"modal__content_11dwz modal__content_1u7ld","title":"modal__title_11dwz modal__title_1u7ld"};
|
|
20
20
|
require('./desktop.css')
|
|
21
21
|
|
|
22
22
|
var HeaderDesktop = function (_a) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('../../tslib.es6-
|
|
5
|
+
require('../../tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var tslib_es6 = require('../../tslib.es6-
|
|
5
|
+
var tslib_es6 = require('../../tslib.es6-4580f410.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('@alfalab/core-components-base-modal');
|
|
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
15
15
|
|
|
16
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
17
|
|
|
18
|
-
var styles = {"header":"
|
|
18
|
+
var styles = {"header":"modal__header_1i22q modal__header_1u7ld","sticky":"modal__sticky_1i22q modal__sticky_1u7ld","highlighted":"modal__highlighted_1i22q modal__highlighted_1u7ld","content":"modal__content_1i22q modal__content_1u7ld","title":"modal__title_1i22q modal__title_1u7ld"};
|
|
19
19
|
require('./mobile.css')
|
|
20
20
|
|
|
21
21
|
var HeaderMobile = function (props) { return React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ styles: styles }, props)); };
|