@alfalab/core-components-modal 4.0.4 → 4.0.5
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.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-027dd21d.js +4 -0
- package/dist/esm/{tslib.es6-bb547226.d.ts → tslib.es6-44154213.d.ts} +0 -0
- package/dist/esm/{tslib.es6-bb547226.js → tslib.es6-44154213.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-027dd21d.js +4 -0
- package/dist/responsive.js +2 -2
- package/dist/transitions.css +8 -8
- package/dist/transitions.module-ac51ff87.js +6 -0
- package/dist/{tslib.es6-a1add9a7.d.ts → tslib.es6-33bab17e.d.ts} +0 -0
- package/dist/{tslib.es6-a1add9a7.js → tslib.es6-33bab17e.js} +0 -0
- package/package.json +3 -3
- package/dist/esm/transitions.module-27fb7ca1.js +0 -4
- package/dist/modern/transitions.module-27fb7ca1.js +0 -4
- package/dist/transitions.module-93050b58.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.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
|
+
|
|
8
|
+
**Note:** Version bump only for package @alfalab/core-components-modal
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [4.0.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-modal@4.0.3...@alfalab/core-components-modal@4.0.4) (2022-02-02)
|
|
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-33bab17e.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-ac51ff87.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_118yl","component":"modal__component_118yl","fullscreen":"modal__fullscreen_118yl","s":"modal__s_118yl","m":"modal__m_118yl","l":"modal__l_118yl"};
|
|
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-33bab17e.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-ac51ff87.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_89hle"};
|
|
27
27
|
require('./mobile.css')
|
|
28
28
|
|
|
29
29
|
var ModalMobileComponent = React.forwardRef(function (_a, ref) {
|
|
@@ -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-33bab17e.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-ac51ff87.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-33bab17e.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_10llz","left":"modal__left_10llz","right":"modal__right_10llz","fullscreen":"modal__fullscreen_10llz"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var Closer = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ck37 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
/* scroll */
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.modal__closer_10llz {
|
|
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_10llz:hover {
|
|
37
37
|
opacity: 0.7;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.modal__closer_10llz:active {
|
|
40
40
|
opacity: 0.5;
|
|
41
41
|
}
|
|
42
|
-
.
|
|
43
|
-
.
|
|
42
|
+
.modal__left_10llz,
|
|
43
|
+
.modal__right_10llz {
|
|
44
44
|
position: sticky;
|
|
45
45
|
top: calc(var(--modal-vertical-padding) * -1);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.modal__right_10llz {
|
|
48
48
|
margin-left: auto;
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
.modal__fullscreen_10llz {
|
|
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-33bab17e.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_15vhe modal__content_1f199","flex":"modal__flex_15vhe modal__flex_1f199","s":"modal__s_15vhe","m":"modal__m_15vhe","l":"modal__l_15vhe","fullscreen":"modal__fullscreen_15vhe"};
|
|
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-33bab17e.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_c0ucj modal__content_1f199","flex":"modal__flex_c0ucj modal__flex_1f199"};
|
|
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: gzomm */
|
|
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_1f199 {
|
|
38
38
|
box-sizing: border-box;
|
|
39
39
|
width: 100%
|
|
40
|
-
}.
|
|
40
|
+
}.modal__content_1f199:first-child {
|
|
41
41
|
padding-top: var(--modal-content-no-header-top-padding);
|
|
42
|
-
}.
|
|
42
|
+
}.modal__content_1f199:last-child {
|
|
43
43
|
padding-bottom: var(--modal-content-no-footer-bottom-padding);
|
|
44
|
-
}.
|
|
44
|
+
}.modal__flex_1f199 {
|
|
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_15vhe {
|
|
603
603
|
}
|
|
604
|
-
.
|
|
604
|
+
.modal__flex_15vhe {
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.modal__s_15vhe {
|
|
607
607
|
padding: var(--modal-s-content-paddings);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.modal__m_15vhe {
|
|
610
610
|
padding: var(--modal-m-content-paddings);
|
|
611
611
|
}
|
|
612
|
-
.
|
|
613
|
-
.
|
|
612
|
+
.modal__l_15vhe,
|
|
613
|
+
.modal__fullscreen_15vhe {
|
|
614
614
|
padding: var(--modal-l-content-paddings)
|
|
615
615
|
}
|
|
616
|
-
.
|
|
616
|
+
.modal__l_15vhe:last-child, .modal__fullscreen_15vhe:last-child {
|
|
617
617
|
padding-bottom: var(--modal-l-content-no-footer-bottom-padding);
|
|
618
618
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: vesbq */
|
|
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_1f199 {
|
|
34
34
|
box-sizing: border-box;
|
|
35
35
|
width: 100%
|
|
36
|
-
}.
|
|
36
|
+
}.modal__content_1f199:first-child {
|
|
37
37
|
padding-top: var(--modal-content-no-header-top-padding);
|
|
38
|
-
}.
|
|
38
|
+
}.modal__content_1f199:last-child {
|
|
39
39
|
padding-bottom: var(--modal-content-no-footer-bottom-padding);
|
|
40
|
-
}.
|
|
40
|
+
}.modal__flex_1f199 {
|
|
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_c0ucj {
|
|
599
599
|
|
|
600
600
|
padding: 0 var(--gap-m) 0;
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.modal__flex_c0ucj {
|
|
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-33bab17e.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_1izrd modal__footer_mi4zw","highlighted":"modal__highlighted_1izrd modal__highlighted_mi4zw","sticky":"modal__sticky_1izrd modal__sticky_mi4zw","fullscreen":"modal__fullscreen_1izrd","s":"modal__s_1izrd","m":"modal__m_1izrd","l":"modal__l_1izrd"};
|
|
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_ppltf","gap-16":"modal__gap-16_ppltf","gap-24":"modal__gap-24_ppltf","gap-32":"modal__gap-32_ppltf","start":"modal__start_ppltf","center":"modal__center_ppltf","space-between":"modal__space-between_ppltf"};
|
|
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-33bab17e.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_1s6ab modal__footer_mi4zw","highlighted":"modal__highlighted_1s6ab modal__highlighted_mi4zw","sticky":"modal__sticky_1s6ab modal__sticky_mi4zw"};
|
|
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: fxlfm */
|
|
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_mi4zw {
|
|
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_mi4zw {
|
|
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_mi4zw {
|
|
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_1izrd {
|
|
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_1izrd {
|
|
619
619
|
}
|
|
620
|
-
.
|
|
620
|
+
.modal__sticky_1izrd {
|
|
621
621
|
|
|
622
622
|
bottom: calc(var(--modal-vertical-padding) * -1);
|
|
623
623
|
}
|
|
624
|
-
.
|
|
624
|
+
.modal__fullscreen_1izrd {
|
|
625
625
|
bottom: 0;
|
|
626
626
|
}
|
|
627
|
-
.
|
|
627
|
+
.modal__s_1izrd {
|
|
628
628
|
padding: var(--modal-s-footer-paddings);
|
|
629
629
|
}
|
|
630
|
-
.
|
|
630
|
+
.modal__m_1izrd {
|
|
631
631
|
padding: var(--modal-m-footer-paddings);
|
|
632
632
|
}
|
|
633
|
-
.
|
|
634
|
-
.
|
|
633
|
+
.modal__l_1izrd,
|
|
634
|
+
.modal__fullscreen_1izrd {
|
|
635
635
|
padding: var(--modal-l-footer-paddings);
|
|
636
636
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: kkymr */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -25,60 +25,60 @@
|
|
|
25
25
|
|
|
26
26
|
/* scroll */
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.modal__column_ppltf {
|
|
29
29
|
display: flex;
|
|
30
30
|
flex-direction: column
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.modal__column_ppltf > * {
|
|
33
33
|
margin-bottom: var(--modal-footer-default-gap);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
36
|
-
.
|
|
35
|
+
.modal__column_ppltf > *:last-child,
|
|
36
|
+
.modal__column_ppltf > *:only-child {
|
|
37
37
|
margin-bottom: 0;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.modal__column_ppltf.modal__gap-16_ppltf > * {
|
|
40
40
|
margin-bottom: var(--gap-m);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
.modal__column_ppltf.modal__gap-24_ppltf > * {
|
|
43
43
|
margin-bottom: var(--gap-xl);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
.modal__column_ppltf.modal__gap-32_ppltf > * {
|
|
46
46
|
margin-bottom: var(--gap-2xl);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
.modal__start_ppltf {
|
|
49
49
|
justify-content: flex-start;
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
.modal__center_ppltf {
|
|
52
52
|
justify-content: center;
|
|
53
53
|
}
|
|
54
|
-
.modal__space-
|
|
54
|
+
.modal__space-between_ppltf {
|
|
55
55
|
justify-content: space-between
|
|
56
56
|
}
|
|
57
|
-
.modal__space-
|
|
57
|
+
.modal__space-between_ppltf > * {
|
|
58
58
|
flex: 1;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.modal__space-
|
|
60
|
+
.modal__start_ppltf,
|
|
61
|
+
.modal__center_ppltf,
|
|
62
|
+
.modal__space-between_ppltf {
|
|
63
63
|
display: flex
|
|
64
64
|
}
|
|
65
|
-
.
|
|
65
|
+
.modal__start_ppltf > *, .modal__center_ppltf > *, .modal__space-between_ppltf > * {
|
|
66
66
|
margin-right: var(--modal-footer-default-gap);
|
|
67
67
|
}
|
|
68
|
-
.
|
|
69
|
-
.
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.modal__space-
|
|
73
|
-
.modal__space-
|
|
68
|
+
.modal__start_ppltf > *:last-child,
|
|
69
|
+
.modal__start_ppltf > *:only-child,
|
|
70
|
+
.modal__center_ppltf > *:last-child,
|
|
71
|
+
.modal__center_ppltf > *:only-child,
|
|
72
|
+
.modal__space-between_ppltf > *:last-child,
|
|
73
|
+
.modal__space-between_ppltf > *:only-child {
|
|
74
74
|
margin-right: 0;
|
|
75
75
|
}
|
|
76
|
-
.
|
|
76
|
+
.modal__start_ppltf.modal__gap-16_ppltf > *, .modal__center_ppltf.modal__gap-16_ppltf > *, .modal__space-between_ppltf.modal__gap-16_ppltf > * {
|
|
77
77
|
margin-right: var(--gap-m);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
.modal__start_ppltf.modal__gap-24_ppltf > *, .modal__center_ppltf.modal__gap-24_ppltf > *, .modal__space-between_ppltf.modal__gap-24_ppltf > * {
|
|
80
80
|
margin-right: var(--gap-xl);
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
.modal__start_ppltf.modal__gap-32_ppltf > *, .modal__center_ppltf.modal__gap-32_ppltf > *, .modal__space-between_ppltf.modal__gap-32_ppltf > * {
|
|
83
83
|
margin-right: var(--gap-2xl);
|
|
84
84
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1hbul */
|
|
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_mi4zw {
|
|
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_mi4zw {
|
|
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_mi4zw {
|
|
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_1s6ab {
|
|
606
606
|
|
|
607
607
|
padding: var(--gap-xl) var(--gap-m);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.modal__highlighted_1s6ab {
|
|
610
610
|
}
|
|
611
|
-
.
|
|
611
|
+
.modal__sticky_1s6ab {
|
|
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-33bab17e.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_8tzjx modal__header_11nnx","s":"modal__s_8tzjx","m":"modal__m_8tzjx","l":"modal__l_8tzjx","fullscreen":"modal__fullscreen_8tzjx","sticky":"modal__sticky_8tzjx modal__sticky_11nnx","highlighted":"modal__highlighted_8tzjx modal__highlighted_11nnx","content":"modal__content_8tzjx modal__content_11nnx","title":"modal__title_8tzjx modal__title_11nnx"};
|
|
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-33bab17e.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-33bab17e.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_1hrz0 modal__header_11nnx","sticky":"modal__sticky_1hrz0 modal__sticky_11nnx","highlighted":"modal__highlighted_1hrz0 modal__highlighted_11nnx","content":"modal__content_1hrz0 modal__content_11nnx","title":"modal__title_1hrz0 modal__title_11nnx"};
|
|
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)); };
|