@alfalab/core-components-bottom-sheet 3.0.0 → 3.0.1

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.
Files changed (22) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/{Component-e3bb3949.d.ts → Component-411270d3.d.ts} +0 -0
  3. package/dist/{Component-e3bb3949.js → Component-411270d3.js} +0 -0
  4. package/dist/component.js +2 -2
  5. package/dist/components/footer/Component.js +1 -1
  6. package/dist/components/footer/index.css +3 -3
  7. package/dist/components/swipeable-backdrop/Component.js +1 -1
  8. package/dist/esm/{Component-949ec7bb.d.ts → Component-fff1007b.d.ts} +0 -0
  9. package/dist/esm/{Component-949ec7bb.js → Component-fff1007b.js} +0 -0
  10. package/dist/esm/component.js +2 -2
  11. package/dist/esm/components/footer/Component.js +1 -1
  12. package/dist/esm/components/footer/index.css +3 -3
  13. package/dist/esm/components/swipeable-backdrop/Component.js +1 -1
  14. package/dist/esm/index.css +15 -15
  15. package/dist/esm/index.js +1 -1
  16. package/dist/index.css +15 -15
  17. package/dist/index.js +1 -1
  18. package/dist/modern/component.js +1 -1
  19. package/dist/modern/components/footer/Component.js +1 -1
  20. package/dist/modern/components/footer/index.css +3 -3
  21. package/dist/modern/index.css +15 -15
  22. package/package.json +4 -4
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
+ ## [3.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bottom-sheet@3.0.0...@alfalab/core-components-bottom-sheet@3.0.1) (2022-01-17)
7
+
8
+ **Note:** Version bump only for package @alfalab/core-components-bottom-sheet
9
+
10
+
11
+
12
+
13
+
6
14
  # [3.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bottom-sheet@2.1.1...@alfalab/core-components-bottom-sheet@3.0.0) (2021-11-26)
7
15
 
8
16
 
package/dist/component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_swipeableBackdrop_Component = require('./Component-e3bb3949.js');
5
+ var components_swipeableBackdrop_Component = require('./Component-411270d3.js');
6
6
  var React = require('react');
7
7
  var cn = require('classnames');
8
8
  var reactSwipeable = require('react-swipeable');
@@ -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 = {"modal":"bottom-sheet__modal_p2g7f","component":"bottom-sheet__component_p2g7f","withTransition":"bottom-sheet__withTransition_p2g7f","marker":"bottom-sheet__marker_p2g7f","scrollableContainer":"bottom-sheet__scrollableContainer_p2g7f","withPadding":"bottom-sheet__withPadding_p2g7f","content":"bottom-sheet__content_p2g7f","title":"bottom-sheet__title_p2g7f","scrollLocked":"bottom-sheet__scrollLocked_p2g7f","appear":"bottom-sheet__appear_p2g7f","enter":"bottom-sheet__enter_p2g7f","appearActive":"bottom-sheet__appearActive_p2g7f","enterActive":"bottom-sheet__enterActive_p2g7f","enterDone":"bottom-sheet__enterDone_p2g7f","appearDone":"bottom-sheet__appearDone_p2g7f","exit":"bottom-sheet__exit_p2g7f","exitActive":"bottom-sheet__exitActive_p2g7f"};
19
+ var styles = {"modal":"bottom-sheet__modal_1rr5r","component":"bottom-sheet__component_1rr5r","withTransition":"bottom-sheet__withTransition_1rr5r","marker":"bottom-sheet__marker_1rr5r","scrollableContainer":"bottom-sheet__scrollableContainer_1rr5r","withPadding":"bottom-sheet__withPadding_1rr5r","content":"bottom-sheet__content_1rr5r","title":"bottom-sheet__title_1rr5r","scrollLocked":"bottom-sheet__scrollLocked_1rr5r","appear":"bottom-sheet__appear_1rr5r","enter":"bottom-sheet__enter_1rr5r","appearActive":"bottom-sheet__appearActive_1rr5r","enterActive":"bottom-sheet__enterActive_1rr5r","enterDone":"bottom-sheet__enterDone_1rr5r","appearDone":"bottom-sheet__appearDone_1rr5r","exit":"bottom-sheet__exit_1rr5r","exitActive":"bottom-sheet__exitActive_1rr5r"};
20
20
  require('./index.css')
