@alfalab/core-components-modal 3.0.1 → 3.0.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 +11 -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 +9 -9
- package/dist/components/content/Component.desktop.js +2 -2
- package/dist/components/content/Component.mobile.js +2 -2
- package/dist/components/content/desktop.css +13 -13
- package/dist/components/content/mobile.css +8 -8
- 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 +13 -13
- package/dist/components/footer/layout.css +25 -25
- package/dist/components/footer/mobile.css +8 -8
- 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 +17 -17
- package/dist/components/header/mobile.css +12 -12
- package/dist/cssm/components/closer/index.module.css +1 -1
- 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 +9 -9
- 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 +13 -13
- package/dist/esm/components/content/mobile.css +8 -8
- 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 +13 -13
- package/dist/esm/components/footer/layout.css +25 -25
- package/dist/esm/components/footer/mobile.css +8 -8
- 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 +17 -17
- package/dist/esm/components/header/mobile.css +12 -12
- 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-c34fafc2.js +4 -0
- package/dist/esm/{tslib.es6-33db3ec8.d.ts → tslib.es6-5b22fba8.d.ts} +0 -0
- package/dist/esm/{tslib.es6-33db3ec8.js → tslib.es6-5b22fba8.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 +9 -9
- 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 +13 -13
- package/dist/modern/components/content/mobile.css +8 -8
- 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 +13 -13
- package/dist/modern/components/footer/layout.css +25 -25
- package/dist/modern/components/footer/mobile.css +8 -8
- 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 +17 -17
- package/dist/modern/components/header/mobile.css +12 -12
- 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-c34fafc2.js +4 -0
- package/dist/responsive.js +2 -2
- package/dist/transitions.css +8 -8
- package/dist/transitions.module-815de616.js +6 -0
- package/dist/{tslib.es6-9ba169bb.d.ts → tslib.es6-5b726b20.d.ts} +0 -0
- package/dist/{tslib.es6-9ba169bb.js → tslib.es6-5b726b20.js} +0 -0
- package/package.json +2 -2
- package/dist/esm/transitions.module-15613e30.js +0 -4
- package/dist/modern/transitions.module-15613e30.js +0 -4
- package/dist/transitions.module-1b92fd3b.js +0 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
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
|
+
## [3.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-modal@3.0.1...@alfalab/core-components-modal@3.0.2) (2021-12-08)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* revert 0e8124552206f96149d104f65cff1667e857bf01 ([#916](https://github.com/alfa-laboratory/core-components/issues/916)) ([953fbcf](https://github.com/alfa-laboratory/core-components/commit/953fbcfec46a40089a5cfde670597315269b05f5))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [3.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-modal@3.0.0...@alfalab/core-components-modal@3.0.1) (2021-12-08)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -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-5b726b20.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-815de616.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_1g6u1","component":"modal__component_1g6u1","fullscreen":"modal__fullscreen_1g6u1","s":"modal__s_1g6u1","m":"modal__m_1g6u1","l":"modal__l_1g6u1"};
|
|
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-5b726b20.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-815de616.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_1etis"};
|
|
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-5b726b20.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-815de616.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-5b726b20.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_1u0v9","left":"modal__left_1u0v9","right":"modal__right_1u0v9","fullscreen":"modal__fullscreen_1u0v9"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
var Closer = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ijo5 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
/* paddings */
|
|
19
19
|
|
|
20
20
|
/* closer */
|
|
21
|
-
--modal-closer-icon: url('https://alfabank.
|
|
21
|
+
--modal-closer-icon: url('https://alfabank.st/icons/glyph_cross_m.svg');
|
|
22
22
|
|
|
23
23
|
/* sticky */
|
|
24
24
|
|
|
25
25
|
/* scroll */
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.modal__closer_1u0v9 {
|
|
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_1u0v9:hover {
|
|
37
37
|
opacity: 0.7;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.modal__closer_1u0v9:active {
|
|
40
40
|
opacity: 0.5;
|
|
41
41
|
}
|
|
42
|
-
.
|
|
43
|
-
.
|
|
42
|
+
.modal__left_1u0v9,
|
|
43
|
+
.modal__right_1u0v9 {
|
|
44
44
|
position: sticky;
|
|
45
45
|
top: calc(var(--modal-vertical-padding) * -1);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.modal__right_1u0v9 {
|
|
48
48
|
margin-left: auto;
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
.modal__fullscreen_1u0v9 {
|
|
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-5b726b20.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_a7uv8 modal__content_b8m8c","flex":"modal__flex_a7uv8 modal__flex_b8m8c","s":"modal__s_a7uv8","m":"modal__m_a7uv8","l":"modal__l_a7uv8","fullscreen":"modal__fullscreen_a7uv8"};
|
|
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-5b726b20.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_7zet4 modal__content_b8m8c","flex":"modal__flex_7zet4 modal__flex_b8m8c"};
|
|
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: 4z9d4 */
|
|
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_b8m8c {
|
|
38
38
|
box-sizing: border-box;
|
|
39
39
|
width: 100%
|
|
40
|
-
}.
|
|
40
|
+
}.modal__content_b8m8c:first-child {
|
|
41
41
|
padding-top: var(--modal-content-no-header-top-padding);
|
|
42
|
-
}.
|
|
42
|
+
}.modal__content_b8m8c:last-child {
|
|
43
43
|
padding-bottom: var(--modal-content-no-footer-bottom-padding);
|
|
44
|
-
}.
|
|
44
|
+
}.modal__flex_b8m8c {
|
|
45
45
|
flex: 1 1 auto;
|
|
46
46
|
}
|
|
47
47
|
:root {
|
|
@@ -587,7 +587,7 @@
|
|
|
587
587
|
--modal-content-no-header-top-padding: var(--gap-2xl);
|
|
588
588
|
|
|
589
589
|
/* closer */
|
|
590
|
-
--modal-closer-icon: url('https://alfabank.
|
|
590
|
+
--modal-closer-icon: url('https://alfabank.st/icons/glyph_cross_m.svg');
|
|
591
591
|
|
|
592
592
|
/* sticky */
|
|
593
593
|
--modal-footer-sticky-box-shadow: none;
|
|
@@ -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_a7uv8 {
|
|
603
603
|
}
|
|
604
|
-
.
|
|
604
|
+
.modal__flex_a7uv8 {
|
|
605
605
|
}
|
|
606
|
-
.
|
|
606
|
+
.modal__s_a7uv8 {
|
|
607
607
|
padding: var(--modal-s-content-paddings);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.modal__m_a7uv8 {
|
|
610
610
|
padding: var(--modal-m-content-paddings);
|
|
611
611
|
}
|
|
612
|
-
.
|
|
613
|
-
.
|
|
612
|
+
.modal__l_a7uv8,
|
|
613
|
+
.modal__fullscreen_a7uv8 {
|
|
614
614
|
padding: var(--modal-l-content-paddings)
|
|
615
615
|
}
|
|
616
|
-
.
|
|
616
|
+
.modal__l_a7uv8:last-child, .modal__fullscreen_a7uv8:last-child {
|
|
617
617
|
padding-bottom: var(--modal-l-content-no-footer-bottom-padding);
|
|
618
618
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: jplhy */
|
|
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_b8m8c {
|
|
34
34
|
box-sizing: border-box;
|
|
35
35
|
width: 100%
|
|
36
|
-
}.
|
|
36
|
+
}.modal__content_b8m8c:first-child {
|
|
37
37
|
padding-top: var(--modal-content-no-header-top-padding);
|
|
38
|
-
}.
|
|
38
|
+
}.modal__content_b8m8c:last-child {
|
|
39
39
|
padding-bottom: var(--modal-content-no-footer-bottom-padding);
|
|
40
|
-
}.
|
|
40
|
+
}.modal__flex_b8m8c {
|
|
41
41
|
flex: 1 1 auto;
|
|
42
42
|
}
|
|
43
43
|
:root {
|
|
@@ -583,7 +583,7 @@
|
|
|
583
583
|
--modal-content-no-header-top-padding: var(--gap-2xl);
|
|
584
584
|
|
|
585
585
|
/* closer */
|
|
586
|
-
--modal-closer-icon: url('https://alfabank.
|
|
586
|
+
--modal-closer-icon: url('https://alfabank.st/icons/glyph_cross_m.svg');
|
|
587
587
|
|
|
588
588
|
/* sticky */
|
|
589
589
|
--modal-footer-sticky-box-shadow: none;
|
|
@@ -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_7zet4 {
|
|
599
599
|
|
|
600
600
|
padding: 0 var(--gap-m) 0;
|
|
601
601
|
}
|
|
602
|
-
.
|
|
602
|
+
.modal__flex_7zet4 {
|
|
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-5b726b20.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_h2f7c modal__footer_d6q2c","highlighted":"modal__highlighted_h2f7c modal__highlighted_d6q2c","sticky":"modal__sticky_h2f7c modal__sticky_d6q2c","fullscreen":"modal__fullscreen_h2f7c","s":"modal__s_h2f7c","m":"modal__m_h2f7c","l":"modal__l_h2f7c"};
|
|
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_1d6fi","gap-16":"modal__gap-16_1d6fi","gap-24":"modal__gap-24_1d6fi","gap-32":"modal__gap-32_1d6fi","start":"modal__start_1d6fi","center":"modal__center_1d6fi","space-between":"modal__space-between_1d6fi"};
|
|
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-5b726b20.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_12dmo modal__footer_d6q2c","highlighted":"modal__highlighted_12dmo modal__highlighted_d6q2c","sticky":"modal__sticky_12dmo modal__sticky_d6q2c"};
|
|
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: a27kw */
|
|
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_d6q2c {
|
|
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_d6q2c {
|
|
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_d6q2c {
|
|
55
55
|
background: var(--modal-footer-highlight-background);
|
|
56
56
|
box-shadow: var(--modal-footer-highlight-box-shadow);
|
|
57
57
|
}
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
--modal-content-no-header-top-padding: var(--gap-2xl);
|
|
599
599
|
|
|
600
600
|
/* closer */
|
|
601
|
-
--modal-closer-icon: url('https://alfabank.
|
|
601
|
+
--modal-closer-icon: url('https://alfabank.st/icons/glyph_cross_m.svg');
|
|
602
602
|
|
|
603
603
|
/* sticky */
|
|
604
604
|
--modal-footer-sticky-box-shadow: none;
|
|
@@ -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_h2f7c {
|
|
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_h2f7c {
|
|
619
619
|
}
|
|
620
|
-
.
|
|
620
|
+
.modal__sticky_h2f7c {
|
|
621
621
|
|
|
622
622
|
bottom: calc(var(--modal-vertical-padding) * -1);
|
|
623
623
|
}
|
|
624
|
-
.
|
|
624
|
+
.modal__fullscreen_h2f7c {
|
|
625
625
|
bottom: 0;
|
|
626
626
|
}
|
|
627
|
-
.
|
|
627
|
+
.modal__s_h2f7c {
|
|
628
628
|
padding: var(--modal-s-footer-paddings);
|
|
629
629
|
}
|
|
630
|
-
.
|
|
630
|
+
.modal__m_h2f7c {
|
|
631
631
|
padding: var(--modal-m-footer-paddings);
|
|
632
632
|
}
|
|
633
|
-
.
|
|
634
|
-
.
|
|
633
|
+
.modal__l_h2f7c,
|
|
634
|
+
.modal__fullscreen_h2f7c {
|
|
635
635
|
padding: var(--modal-l-footer-paddings);
|
|
636
636
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: epks1 */
|
|
2
2
|
:root {
|
|
3
3
|
|
|
4
4
|
/* Hard */
|
|
@@ -25,60 +25,60 @@
|
|
|
25
25
|
|
|
26
26
|
/* scroll */
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.modal__column_1d6fi {
|
|
29
29
|
display: flex;
|
|
30
30
|
flex-direction: column
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
.modal__column_1d6fi > * {
|
|
33
33
|
margin-bottom: var(--modal-footer-default-gap);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
36
|
-
.
|
|
35
|
+
.modal__column_1d6fi > *:last-child,
|
|
36
|
+
.modal__column_1d6fi > *:only-child {
|
|
37
37
|
margin-bottom: 0;
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.modal__column_1d6fi.modal__gap-16_1d6fi > * {
|
|
40
40
|
margin-bottom: var(--gap-m);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
.modal__column_1d6fi.modal__gap-24_1d6fi > * {
|
|
43
43
|
margin-bottom: var(--gap-xl);
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
.modal__column_1d6fi.modal__gap-32_1d6fi > * {
|
|
46
46
|
margin-bottom: var(--gap-2xl);
|
|
47
47
|
}
|
|
48
|
-
.
|
|
48
|
+
.modal__start_1d6fi {
|
|
49
49
|
justify-content: flex-start;
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
.modal__center_1d6fi {
|
|
52
52
|
justify-content: center;
|
|
53
53
|
}
|
|
54
|
-
.modal__space-
|
|
54
|
+
.modal__space-between_1d6fi {
|
|
55
55
|
justify-content: space-between
|
|
56
56
|
}
|
|
57
|
-
.modal__space-
|
|
57
|
+
.modal__space-between_1d6fi > * {
|
|
58
58
|
flex: 1;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
61
|
-
.
|
|
62
|
-
.modal__space-
|
|
60
|
+
.modal__start_1d6fi,
|
|
61
|
+
.modal__center_1d6fi,
|
|
62
|
+
.modal__space-between_1d6fi {
|
|
63
63
|
display: flex
|
|
64
64
|
}
|
|
65
|
-
.
|
|
65
|
+
.modal__start_1d6fi > *, .modal__center_1d6fi > *, .modal__space-between_1d6fi > * {
|
|
66
66
|
margin-right: var(--modal-footer-default-gap);
|
|
67
67
|
}
|
|
68
|
-
.
|
|
69
|
-
.
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.modal__space-
|
|
73
|
-
.modal__space-
|
|
68
|
+
.modal__start_1d6fi > *:last-child,
|
|
69
|
+
.modal__start_1d6fi > *:only-child,
|
|
70
|
+
.modal__center_1d6fi > *:last-child,
|
|
71
|
+
.modal__center_1d6fi > *:only-child,
|
|
72
|
+
.modal__space-between_1d6fi > *:last-child,
|
|
73
|
+
.modal__space-between_1d6fi > *:only-child {
|
|
74
74
|
margin-right: 0;
|
|
75
75
|
}
|
|
76
|
-
.
|
|
76
|
+
.modal__start_1d6fi.modal__gap-16_1d6fi > *, .modal__center_1d6fi.modal__gap-16_1d6fi > *, .modal__space-between_1d6fi.modal__gap-16_1d6fi > * {
|
|
77
77
|
margin-right: var(--gap-m);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
.modal__start_1d6fi.modal__gap-24_1d6fi > *, .modal__center_1d6fi.modal__gap-24_1d6fi > *, .modal__space-between_1d6fi.modal__gap-24_1d6fi > * {
|
|
80
80
|
margin-right: var(--gap-xl);
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
.modal__start_1d6fi.modal__gap-32_1d6fi > *, .modal__center_1d6fi.modal__gap-32_1d6fi > *, .modal__space-between_1d6fi.modal__gap-32_1d6fi > * {
|
|
83
83
|
margin-right: var(--gap-2xl);
|
|
84
84
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1bc9n */
|
|
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_d6q2c {
|
|
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_d6q2c {
|
|
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_d6q2c {
|
|
47
47
|
background: var(--modal-footer-highlight-background);
|
|
48
48
|
box-shadow: var(--modal-footer-highlight-box-shadow);
|
|
49
49
|
}
|
|
@@ -590,7 +590,7 @@
|
|
|
590
590
|
--modal-content-no-header-top-padding: var(--gap-2xl);
|
|
591
591
|
|
|
592
592
|
/* closer */
|
|
593
|
-
--modal-closer-icon: url('https://alfabank.
|
|
593
|
+
--modal-closer-icon: url('https://alfabank.st/icons/glyph_cross_m.svg');
|
|
594
594
|
|
|
595
595
|
/* sticky */
|
|
596
596
|
--modal-footer-sticky-box-shadow: none;
|
|
@@ -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_12dmo {
|
|
606
606
|
|
|
607
607
|
padding: var(--gap-xl) var(--gap-m);
|
|
608
608
|
}
|
|
609
|
-
.
|
|
609
|
+
.modal__highlighted_12dmo {
|
|
610
610
|
}
|
|
611
|
-
.
|
|
611
|
+
.modal__sticky_12dmo {
|
|
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-5b726b20.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_tljtd modal__header_157wf","s":"modal__s_tljtd","m":"modal__m_tljtd","l":"modal__l_tljtd","fullscreen":"modal__fullscreen_tljtd","sticky":"modal__sticky_tljtd modal__sticky_157wf","highlighted":"modal__highlighted_tljtd modal__highlighted_157wf","content":"modal__content_tljtd modal__content_157wf","title":"modal__title_tljtd modal__title_157wf"};
|
|
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-5b726b20.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-5b726b20.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_1g8u5 modal__header_157wf","sticky":"modal__sticky_1g8u5 modal__sticky_157wf","highlighted":"modal__highlighted_1g8u5 modal__highlighted_157wf","content":"modal__content_1g8u5 modal__content_157wf","title":"modal__title_1g8u5 modal__title_157wf"};
|
|
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)); };
|