@alfalab/core-components-modal 4.0.6 → 4.0.7
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-c8dac06a.js +4 -0
- package/dist/esm/{tslib.es6-980e4c5b.d.ts → tslib.es6-327e6722.d.ts} +0 -0
- package/dist/esm/{tslib.es6-980e4c5b.js → tslib.es6-327e6722.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-c8dac06a.js +4 -0
- package/dist/responsive.js +2 -2
- package/dist/transitions.css +8 -8
- package/dist/transitions.module-9c7cb980.js +6 -0
- package/dist/{tslib.es6-4580f410.d.ts → tslib.es6-d1b7fb9e.d.ts} +0 -0
- package/dist/{tslib.es6-4580f410.js → tslib.es6-d1b7fb9e.js} +0 -0
- package/package.json +3 -3
- package/dist/esm/transitions.module-57d58ab1.js +0 -4
- package/dist/modern/transitions.module-57d58ab1.js +0 -4
- package/dist/transitions.module-c3a97687.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.7](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-modal@4.0.6...@alfalab/core-components-modal@4.0.7) (2022-02-15)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @alfalab/core-components-modal
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [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
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-d1b7fb9e.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-9c7cb980.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_1tg9k","component":"modal__component_1tg9k","fullscreen":"modal__fullscreen_1tg9k","s":"modal__s_1tg9k","m":"modal__m_1tg9k","l":"modal__l_1tg9k"};
|
|
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-d1b7fb9e.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-9c7cb980.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_1vhr3"};
|
|
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-d1b7fb9e.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-9c7cb980.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-d1b7fb9e.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_1sswy","left":"modal__left_1sswy","right":"modal__right_1sswy","fullscreen":"modal__fullscreen_1sswy"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var Closer = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1rgy3 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
/* scroll */
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.modal__closer_1sswy {
|
|
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_1sswy:hover {
|
|
37
37
|
opacity: 0.7;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.modal__closer_1sswy:active {
|
|
40
40
|
opacity: 0.5;
|
|
41
41
|
}
|
|
42
|
-
.
|
|
43
|
-
.
|
|
42
|
+
.modal__left_1sswy,
|
|
43
|
+
.modal__right_1sswy {
|
|
44
44
|
position: sticky;
|
|
45
45
|
top: calc(var(--modal-vertical-padding) * -1);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.modal__right_1sswy {
|
|
48
48
|
margin-left: auto;
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
.modal__fullscreen_1sswy {
|
|
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-d1b7fb9e.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_ycikz modal__content_17iaf","flex":"modal__flex_ycikz modal__flex_17iaf","s":"modal__s_ycikz","m":"modal__m_ycikz","l":"modal__l_ycikz","fullscreen":"modal__fullscreen_ycikz"};
|
|
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-d1b7fb9e.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_zy9l4 modal__content_17iaf","flex":"modal__flex_zy9l4 modal__flex_17iaf"};
|
|
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: 1v7ds */
|
|
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_17iaf {
|
|
38
38
|
box-sizing: border-box;
|
|
39
39
|
width: 100%
|
|
40
|
-
}.
|
|
40
|
+
}.modal__content_17iaf:first-child {
|
|
41
41
|
padding-top: var(--modal-content-no-header-top-padding);
|
|
42
|
-
}.
|
|
42
|
+
}.modal__content_17iaf:last-child {
|
|
43
43
|
padding-bottom: var(--modal-content-no-footer-bottom-padding);
|
|
44
|
-
}.
|
|
44
|
+
}.modal__flex_17iaf {
|
|
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_ycikz {
|
|
603
603
|
}
|
|
604
|
-
.
|
|
604
|
+
.modal__flex_ycikz {
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.modal__s_ycikz {
|
|
607
607
|
padding: var(--modal-s-content-paddings);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.modal__m_ycikz {
|
|
610
610
|
padding: var(--modal-m-content-paddings);
|
|
611
611
|
}
|
|
612
|
-
.
|
|
613
|
-
.
|
|
612
|
+
.modal__l_ycikz,
|
|
613
|
+
.modal__fullscreen_ycikz {
|
|
614
614
|
padding: var(--modal-l-content-paddings)
|
|
615
615
|
}
|
|
616
|
-
.
|
|
616
|
+
.modal__l_ycikz:last-child, .modal__fullscreen_ycikz:last-child {
|
|
617
617
|
padding-bottom: var(--modal-l-content-no-footer-bottom-padding);
|
|
618
618
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1wmnn */
|
|
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_17iaf {
|
|
34
34
|
box-sizing: border-box;
|
|
35
35
|
width: 100%
|
|
36
|
-
}.
|
|
36
|
+
}.modal__content_17iaf:first-child {
|
|
37
37
|
padding-top: var(--modal-content-no-header-top-padding);
|
|
38
|
-
}.
|
|
38
|
+
}.modal__content_17iaf:last-child {
|
|
39
39
|
padding-bottom: var(--modal-content-no-footer-bottom-padding);
|
|
40
|
-
}.
|
|
40
|
+
}.modal__flex_17iaf {
|
|
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_zy9l4 {
|
|
599
599
|
|
|
600
600
|
padding: 0 var(--gap-m) 0;
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.modal__flex_zy9l4 {
|
|
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-d1b7fb9e.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_1uslx modal__footer_yazjp","highlighted":"modal__highlighted_1uslx modal__highlighted_yazjp","sticky":"modal__sticky_1uslx modal__sticky_yazjp","fullscreen":"modal__fullscreen_1uslx","s":"modal__s_1uslx","m":"modal__m_1uslx","l":"modal__l_1uslx"};
|
|
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_11igd","gap-16":"modal__gap-16_11igd","gap-24":"modal__gap-24_11igd","gap-32":"modal__gap-32_11igd","start":"modal__start_11igd","center":"modal__center_11igd","space-between":"modal__space-between_11igd"};
|
|
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-d1b7fb9e.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_zyzc7 modal__footer_yazjp","highlighted":"modal__highlighted_zyzc7 modal__highlighted_yazjp","sticky":"modal__sticky_zyzc7 modal__sticky_yazjp"};
|
|
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: efzwj */
|
|
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_yazjp {
|
|
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_yazjp {
|
|
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_yazjp {
|
|
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_1uslx {
|
|
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_1uslx {
|
|
619
619
|
}
|
|
620
|
-
.
|
|
620
|
+
.modal__sticky_1uslx {
|
|
621
621
|
|
|
622
622
|
bottom: calc(var(--modal-vertical-padding) * -1);
|
|
623
623
|
}
|
|
624
|
-
.
|
|
624
|
+
.modal__fullscreen_1uslx {
|
|
625
625
|
bottom: 0;
|
|
626
626
|
}
|
|
627
|
-
.
|
|
627
|
+
.modal__s_1uslx {
|
|
628
628
|
padding: var(--modal-s-footer-paddings);
|
|
629
629
|
}
|
|
630
|
-
.
|
|
630
|
+
.modal__m_1uslx {
|
|
631
631
|
padding: var(--modal-m-footer-paddings);
|
|
632
632
|
}
|
|
633
|
-
.
|
|
634
|
-
.
|
|
633
|
+
.modal__l_1uslx,
|
|
634
|
+
.modal__fullscreen_1uslx {
|
|
635
635
|
padding: var(--modal-l-footer-paddings);
|
|
636
636
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: j3d3p */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -25,60 +25,60 @@
|
|
|
25
25
|
|
|
26
26
|
/* scroll */
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.modal__column_11igd {
|
|
29
29
|
display: flex;
|
|
30
30
|
flex-direction: column
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.modal__column_11igd > * {
|
|
33
33
|
margin-bottom: var(--modal-footer-default-gap);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
36
|
-
.
|
|
35
|
+
.modal__column_11igd > *:last-child,
|
|
36
|
+
.modal__column_11igd > *:only-child {
|
|
37
37
|
margin-bottom: 0;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.modal__column_11igd.modal__gap-16_11igd > * {
|
|
40
40
|
margin-bottom: var(--gap-m);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
.modal__column_11igd.modal__gap-24_11igd > * {
|
|
43
43
|
margin-bottom: var(--gap-xl);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
.modal__column_11igd.modal__gap-32_11igd > * {
|
|
46
46
|
margin-bottom: var(--gap-2xl);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
.modal__start_11igd {
|
|
49
49
|
justify-content: flex-start;
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
.modal__center_11igd {
|
|
52
52
|
justify-content: center;
|
|
53
53
|
}
|
|
54
|
-
.modal__space-
|
|
54
|
+
.modal__space-between_11igd {
|
|
55
55
|
justify-content: space-between
|
|
56
56
|
}
|
|
57
|
-
.modal__space-
|
|
57
|
+
.modal__space-between_11igd > * {
|
|
58
58
|
flex: 1;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.modal__space-
|
|
60
|
+
.modal__start_11igd,
|
|
61
|
+
.modal__center_11igd,
|
|
62
|
+
.modal__space-between_11igd {
|
|
63
63
|
display: flex
|
|
64
64
|
}
|
|
65
|
-
.
|
|
65
|
+
.modal__start_11igd > *, .modal__center_11igd > *, .modal__space-between_11igd > * {
|
|
66
66
|
margin-right: var(--modal-footer-default-gap);
|
|
67
67
|
}
|
|
68
|
-
.
|
|
69
|
-
.
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.modal__space-
|
|
73
|
-
.modal__space-
|
|
68
|
+
.modal__start_11igd > *:last-child,
|
|
69
|
+
.modal__start_11igd > *:only-child,
|
|
70
|
+
.modal__center_11igd > *:last-child,
|
|
71
|
+
.modal__center_11igd > *:only-child,
|
|
72
|
+
.modal__space-between_11igd > *:last-child,
|
|
73
|
+
.modal__space-between_11igd > *:only-child {
|
|
74
74
|
margin-right: 0;
|
|
75
75
|
}
|
|
76
|
-
.
|
|
76
|
+
.modal__start_11igd.modal__gap-16_11igd > *, .modal__center_11igd.modal__gap-16_11igd > *, .modal__space-between_11igd.modal__gap-16_11igd > * {
|
|
77
77
|
margin-right: var(--gap-m);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
.modal__start_11igd.modal__gap-24_11igd > *, .modal__center_11igd.modal__gap-24_11igd > *, .modal__space-between_11igd.modal__gap-24_11igd > * {
|
|
80
80
|
margin-right: var(--gap-xl);
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
.modal__start_11igd.modal__gap-32_11igd > *, .modal__center_11igd.modal__gap-32_11igd > *, .modal__space-between_11igd.modal__gap-32_11igd > * {
|
|
83
83
|
margin-right: var(--gap-2xl);
|
|
84
84
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 12ezp */
|
|
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_yazjp {
|
|
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_yazjp {
|
|
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_yazjp {
|
|
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_zyzc7 {
|
|
606
606
|
|
|
607
607
|
padding: var(--gap-xl) var(--gap-m);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.modal__highlighted_zyzc7 {
|
|
610
610
|
}
|
|
611
|
-
.
|
|
611
|
+
.modal__sticky_zyzc7 {
|
|
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-d1b7fb9e.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_1w292 modal__header_pute5","s":"modal__s_1w292","m":"modal__m_1w292","l":"modal__l_1w292","fullscreen":"modal__fullscreen_1w292","sticky":"modal__sticky_1w292 modal__sticky_pute5","highlighted":"modal__highlighted_1w292 modal__highlighted_pute5","content":"modal__content_1w292 modal__content_pute5","title":"modal__title_1w292 modal__title_pute5"};
|
|
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-d1b7fb9e.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-d1b7fb9e.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_ay5y5 modal__header_pute5","sticky":"modal__sticky_ay5y5 modal__sticky_pute5","highlighted":"modal__highlighted_ay5y5 modal__highlighted_pute5","content":"modal__content_ay5y5 modal__content_pute5","title":"modal__title_ay5y5 modal__title_pute5"};
|
|
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)); };
|