21
21
 
22
22
  var TIMEOUT = 300;
package/dist/components/footer/Component.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
13
13
 
14
- var styles = {"footer":"bottom-sheet__footer_dbwxf","highlighted":"bottom-sheet__highlighted_dbwxf"};
14
+ var styles = {"footer":"bottom-sheet__footer_qcucr","highlighted":"bottom-sheet__highlighted_qcucr"};
15
15
  require('./index.css')
16
16
 
17
17
  var Footer = function (_a) {
package/dist/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 18aaf */
1
+ /* hash: nuzfd */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -15,12 +15,12 @@
15
15
  --gap-m: 16px;
16
16
  --gap-3xl: 40px;
17
17
  }
18
- .bottom-sheet__footer_dbwxf {
18
+ .bottom-sheet__footer_qcucr {
19
19
  position: sticky;
20
20
  bottom: 0;
21
21
  padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
22
22
  background-color: var(--color-light-bg-primary);
23
23
  }
24
- .bottom-sheet__highlighted_dbwxf {
24
+ .bottom-sheet__highlighted_qcucr {
25
25
  box-shadow: var(--shadow-s-up);
26
26
  }
package/dist/components/swipeable-backdrop/Component.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_swipeableBackdrop_Component = require('../../Component-e3bb3949.js');
5
+ var components_swipeableBackdrop_Component = require('../../Component-411270d3.js');
6
6
  require('react');
7
7
  require('@alfalab/core-components-backdrop');
8
8
 
package/dist/esm/component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as SwipeableBackdrop, _ as __assign } from './Component-949ec7bb.js';
1
+ import { S as SwipeableBackdrop, _ as __assign } from './Component-fff1007b.js';
2
2
  import React, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { useSwipeable } from 'react-swipeable';
@@ -7,7 +7,7 @@ import { Typography } from '@alfalab/core-components-typography/dist/esm';
7
7
  import { Footer } from './components/footer/Component.js';
8
8
  import '@alfalab/core-components-backdrop/dist/esm';
9
9
 
10
- var styles = {"modal":"bottom-sheet__modal_p2g7f","component":"bottom-sheet__component_p2g7f","withTransition":"bottom-sheet__withTransition_p2g7f","marker":"bottom-sheet__marker_p2g7f","scrollableContainer":"bottom-sheet__scrollableContainer_p2g7f","withPadding":"bottom-sheet__withPadding_p2g7f","content":"bottom-sheet__content_p2g7f","title":"bottom-sheet__title_p2g7f","scrollLocked":"bottom-sheet__scrollLocked_p2g7f","appear":"bottom-sheet__appear_p2g7f","enter":"bottom-sheet__enter_p2g7f","appearActive":"bottom-sheet__appearActive_p2g7f","enterActive":"bottom-sheet__enterActive_p2g7f","enterDone":"bottom-sheet__enterDone_p2g7f","appearDone":"bottom-sheet__appearDone_p2g7f","exit":"bottom-sheet__exit_p2g7f","exitActive":"bottom-sheet__exitActive_p2g7f"};
10
+ var styles = {"modal":"bottom-sheet__modal_1rr5r","component":"bottom-sheet__component_1rr5r","withTransition":"bottom-sheet__withTransition_1rr5r","marker":"bottom-sheet__marker_1rr5r","scrollableContainer":"bottom-sheet__scrollableContainer_1rr5r","withPadding":"bottom-sheet__withPadding_1rr5r","content":"bottom-sheet__content_1rr5r","title":"bottom-sheet__title_1rr5r","scrollLocked":"bottom-sheet__scrollLocked_1rr5r","appear":"bottom-sheet__appear_1rr5r","enter":"bottom-sheet__enter_1rr5r","appearActive":"bottom-sheet__appearActive_1rr5r","enterActive":"bottom-sheet__enterActive_1rr5r","enterDone":"bottom-sheet__enterDone_1rr5r","appearDone":"bottom-sheet__appearDone_1rr5r","exit":"bottom-sheet__exit_1rr5r","exitActive":"bottom-sheet__exitActive_1rr5r"};
11
11
  require('./index.css')
12
12
 
13
13
  var TIMEOUT = 300;
package/dist/esm/components/footer/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { BaseModalContext } from '@alfalab/core-components-base-modal/dist/esm';
4
4
 
5
- var styles = {"footer":"bottom-sheet__footer_dbwxf","highlighted":"bottom-sheet__highlighted_dbwxf"};
5
+ var styles = {"footer":"bottom-sheet__footer_qcucr","highlighted":"bottom-sheet__highlighted_qcucr"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
package/dist/esm/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 18aaf */
1
+ /* hash: nuzfd */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -15,12 +15,12 @@
15
15
  --gap-m: 16px;
16
16
  --gap-3xl: 40px;
17
17
  }
18
- .bottom-sheet__footer_dbwxf {
18
+ .bottom-sheet__footer_qcucr {
19
19
  position: sticky;
20
20
  bottom: 0;
21
21
  padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
22
22
  background-color: var(--color-light-bg-primary);
23
23
  }
24
- .bottom-sheet__highlighted_dbwxf {
24
+ .bottom-sheet__highlighted_qcucr {
25
25
  box-shadow: var(--shadow-s-up);
26
26
  }
package/dist/esm/components/swipeable-backdrop/Component.js CHANGED
@@ -1,3 +1,3 @@
1
- export { S as SwipeableBackdrop } from '../../Component-949ec7bb.js';
1
+ export { S as SwipeableBackdrop } from '../../Component-fff1007b.js';
2
2
  import 'react';
3
3
  import '@alfalab/core-components-backdrop/dist/esm';
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1bvaw */
1
+ /* hash: 1qgns */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-graphic-neutral: #dbdee1;
@@ -22,14 +22,14 @@
22
22
  --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
23
23
  --bottom-sheet-out-transition: 0.3s ease;
24
24
  }
25
- .bottom-sheet__modal_p2g7f {
25
+ .bottom-sheet__modal_1rr5r {
26
26
  background-color: transparent;
27
27
  position: fixed;
28
28
  bottom: 0;
29
29
  width: 100%;
30
30
  max-width: 600px;
31
31
  }
32
- .bottom-sheet__component_p2g7f {
32
+ .bottom-sheet__component_1rr5r {
33
33
  position: relative;
34
34
  display: flex;
35
35
  flex-direction: column;
@@ -39,10 +39,10 @@
39
39
  background: var(--color-light-bg-primary);
40
40
  transform: translateY(100%);
41
41
  }
42
- .bottom-sheet__withTransition_p2g7f {
42
+ .bottom-sheet__withTransition_1rr5r {
43
43
  transition: var(--bottom-sheet-out-transition);
44
44
  }
45
- .bottom-sheet__marker_p2g7f {
45
+ .bottom-sheet__marker_1rr5r {
46
46
  position: absolute;
47
47
  top: var(--gap-xs);
48
48
  left: 50%;
@@ -52,41 +52,41 @@
52
52
  transform: translateX(-50%);
53
53
  background-color: var(--color-light-graphic-neutral);
54
54
  }
55
- .bottom-sheet__scrollableContainer_p2g7f {
55
+ .bottom-sheet__scrollableContainer_1rr5r {
56
56
  overflow: auto;
57
57
  padding-top: var(--gap-2xl);
58
58
  }
59
- .bottom-sheet__withPadding_p2g7f {
59
+ .bottom-sheet__withPadding_1rr5r {
60
60
  padding-bottom: var(--gap-xl);
61
61
  }
62
- .bottom-sheet__content_p2g7f {
62
+ .bottom-sheet__content_1rr5r {
63
63
  display: flex;
64
64
  flex-direction: column;
65
65
  flex: 1;
66
66
  padding: 0 var(--gap-m) var(--gap-m);
67
67
  color: var(--color-light-text-primary);
68
68
  }
69
- .bottom-sheet__title_p2g7f {
69
+ .bottom-sheet__title_1rr5r {
70
70
  margin-bottom: var(--gap-xl);
71
71
  padding: 0 var(--gap-m);
72
72
  }
73
- .bottom-sheet__scrollLocked_p2g7f {
73
+ .bottom-sheet__scrollLocked_1rr5r {
74
74
  overflow: hidden;
75
75
  }
76
- .bottom-sheet__appear_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enter_p2g7f .bottom-sheet__component_p2g7f {
76
+ .bottom-sheet__appear_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enter_1rr5r .bottom-sheet__component_1rr5r {
77
77
  transition: none;
78
78
  }
79
- .bottom-sheet__appearActive_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enterActive_p2g7f .bottom-sheet__component_p2g7f {
79
+ .bottom-sheet__appearActive_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enterActive_1rr5r .bottom-sheet__component_1rr5r {
80
80
  transition: var(--bottom-sheet-in-transition);
81
81
  transform: translateY(0);
82
82
  }
83
- .bottom-sheet__enterDone_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__appearDone_p2g7f .bottom-sheet__component_p2g7f {
83
+ .bottom-sheet__enterDone_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__appearDone_1rr5r .bottom-sheet__component_1rr5r {
84
84
  transform: translateY(0);
85
85
  }
86
- .bottom-sheet__exit_p2g7f .bottom-sheet__component_p2g7f {
86
+ .bottom-sheet__exit_1rr5r .bottom-sheet__component_1rr5r {
87
87
  transform: translateY(0);
88
88
  }
89
- .bottom-sheet__exitActive_p2g7f .bottom-sheet__component_p2g7f {
89
+ .bottom-sheet__exitActive_1rr5r .bottom-sheet__component_1rr5r {
90
90
  transition: var(--bottom-sheet-out-transition);
91
91
  transform: translateY(100%);
92
92
  }
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Component-949ec7bb.js';
1
+ import './Component-fff1007b.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import 'react-swipeable';
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1bvaw */
1
+ /* hash: 1qgns */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-graphic-neutral: #dbdee1;
@@ -22,14 +22,14 @@
22
22
  --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
23
23
  --bottom-sheet-out-transition: 0.3s ease;
24
24
  }
25
- .bottom-sheet__modal_p2g7f {
25
+ .bottom-sheet__modal_1rr5r {
26
26
  background-color: transparent;
27
27
  position: fixed;
28
28
  bottom: 0;
29
29
  width: 100%;
30
30
  max-width: 600px;
31
31
  }
32
- .bottom-sheet__component_p2g7f {
32
+ .bottom-sheet__component_1rr5r {
33
33
  position: relative;
34
34
  display: flex;
35
35
  flex-direction: column;
@@ -39,10 +39,10 @@
39
39
  background: var(--color-light-bg-primary);
40
40
  transform: translateY(100%);
41
41
  }
42
- .bottom-sheet__withTransition_p2g7f {
42
+ .bottom-sheet__withTransition_1rr5r {
43
43
  transition: var(--bottom-sheet-out-transition);
44
44
  }
45
- .bottom-sheet__marker_p2g7f {
45
+ .bottom-sheet__marker_1rr5r {
46
46
  position: absolute;
47
47
  top: var(--gap-xs);
48
48
  left: 50%;
@@ -52,41 +52,41 @@
52
52
  transform: translateX(-50%);
53
53
  background-color: var(--color-light-graphic-neutral);
54
54
  }
55
- .bottom-sheet__scrollableContainer_p2g7f {
55
+ .bottom-sheet__scrollableContainer_1rr5r {
56
56
  overflow: auto;
57
57
  padding-top: var(--gap-2xl);
58
58
  }
59
- .bottom-sheet__withPadding_p2g7f {
59
+ .bottom-sheet__withPadding_1rr5r {
60
60
  padding-bottom: var(--gap-xl);
61
61
  }
62
- .bottom-sheet__content_p2g7f {
62
+ .bottom-sheet__content_1rr5r {
63
63
  display: flex;
64
64
  flex-direction: column;
65
65
  flex: 1;
66
66
  padding: 0 var(--gap-m) var(--gap-m);
67
67
  color: var(--color-light-text-primary);
68
68
  }
69
- .bottom-sheet__title_p2g7f {
69
+ .bottom-sheet__title_1rr5r {
70
70
  margin-bottom: var(--gap-xl);
71
71
  padding: 0 var(--gap-m);
72
72
  }
73
- .bottom-sheet__scrollLocked_p2g7f {
73
+ .bottom-sheet__scrollLocked_1rr5r {
74
74
  overflow: hidden;
75
75
  }
76
- .bottom-sheet__appear_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enter_p2g7f .bottom-sheet__component_p2g7f {
76
+ .bottom-sheet__appear_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enter_1rr5r .bottom-sheet__component_1rr5r {
77
77
  transition: none;
78
78
  }
79
- .bottom-sheet__appearActive_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enterActive_p2g7f .bottom-sheet__component_p2g7f {
79
+ .bottom-sheet__appearActive_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enterActive_1rr5r .bottom-sheet__component_1rr5r {
80
80
  transition: var(--bottom-sheet-in-transition);
81
81
  transform: translateY(0);
82
82
  }
83
- .bottom-sheet__enterDone_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__appearDone_p2g7f .bottom-sheet__component_p2g7f {
83
+ .bottom-sheet__enterDone_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__appearDone_1rr5r .bottom-sheet__component_1rr5r {
84
84
  transform: translateY(0);
85
85
  }
86
- .bottom-sheet__exit_p2g7f .bottom-sheet__component_p2g7f {
86
+ .bottom-sheet__exit_1rr5r .bottom-sheet__component_1rr5r {
87
87
  transform: translateY(0);
88
88
  }
89
- .bottom-sheet__exitActive_p2g7f .bottom-sheet__component_p2g7f {
89
+ .bottom-sheet__exitActive_1rr5r .bottom-sheet__component_1rr5r {
90
90
  transition: var(--bottom-sheet-out-transition);
91
91
  transform: translateY(100%);
92
92
  }
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./Component-e3bb3949.js');
5
+ require('./Component-411270d3.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('react-swipeable');
package/dist/modern/component.js CHANGED
@@ -7,7 +7,7 @@ import { Footer } from './components/footer/Component.js';
7
7
  import '@alfalab/core-components-backdrop/dist/modern';
8
8
  import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
9
9
 
10
- var styles = {"modal":"bottom-sheet__modal_p2g7f","component":"bottom-sheet__component_p2g7f","withTransition":"bottom-sheet__withTransition_p2g7f","marker":"bottom-sheet__marker_p2g7f","scrollableContainer":"bottom-sheet__scrollableContainer_p2g7f","withPadding":"bottom-sheet__withPadding_p2g7f","content":"bottom-sheet__content_p2g7f","title":"bottom-sheet__title_p2g7f","scrollLocked":"bottom-sheet__scrollLocked_p2g7f","appear":"bottom-sheet__appear_p2g7f","enter":"bottom-sheet__enter_p2g7f","appearActive":"bottom-sheet__appearActive_p2g7f","enterActive":"bottom-sheet__enterActive_p2g7f","enterDone":"bottom-sheet__enterDone_p2g7f","appearDone":"bottom-sheet__appearDone_p2g7f","exit":"bottom-sheet__exit_p2g7f","exitActive":"bottom-sheet__exitActive_p2g7f"};
10
+ var styles = {"modal":"bottom-sheet__modal_1rr5r","component":"bottom-sheet__component_1rr5r","withTransition":"bottom-sheet__withTransition_1rr5r","marker":"bottom-sheet__marker_1rr5r","scrollableContainer":"bottom-sheet__scrollableContainer_1rr5r","withPadding":"bottom-sheet__withPadding_1rr5r","content":"bottom-sheet__content_1rr5r","title":"bottom-sheet__title_1rr5r","scrollLocked":"bottom-sheet__scrollLocked_1rr5r","appear":"bottom-sheet__appear_1rr5r","enter":"bottom-sheet__enter_1rr5r","appearActive":"bottom-sheet__appearActive_1rr5r","enterActive":"bottom-sheet__enterActive_1rr5r","enterDone":"bottom-sheet__enterDone_1rr5r","appearDone":"bottom-sheet__appearDone_1rr5r","exit":"bottom-sheet__exit_1rr5r","exitActive":"bottom-sheet__exitActive_1rr5r"};
11
11
  require('./index.css')
12
12
 
13
13
  const TIMEOUT = 300;
package/dist/modern/components/footer/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { BaseModalContext } from '@alfalab/core-components-base-modal/dist/modern';
4
4
 
5
- var styles = {"footer":"bottom-sheet__footer_dbwxf","highlighted":"bottom-sheet__highlighted_dbwxf"};
5
+ var styles = {"footer":"bottom-sheet__footer_qcucr","highlighted":"bottom-sheet__highlighted_qcucr"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ children, className }) => {
package/dist/modern/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 18aaf */
1
+ /* hash: nuzfd */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -15,12 +15,12 @@
15
15
  --gap-m: 16px;
16
16
  --gap-3xl: 40px;
17
17
  }
18
- .bottom-sheet__footer_dbwxf {
18
+ .bottom-sheet__footer_qcucr {
19
19
  position: sticky;
20
20
  bottom: 0;
21
21
  padding: var(--gap-m) var(--gap-m) var(--gap-3xl);
22
22
  background-color: var(--color-light-bg-primary);
23
23
  }
24
- .bottom-sheet__highlighted_dbwxf {
24
+ .bottom-sheet__highlighted_qcucr {
25
25
  box-shadow: var(--shadow-s-up);
26
26
  }
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1bvaw */
1
+ /* hash: 1qgns */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-graphic-neutral: #dbdee1;
@@ -22,14 +22,14 @@
22
22
  --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
23
23
  --bottom-sheet-out-transition: 0.3s ease;
24
24
  }
25
- .bottom-sheet__modal_p2g7f {
25
+ .bottom-sheet__modal_1rr5r {
26
26
  background-color: transparent;
27
27
  position: fixed;
28
28
  bottom: 0;
29
29
  width: 100%;
30
30
  max-width: 600px;
31
31
  }
32
- .bottom-sheet__component_p2g7f {
32
+ .bottom-sheet__component_1rr5r {
33
33
  position: relative;
34
34
  display: flex;
35
35
  flex-direction: column;
@@ -39,10 +39,10 @@
39
39
  background: var(--color-light-bg-primary);
40
40
  transform: translateY(100%);
41
41
  }
42
- .bottom-sheet__withTransition_p2g7f {
42
+ .bottom-sheet__withTransition_1rr5r {
43
43
  transition: var(--bottom-sheet-out-transition);
44
44
  }
45
- .bottom-sheet__marker_p2g7f {
45
+ .bottom-sheet__marker_1rr5r {
46
46
  position: absolute;
47
47
  top: var(--gap-xs);
48
48
  left: 50%;
@@ -52,41 +52,41 @@
52
52
  transform: translateX(-50%);
53
53
  background-color: var(--color-light-graphic-neutral);
54
54
  }
55
- .bottom-sheet__scrollableContainer_p2g7f {
55
+ .bottom-sheet__scrollableContainer_1rr5r {
56
56
  overflow: auto;
57
57
  padding-top: var(--gap-2xl);
58
58
  }
59
- .bottom-sheet__withPadding_p2g7f {
59
+ .bottom-sheet__withPadding_1rr5r {
60
60
  padding-bottom: var(--gap-xl);
61
61
  }
62
- .bottom-sheet__content_p2g7f {
62
+ .bottom-sheet__content_1rr5r {
63
63
  display: flex;
64
64
  flex-direction: column;
65
65
  flex: 1;
66
66
  padding: 0 var(--gap-m) var(--gap-m);
67
67
  color: var(--color-light-text-primary);
68
68
  }
69
- .bottom-sheet__title_p2g7f {
69
+ .bottom-sheet__title_1rr5r {
70
70
  margin-bottom: var(--gap-xl);
71
71
  padding: 0 var(--gap-m);
72
72
  }
73
- .bottom-sheet__scrollLocked_p2g7f {
73
+ .bottom-sheet__scrollLocked_1rr5r {
74
74
  overflow: hidden;
75
75
  }
76
- .bottom-sheet__appear_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enter_p2g7f .bottom-sheet__component_p2g7f {
76
+ .bottom-sheet__appear_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enter_1rr5r .bottom-sheet__component_1rr5r {
77
77
  transition: none;
78
78
  }
79
- .bottom-sheet__appearActive_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__enterActive_p2g7f .bottom-sheet__component_p2g7f {
79
+ .bottom-sheet__appearActive_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__enterActive_1rr5r .bottom-sheet__component_1rr5r {
80
80
  transition: var(--bottom-sheet-in-transition);
81
81
  transform: translateY(0);
82
82
  }
83
- .bottom-sheet__enterDone_p2g7f .bottom-sheet__component_p2g7f, .bottom-sheet__appearDone_p2g7f .bottom-sheet__component_p2g7f {
83
+ .bottom-sheet__enterDone_1rr5r .bottom-sheet__component_1rr5r, .bottom-sheet__appearDone_1rr5r .bottom-sheet__component_1rr5r {
84
84
  transform: translateY(0);
85
85
  }
86
- .bottom-sheet__exit_p2g7f .bottom-sheet__component_p2g7f {
86
+ .bottom-sheet__exit_1rr5r .bottom-sheet__component_1rr5r {
87
87
  transform: translateY(0);
88
88
  }
89
- .bottom-sheet__exitActive_p2g7f .bottom-sheet__component_p2g7f {
89
+ .bottom-sheet__exitActive_1rr5r .bottom-sheet__component_1rr5r {
90
90
  transition: var(--bottom-sheet-out-transition);
91
91
  transform: translateY(100%);
92
92
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bottom-sheet",
3
- "version": "3.0.0",
3
+ "version": "3.0.1",
4
4
  "description": "Bottom sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -21,11 +21,11 @@
21
21
  },
22
22
  "dependencies": {
23
23
  "@alfalab/core-components-backdrop": "^2.0.1",
24
- "@alfalab/core-components-base-modal": "^3.0.2",
25
- "@alfalab/core-components-typography": "^2.2.0",
24
+ "@alfalab/core-components-base-modal": "^3.1.0",
25
+ "@alfalab/core-components-typography": "^2.3.0",
26
26
  "classnames": "^2.2.6",
27
27
  "react-swipeable": "^5.5.0",
28
28
  "react-transition-group": "^4.3.0"
29
29
  },
30
- "gitHead": "10c9fd1caacf98a5c15f84529889ddf41e9e1b54"
30
+ "gitHead": "d35b2d43cbc90ecb7665c682a2de13733bc03eb0"
31
31
  }