@alfalab/core-components-bottom-sheet 3.0.2 → 3.1.0

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 +11 -0
  2. package/dist/{Component-2ea4e400.d.ts → Component-843c49d1.d.ts} +0 -0
  3. package/dist/{Component-2ea4e400.js → Component-843c49d1.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-6badd464.d.ts → Component-4a0a88e8.d.ts} +0 -0
  9. package/dist/esm/{Component-6badd464.js → Component-4a0a88e8.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,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.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bottom-sheet@3.0.2...@alfalab/core-components-bottom-sheet@3.1.0) (2022-03-01)
7
+
8
+
9
+ ### Features
10
+
11
+ * Исправить импорты в сторях. ([#998](https://github.com/alfa-laboratory/core-components/issues/998)) ([e6a654a](https://github.com/alfa-laboratory/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [3.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bottom-sheet@3.0.1...@alfalab/core-components-bottom-sheet@3.0.2) (2022-01-27)
7
18
 
8
19
 
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-2ea4e400.js');
5
+ var components_swipeableBackdrop_Component = require('./Component-843c49d1.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_1ielz","component":"bottom-sheet__component_1ielz","withTransition":"bottom-sheet__withTransition_1ielz","marker":"bottom-sheet__marker_1ielz","scrollableContainer":"bottom-sheet__scrollableContainer_1ielz","withPadding":"bottom-sheet__withPadding_1ielz","content":"bottom-sheet__content_1ielz","title":"bottom-sheet__title_1ielz","scrollLocked":"bottom-sheet__scrollLocked_1ielz","appear":"bottom-sheet__appear_1ielz","enter":"bottom-sheet__enter_1ielz","appearActive":"bottom-sheet__appearActive_1ielz","enterActive":"bottom-sheet__enterActive_1ielz","enterDone":"bottom-sheet__enterDone_1ielz","appearDone":"bottom-sheet__appearDone_1ielz","exit":"bottom-sheet__exit_1ielz","exitActive":"bottom-sheet__exitActive_1ielz"};
19
+ var styles = {"modal":"bottom-sheet__modal_1umf1","component":"bottom-sheet__component_1umf1","withTransition":"bottom-sheet__withTransition_1umf1","marker":"bottom-sheet__marker_1umf1","scrollableContainer":"bottom-sheet__scrollableContainer_1umf1","withPadding":"bottom-sheet__withPadding_1umf1","content":"bottom-sheet__content_1umf1","title":"bottom-sheet__title_1umf1","scrollLocked":"bottom-sheet__scrollLocked_1umf1","appear":"bottom-sheet__appear_1umf1","enter":"bottom-sheet__enter_1umf1","appearActive":"bottom-sheet__appearActive_1umf1","enterActive":"bottom-sheet__enterActive_1umf1","enterDone":"bottom-sheet__enterDone_1umf1","appearDone":"bottom-sheet__appearDone_1umf1","exit":"bottom-sheet__exit_1umf1","exitActive":"bottom-sheet__exitActive_1umf1"};
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_byygy","highlighted":"bottom-sheet__highlighted_byygy"};
14
+ var styles = {"footer":"bottom-sheet__footer_n3l1u","highlighted":"bottom-sheet__highlighted_n3l1u"};
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: 657hw */
1
+ /* hash: l9hpr */
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_byygy {
18
+ .bottom-sheet__footer_n3l1u {
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_byygy {
24
+ .bottom-sheet__highlighted_n3l1u {
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-2ea4e400.js');
5
+ var components_swipeableBackdrop_Component = require('../../Component-843c49d1.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-6badd464.js';
1
+ import { S as SwipeableBackdrop, _ as __assign } from './Component-4a0a88e8.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_1ielz","component":"bottom-sheet__component_1ielz","withTransition":"bottom-sheet__withTransition_1ielz","marker":"bottom-sheet__marker_1ielz","scrollableContainer":"bottom-sheet__scrollableContainer_1ielz","withPadding":"bottom-sheet__withPadding_1ielz","content":"bottom-sheet__content_1ielz","title":"bottom-sheet__title_1ielz","scrollLocked":"bottom-sheet__scrollLocked_1ielz","appear":"bottom-sheet__appear_1ielz","enter":"bottom-sheet__enter_1ielz","appearActive":"bottom-sheet__appearActive_1ielz","enterActive":"bottom-sheet__enterActive_1ielz","enterDone":"bottom-sheet__enterDone_1ielz","appearDone":"bottom-sheet__appearDone_1ielz","exit":"bottom-sheet__exit_1ielz","exitActive":"bottom-sheet__exitActive_1ielz"};
10
+ var styles = {"modal":"bottom-sheet__modal_1umf1","component":"bottom-sheet__component_1umf1","withTransition":"bottom-sheet__withTransition_1umf1","marker":"bottom-sheet__marker_1umf1","scrollableContainer":"bottom-sheet__scrollableContainer_1umf1","withPadding":"bottom-sheet__withPadding_1umf1","content":"bottom-sheet__content_1umf1","title":"bottom-sheet__title_1umf1","scrollLocked":"bottom-sheet__scrollLocked_1umf1","appear":"bottom-sheet__appear_1umf1","enter":"bottom-sheet__enter_1umf1","appearActive":"bottom-sheet__appearActive_1umf1","enterActive":"bottom-sheet__enterActive_1umf1","enterDone":"bottom-sheet__enterDone_1umf1","appearDone":"bottom-sheet__appearDone_1umf1","exit":"bottom-sheet__exit_1umf1","exitActive":"bottom-sheet__exitActive_1umf1"};
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_byygy","highlighted":"bottom-sheet__highlighted_byygy"};
5
+ var styles = {"footer":"bottom-sheet__footer_n3l1u","highlighted":"bottom-sheet__highlighted_n3l1u"};
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: 657hw */
1
+ /* hash: l9hpr */
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_byygy {
18
+ .bottom-sheet__footer_n3l1u {
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_byygy {
24
+ .bottom-sheet__highlighted_n3l1u {
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-6badd464.js';
1
+ export { S as SwipeableBackdrop } from '../../Component-4a0a88e8.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: znx0k */
1
+ /* hash: y9dgf */
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_1ielz {
25
+ .bottom-sheet__modal_1umf1 {
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_1ielz {
32
+ .bottom-sheet__component_1umf1 {
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_1ielz {
42
+ .bottom-sheet__withTransition_1umf1 {
43
43
  transition: var(--bottom-sheet-out-transition);
44
44
  }
45
- .bottom-sheet__marker_1ielz {
45
+ .bottom-sheet__marker_1umf1 {
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_1ielz {
55
+ .bottom-sheet__scrollableContainer_1umf1 {
56
56
  overflow: auto;
57
57
  padding-top: var(--gap-2xl);
58
58
  }
59
- .bottom-sheet__withPadding_1ielz {
59
+ .bottom-sheet__withPadding_1umf1 {
60
60
  padding-bottom: var(--gap-xl);
61
61
  }
62
- .bottom-sheet__content_1ielz {
62
+ .bottom-sheet__content_1umf1 {
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_1ielz {
69
+ .bottom-sheet__title_1umf1 {
70
70
  margin-bottom: var(--gap-xl);
71
71
  padding: 0 var(--gap-m);
72
72
  }
73
- .bottom-sheet__scrollLocked_1ielz {
73
+ .bottom-sheet__scrollLocked_1umf1 {
74
74
  overflow: hidden;
75
75
  }
76
- .bottom-sheet__appear_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__enter_1ielz .bottom-sheet__component_1ielz {
76
+ .bottom-sheet__appear_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__enter_1umf1 .bottom-sheet__component_1umf1 {
77
77
  transition: none;
78
78
  }
79
- .bottom-sheet__appearActive_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__enterActive_1ielz .bottom-sheet__component_1ielz {
79
+ .bottom-sheet__appearActive_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__enterActive_1umf1 .bottom-sheet__component_1umf1 {
80
80
  transition: var(--bottom-sheet-in-transition);
81
81
  transform: translateY(0);
82
82
  }
83
- .bottom-sheet__enterDone_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__appearDone_1ielz .bottom-sheet__component_1ielz {
83
+ .bottom-sheet__enterDone_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__appearDone_1umf1 .bottom-sheet__component_1umf1 {
84
84
  transform: translateY(0);
85
85
  }
86
- .bottom-sheet__exit_1ielz .bottom-sheet__component_1ielz {
86
+ .bottom-sheet__exit_1umf1 .bottom-sheet__component_1umf1 {
87
87
  transform: translateY(0);
88
88
  }
89
- .bottom-sheet__exitActive_1ielz .bottom-sheet__component_1ielz {
89
+ .bottom-sheet__exitActive_1umf1 .bottom-sheet__component_1umf1 {
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-6badd464.js';
1
+ import './Component-4a0a88e8.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: znx0k */
1
+ /* hash: y9dgf */
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_1ielz {
25
+ .bottom-sheet__modal_1umf1 {
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_1ielz {
32
+ .bottom-sheet__component_1umf1 {
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_1ielz {
42
+ .bottom-sheet__withTransition_1umf1 {
43
43
  transition: var(--bottom-sheet-out-transition);
44
44
  }
45
- .bottom-sheet__marker_1ielz {
45
+ .bottom-sheet__marker_1umf1 {
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_1ielz {
55
+ .bottom-sheet__scrollableContainer_1umf1 {
56
56
  overflow: auto;
57
57
  padding-top: var(--gap-2xl);
58
58
  }
59
- .bottom-sheet__withPadding_1ielz {
59
+ .bottom-sheet__withPadding_1umf1 {
60
60
  padding-bottom: var(--gap-xl);
61
61
  }
62
- .bottom-sheet__content_1ielz {
62
+ .bottom-sheet__content_1umf1 {
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_1ielz {
69
+ .bottom-sheet__title_1umf1 {
70
70
  margin-bottom: var(--gap-xl);
71
71
  padding: 0 var(--gap-m);
72
72
  }
73
- .bottom-sheet__scrollLocked_1ielz {
73
+ .bottom-sheet__scrollLocked_1umf1 {
74
74
  overflow: hidden;
75
75
  }
76
- .bottom-sheet__appear_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__enter_1ielz .bottom-sheet__component_1ielz {
76
+ .bottom-sheet__appear_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__enter_1umf1 .bottom-sheet__component_1umf1 {
77
77
  transition: none;
78
78
  }
79
- .bottom-sheet__appearActive_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__enterActive_1ielz .bottom-sheet__component_1ielz {
79
+ .bottom-sheet__appearActive_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__enterActive_1umf1 .bottom-sheet__component_1umf1 {
80
80
  transition: var(--bottom-sheet-in-transition);
81
81
  transform: translateY(0);
82
82
  }
83
- .bottom-sheet__enterDone_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__appearDone_1ielz .bottom-sheet__component_1ielz {
83
+ .bottom-sheet__enterDone_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__appearDone_1umf1 .bottom-sheet__component_1umf1 {
84
84
  transform: translateY(0);
85
85
  }
86
- .bottom-sheet__exit_1ielz .bottom-sheet__component_1ielz {
86
+ .bottom-sheet__exit_1umf1 .bottom-sheet__component_1umf1 {
87
87
  transform: translateY(0);
88
88
  }
89
- .bottom-sheet__exitActive_1ielz .bottom-sheet__component_1ielz {
89
+ .bottom-sheet__exitActive_1umf1 .bottom-sheet__component_1umf1 {
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-2ea4e400.js');
5
+ require('./Component-843c49d1.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_1ielz","component":"bottom-sheet__component_1ielz","withTransition":"bottom-sheet__withTransition_1ielz","marker":"bottom-sheet__marker_1ielz","scrollableContainer":"bottom-sheet__scrollableContainer_1ielz","withPadding":"bottom-sheet__withPadding_1ielz","content":"bottom-sheet__content_1ielz","title":"bottom-sheet__title_1ielz","scrollLocked":"bottom-sheet__scrollLocked_1ielz","appear":"bottom-sheet__appear_1ielz","enter":"bottom-sheet__enter_1ielz","appearActive":"bottom-sheet__appearActive_1ielz","enterActive":"bottom-sheet__enterActive_1ielz","enterDone":"bottom-sheet__enterDone_1ielz","appearDone":"bottom-sheet__appearDone_1ielz","exit":"bottom-sheet__exit_1ielz","exitActive":"bottom-sheet__exitActive_1ielz"};
10
+ var styles = {"modal":"bottom-sheet__modal_1umf1","component":"bottom-sheet__component_1umf1","withTransition":"bottom-sheet__withTransition_1umf1","marker":"bottom-sheet__marker_1umf1","scrollableContainer":"bottom-sheet__scrollableContainer_1umf1","withPadding":"bottom-sheet__withPadding_1umf1","content":"bottom-sheet__content_1umf1","title":"bottom-sheet__title_1umf1","scrollLocked":"bottom-sheet__scrollLocked_1umf1","appear":"bottom-sheet__appear_1umf1","enter":"bottom-sheet__enter_1umf1","appearActive":"bottom-sheet__appearActive_1umf1","enterActive":"bottom-sheet__enterActive_1umf1","enterDone":"bottom-sheet__enterDone_1umf1","appearDone":"bottom-sheet__appearDone_1umf1","exit":"bottom-sheet__exit_1umf1","exitActive":"bottom-sheet__exitActive_1umf1"};
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_byygy","highlighted":"bottom-sheet__highlighted_byygy"};
5
+ var styles = {"footer":"bottom-sheet__footer_n3l1u","highlighted":"bottom-sheet__highlighted_n3l1u"};
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: 657hw */
1
+ /* hash: l9hpr */
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_byygy {
18
+ .bottom-sheet__footer_n3l1u {
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_byygy {
24
+ .bottom-sheet__highlighted_n3l1u {
25
25
  box-shadow: var(--shadow-s-up);
26
26
  }
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: znx0k */
1
+ /* hash: y9dgf */
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_1ielz {
25
+ .bottom-sheet__modal_1umf1 {
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_1ielz {
32
+ .bottom-sheet__component_1umf1 {
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_1ielz {
42
+ .bottom-sheet__withTransition_1umf1 {
43
43
  transition: var(--bottom-sheet-out-transition);
44
44
  }
45
- .bottom-sheet__marker_1ielz {
45
+ .bottom-sheet__marker_1umf1 {
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_1ielz {
55
+ .bottom-sheet__scrollableContainer_1umf1 {
56
56
  overflow: auto;
57
57
  padding-top: var(--gap-2xl);
58
58
  }
59
- .bottom-sheet__withPadding_1ielz {
59
+ .bottom-sheet__withPadding_1umf1 {
60
60
  padding-bottom: var(--gap-xl);
61
61
  }
62
- .bottom-sheet__content_1ielz {
62
+ .bottom-sheet__content_1umf1 {
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_1ielz {
69
+ .bottom-sheet__title_1umf1 {
70
70
  margin-bottom: var(--gap-xl);
71
71
  padding: 0 var(--gap-m);
72
72
  }
73
- .bottom-sheet__scrollLocked_1ielz {
73
+ .bottom-sheet__scrollLocked_1umf1 {
74
74
  overflow: hidden;
75
75
  }
76
- .bottom-sheet__appear_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__enter_1ielz .bottom-sheet__component_1ielz {
76
+ .bottom-sheet__appear_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__enter_1umf1 .bottom-sheet__component_1umf1 {
77
77
  transition: none;
78
78
  }
79
- .bottom-sheet__appearActive_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__enterActive_1ielz .bottom-sheet__component_1ielz {
79
+ .bottom-sheet__appearActive_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__enterActive_1umf1 .bottom-sheet__component_1umf1 {
80
80
  transition: var(--bottom-sheet-in-transition);
81
81
  transform: translateY(0);
82
82
  }
83
- .bottom-sheet__enterDone_1ielz .bottom-sheet__component_1ielz, .bottom-sheet__appearDone_1ielz .bottom-sheet__component_1ielz {
83
+ .bottom-sheet__enterDone_1umf1 .bottom-sheet__component_1umf1, .bottom-sheet__appearDone_1umf1 .bottom-sheet__component_1umf1 {
84
84
  transform: translateY(0);
85
85
  }
86
- .bottom-sheet__exit_1ielz .bottom-sheet__component_1ielz {
86
+ .bottom-sheet__exit_1umf1 .bottom-sheet__component_1umf1 {
87
87
  transform: translateY(0);
88
88
  }
89
- .bottom-sheet__exitActive_1ielz .bottom-sheet__component_1ielz {
89
+ .bottom-sheet__exitActive_1umf1 .bottom-sheet__component_1umf1 {
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.2",
3
+ "version": "3.1.0",
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.1.0",
25
- "@alfalab/core-components-typography": "^2.3.0",
24
+ "@alfalab/core-components-base-modal": "^3.2.0",
25
+ "@alfalab/core-components-typography": "^2.4.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": "108ff074b584a39584279b079825456dc579db41"
30
+ "gitHead": "ddf4fab6035139cf412e0acb7174ef388f23e4f2"
31
31
  }