@alfalab/core-components-bottom-sheet 4.1.0 → 4.1.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 (50) hide show
  1. package/CHANGELOG.md +24 -24
  2. package/dist/{component-8680d27f.d.ts → component-28032140.d.ts} +0 -0
  3. package/dist/{component-8680d27f.js → component-28032140.js} +3 -3
  4. package/dist/component.js +2 -2
  5. package/dist/components/backer/Component.js +2 -2
  6. package/dist/components/backer/index.css +3 -3
  7. package/dist/components/closer/Component.js +2 -2
  8. package/dist/components/closer/index.css +3 -3
  9. package/dist/components/footer/Component.js +1 -1
  10. package/dist/components/footer/index.css +4 -4
  11. package/dist/components/header/Component.js +2 -2
  12. package/dist/components/header/index.css +16 -16
  13. package/dist/components/swipeable-backdrop/Component.js +1 -1
  14. package/dist/esm/{component-7d960f38.d.ts → component-e48c555e.d.ts} +0 -0
  15. package/dist/esm/{component-7d960f38.js → component-e48c555e.js} +3 -3
  16. package/dist/esm/component.js +2 -2
  17. package/dist/esm/components/backer/Component.js +2 -2
  18. package/dist/esm/components/backer/index.css +3 -3
  19. package/dist/esm/components/closer/Component.js +2 -2
  20. package/dist/esm/components/closer/index.css +3 -3
  21. package/dist/esm/components/footer/Component.js +1 -1
  22. package/dist/esm/components/footer/index.css +4 -4
  23. package/dist/esm/components/header/Component.js +2 -2
  24. package/dist/esm/components/header/index.css +16 -16
  25. package/dist/esm/components/swipeable-backdrop/Component.js +1 -1
  26. package/dist/esm/index.css +15 -15
  27. package/dist/esm/index.d.ts +1 -1
  28. package/dist/esm/index.js +2 -2
  29. package/dist/esm/{tslib.es6-7f629856.d.ts → tslib.es6-db6f88c7.d.ts} +0 -0
  30. package/dist/esm/{tslib.es6-7f629856.js → tslib.es6-db6f88c7.js} +0 -0
  31. package/dist/index.css +15 -15
  32. package/dist/index.d.ts +1 -1
  33. package/dist/index.js +2 -2
  34. package/dist/modern/{component-7a1c353b.d.ts → component-e7a8300d.d.ts} +0 -0
  35. package/dist/modern/{component-7a1c353b.js → component-e7a8300d.js} +2 -2
  36. package/dist/modern/component.js +1 -1
  37. package/dist/modern/components/backer/Component.js +1 -1
  38. package/dist/modern/components/backer/index.css +3 -3
  39. package/dist/modern/components/closer/Component.js +1 -1
  40. package/dist/modern/components/closer/index.css +3 -3
  41. package/dist/modern/components/footer/Component.js +1 -1
  42. package/dist/modern/components/footer/index.css +4 -4
  43. package/dist/modern/components/header/Component.js +1 -1
  44. package/dist/modern/components/header/index.css +16 -16
  45. package/dist/modern/index.css +15 -15
  46. package/dist/modern/index.d.ts +1 -1
  47. package/dist/modern/index.js +1 -1
  48. package/dist/{tslib.es6-c74c8bbc.d.ts → tslib.es6-18f76d7f.d.ts} +0 -0
  49. package/dist/{tslib.es6-c74c8bbc.js → tslib.es6-18f76d7f.js} +0 -0
  50. package/package.json +6 -6
@@ -1,4 +1,4 @@
1
- import '../../tslib.es6-7f629856.js';
1
+ import '../../tslib.es6-db6f88c7.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import 'react-div-100vh';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
10
10
  import '../closer/Component.js';
11
11
  import '@alfalab/icons-glyph/ArrowBackMIcon';
12
12
  import '../backer/Component.js';
13
- export { a as Header } from '../../component-7d960f38.js';
13
+ export { a as Header } from '../../component-e48c555e.js';
14
14
  import '../footer/Component.js';
15
15
  import '@alfalab/core-components-backdrop/dist/esm';
16
16
  import '../swipeable-backdrop/Component.js';
@@ -1,4 +1,4 @@
1
- /* hash: c5fqk */
1
+ /* hash: 1ypto */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -30,7 +30,7 @@
30
30
  --bottom-sheet-title-font-family: var(--font-family-system);
31
31
  --bottom-sheet-title-margin-vertical: var(--gap-2xs);
32
32
  }
33
- .bottom-sheet__header_1ezhe {
33
+ .bottom-sheet__header_zwocr {
34
34
  display: flex;
35
35
  padding: var(--gap-xs);
36
36
  padding-bottom: 0;
@@ -39,35 +39,35 @@
39
39
  border-top-left-radius: var(--border-radius-xl);
40
40
  z-index: 1;
41
41
  }
42
- .bottom-sheet__sticky_1ezhe {
42
+ .bottom-sheet__sticky_zwocr {
43
43
  position: sticky;
44
44
  top: 0;
45
45
  }
46
- .bottom-sheet__highlighted_1ezhe {
46
+ .bottom-sheet__highlighted_zwocr {
47
47
  border-bottom: var(--bottom-sheet-header-border-bottom);
48
48
  }
49
- .bottom-sheet__justifyEnd_1ezhe {
49
+ .bottom-sheet__justifyEnd_zwocr {
50
50
  justify-content: flex-end;
51
51
  }
52
- .bottom-sheet__addon_1ezhe {
52
+ .bottom-sheet__addon_zwocr {
53
53
  display: flex;
54
54
  justify-content: center;
55
55
  align-items: center;
56
56
  min-width: 48px;
57
57
  height: 48px;
58
58
  }
59
- .bottom-sheet__addonFixed_1ezhe {
59
+ .bottom-sheet__addonFixed_zwocr {
60
60
  position: fixed;
61
61
  }
62
- .bottom-sheet__addonLeft_1ezhe {
62
+ .bottom-sheet__addonLeft_zwocr {
63
63
  left: 0;
64
64
  margin-left: var(--gap-xs);
65
65
  }
66
- .bottom-sheet__addonRight_1ezhe {
66
+ .bottom-sheet__addonRight_zwocr {
67
67
  right: 0;
68
68
  margin-right: var(--gap-xs);
69
69
  }
70
- .bottom-sheet__title_1ezhe {
70
+ .bottom-sheet__title_zwocr {
71
71
  padding: var(--gap-xs) var(--gap-xs);
72
72
  margin: var(--bottom-sheet-title-margin-vertical) 0;
73
73
  width: 100%;
@@ -76,23 +76,23 @@
76
76
  line-height: var(--bottom-sheet-title-line-height);
77
77
  font-family: var(--bottom-sheet-title-font-family);
78
78
  }
79
- .bottom-sheet__titleCenter_1ezhe {
79
+ .bottom-sheet__titleCenter_zwocr {
80
80
  text-align: center;
81
81
  }
82
- .bottom-sheet__titleLeft_1ezhe {
82
+ .bottom-sheet__titleLeft_zwocr {
83
83
  text-align: left;
84
84
  }
85
- .bottom-sheet__trimTitle_1ezhe {
85
+ .bottom-sheet__trimTitle_zwocr {
86
86
  white-space: nowrap;
87
87
  overflow: hidden;
88
88
  text-overflow: ellipsis;
89
89
  }
90
- .bottom-sheet__titleBigIndentHorizontal_1ezhe {
90
+ .bottom-sheet__titleBigIndentHorizontal_zwocr {
91
91
  margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
92
92
  }
93
- .bottom-sheet__titleIndentRight_1ezhe {
93
+ .bottom-sheet__titleIndentRight_zwocr {
94
94
  margin-right: var(--gap-4xl);
95
95
  }
96
- .bottom-sheet__titleIndentLeft_1ezhe {
96
+ .bottom-sheet__titleIndentLeft_zwocr {
97
97
  margin-left: var(--gap-4xl);
98
98
  }
@@ -1,4 +1,4 @@
1
- import { a as __rest, _ as __assign } from '../../tslib.es6-7f629856.js';
1
+ import { a as __rest, _ as __assign } from '../../tslib.es6-db6f88c7.js';
2
2
  import React from 'react';
3
3
  import { Backdrop } from '@alfalab/core-components-backdrop/dist/esm';
4
4
 
@@ -1,4 +1,4 @@
1
- /* hash: 6bbw4 */
1
+ /* hash: 3xcx0 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-graphic-neutral: #dbdee1;
@@ -24,14 +24,14 @@
24
24
  --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
25
25
  --bottom-sheet-out-transition: 0.3s ease;
26
26
  }
27
- .bottom-sheet__modal_1nq3o {
27
+ .bottom-sheet__modal_1j3w9 {
28
28
  background-color: transparent;
29
29
  position: fixed;
30
30
  bottom: 0;
31
31
  width: 100%;
32
32
  max-width: 600px;
33
33
  }
34
- .bottom-sheet__component_1nq3o {
34
+ .bottom-sheet__component_1j3w9 {
35
35
  overflow: hidden;
36
36
  position: relative;
37
37
  display: flex;
@@ -41,17 +41,17 @@
41
41
  background: var(--color-light-bg-primary);
42
42
  transform: translateY(100%);
43
43
  }
44
- .bottom-sheet__withTransition_1nq3o {
44
+ .bottom-sheet__withTransition_1j3w9 {
45
45
  transition: var(--bottom-sheet-out-transition);
46
46
  }
47
- .bottom-sheet__scrollableContainer_1nq3o {
47
+ .bottom-sheet__scrollableContainer_1j3w9 {
48
48
  overflow: auto;
49
49
  display: flex;
50
50
  flex-direction: column;
51
51
  position: relative;
52
52
  height: 100%;
53
53
  }
54
- .bottom-sheet__marker_1nq3o {
54
+ .bottom-sheet__marker_1j3w9 {
55
55
  position: fixed;
56
56
  top: var(--gap-2xs);
57
57
  left: 50%;
@@ -62,7 +62,7 @@
62
62
  background-color: var(--color-light-graphic-neutral);
63
63
  z-index: 1000;
64
64
  }
65
- .bottom-sheet__content_1nq3o {
65
+ .bottom-sheet__content_1j3w9 {
66
66
  display: flex;
67
67
  flex-direction: column;
68
68
  flex: 1;
@@ -70,29 +70,29 @@
70
70
  color: var(--color-light-text-primary);
71
71
  background-color: var(--color-light-bg-primary);
72
72
  }
73
- .bottom-sheet__noHeader_1nq3o {
73
+ .bottom-sheet__noHeader_1j3w9 {
74
74
  padding-top: var(--gap-xl);
75
75
  }
76
- .bottom-sheet__noFooter_1nq3o {
76
+ .bottom-sheet__noFooter_1j3w9 {
77
77
  padding-bottom: var(--gap-m);
78
78
  }
79
- .bottom-sheet__scrollLocked_1nq3o {
79
+ .bottom-sheet__scrollLocked_1j3w9 {
80
80
  overflow: hidden;
81
81
  }
82
- .bottom-sheet__appear_1nq3o .bottom-sheet__component_1nq3o, .bottom-sheet__enter_1nq3o .bottom-sheet__component_1nq3o {
82
+ .bottom-sheet__appear_1j3w9 .bottom-sheet__component_1j3w9, .bottom-sheet__enter_1j3w9 .bottom-sheet__component_1j3w9 {
83
83
  transition: none;
84
84
  }
85
- .bottom-sheet__appearActive_1nq3o .bottom-sheet__component_1nq3o, .bottom-sheet__enterActive_1nq3o .bottom-sheet__component_1nq3o {
85
+ .bottom-sheet__appearActive_1j3w9 .bottom-sheet__component_1j3w9, .bottom-sheet__enterActive_1j3w9 .bottom-sheet__component_1j3w9 {
86
86
  transition: var(--bottom-sheet-in-transition);
87
87
  transform: translateY(0);
88
88
  }
89
- .bottom-sheet__enterDone_1nq3o .bottom-sheet__component_1nq3o, .bottom-sheet__appearDone_1nq3o .bottom-sheet__component_1nq3o {
89
+ .bottom-sheet__enterDone_1j3w9 .bottom-sheet__component_1j3w9, .bottom-sheet__appearDone_1j3w9 .bottom-sheet__component_1j3w9 {
90
90
  transform: translateY(0);
91
91
  }
92
- .bottom-sheet__exit_1nq3o .bottom-sheet__component_1nq3o {
92
+ .bottom-sheet__exit_1j3w9 .bottom-sheet__component_1j3w9 {
93
93
  transform: translateY(0);
94
94
  }
95
- .bottom-sheet__exitActive_1nq3o .bottom-sheet__component_1nq3o {
95
+ .bottom-sheet__exitActive_1j3w9 .bottom-sheet__component_1j3w9 {
96
96
  transition: var(--bottom-sheet-out-transition);
97
97
  transform: translateY(100%);
98
98
  }
@@ -1 +1 @@
1
- export * from "./component-7d960f38";
1
+ export * from "./component-e48c555e";
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './tslib.es6-7f629856.js';
1
+ import './tslib.es6-db6f88c7.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import 'react-div-100vh';
@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
10
10
  import './components/closer/Component.js';
11
11
  import '@alfalab/icons-glyph/ArrowBackMIcon';
12
12
  import './components/backer/Component.js';
13
- export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-7d960f38.js';
13
+ export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-e48c555e.js';
14
14
  import './components/footer/Component.js';
15
15
  import '@alfalab/core-components-backdrop/dist/esm';
16
16
  import './components/swipeable-backdrop/Component.js';
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 6bbw4 */
1
+ /* hash: 3xcx0 */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-graphic-neutral: #dbdee1;
@@ -24,14 +24,14 @@
24
24
  --bottom-sheet-in-transition: 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
25
25
  --bottom-sheet-out-transition: 0.3s ease;
26
26
  }
27
- .bottom-sheet__modal_1nq3o {
27
+ .bottom-sheet__modal_1j3w9 {
28
28
  background-color: transparent;
29
29
  position: fixed;
30
30
  bottom: 0;
31
31
  width: 100%;
32
32
  max-width: 600px;
33
33
  }
34
- .bottom-sheet__component_1nq3o {
34
+ .bottom-sheet__component_1j3w9 {
35
35
  overflow: hidden;
36
36
  position: relative;
37
37
  display: flex;
@@ -41,17 +41,17 @@
41
41
  background: var(--color-light-bg-primary);
42
42
  transform: translateY(100%);
43
43
  }
44
- .bottom-sheet__withTransition_1nq3o {
44
+ .bottom-sheet__withTransition_1j3w9 {
45
45
  transition: var(--bottom-sheet-out-transition);
46
46
  }
47
- .bottom-sheet__scrollableContainer_1nq3o {
47
+ .bottom-sheet__scrollableContainer_1j3w9 {
48
48
  overflow: auto;
49
49
  display: flex;
50
50
  flex-direction: column;
51
51
  position: relative;
52
52
  height: 100%;
53
53
  }
54
- .bottom-sheet__marker_1nq3o {
54
+ .bottom-sheet__marker_1j3w9 {
55
55
  position: fixed;
56
56
  top: var(--gap-2xs);
57
57
  left: 50%;
@@ -62,7 +62,7 @@
62
62
  background-color: var(--color-light-graphic-neutral);
63
63
  z-index: 1000;
64
64
  }
65
- .bottom-sheet__content_1nq3o {
65
+ .bottom-sheet__content_1j3w9 {
66
66
  display: flex;
67
67
  flex-direction: column;
68
68
  flex: 1;
@@ -70,29 +70,29 @@
70
70
  color: var(--color-light-text-primary);
71
71
  background-color: var(--color-light-bg-primary);
72
72
  }
73
- .bottom-sheet__noHeader_1nq3o {
73
+ .bottom-sheet__noHeader_1j3w9 {
74
74
  padding-top: var(--gap-xl);
75
75
  }
76
- .bottom-sheet__noFooter_1nq3o {
76
+ .bottom-sheet__noFooter_1j3w9 {
77
77
  padding-bottom: var(--gap-m);
78
78
  }
79
- .bottom-sheet__scrollLocked_1nq3o {
79
+ .bottom-sheet__scrollLocked_1j3w9 {
80
80
  overflow: hidden;
81
81
  }
82
- .bottom-sheet__appear_1nq3o .bottom-sheet__component_1nq3o, .bottom-sheet__enter_1nq3o .bottom-sheet__component_1nq3o {
82
+ .bottom-sheet__appear_1j3w9 .bottom-sheet__component_1j3w9, .bottom-sheet__enter_1j3w9 .bottom-sheet__component_1j3w9 {
83
83
  transition: none;
84
84
  }
85
- .bottom-sheet__appearActive_1nq3o .bottom-sheet__component_1nq3o, .bottom-sheet__enterActive_1nq3o .bottom-sheet__component_1nq3o {
85
+ .bottom-sheet__appearActive_1j3w9 .bottom-sheet__component_1j3w9, .bottom-sheet__enterActive_1j3w9 .bottom-sheet__component_1j3w9 {
86
86
  transition: var(--bottom-sheet-in-transition);
87
87
  transform: translateY(0);
88
88
  }
89
- .bottom-sheet__enterDone_1nq3o .bottom-sheet__component_1nq3o, .bottom-sheet__appearDone_1nq3o .bottom-sheet__component_1nq3o {
89
+ .bottom-sheet__enterDone_1j3w9 .bottom-sheet__component_1j3w9, .bottom-sheet__appearDone_1j3w9 .bottom-sheet__component_1j3w9 {
90
90
  transform: translateY(0);
91
91
  }
92
- .bottom-sheet__exit_1nq3o .bottom-sheet__component_1nq3o {
92
+ .bottom-sheet__exit_1j3w9 .bottom-sheet__component_1j3w9 {
93
93
  transform: translateY(0);
94
94
  }
95
- .bottom-sheet__exitActive_1nq3o .bottom-sheet__component_1nq3o {
95
+ .bottom-sheet__exitActive_1j3w9 .bottom-sheet__component_1j3w9 {
96
96
  transition: var(--bottom-sheet-out-transition);
97
97
  transform: translateY(100%);
98
98
  }
package/dist/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from "./component-8680d27f";
1
+ export * from "./component-28032140";
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- require('./tslib.es6-c74c8bbc.js');
5
+ require('./tslib.es6-18f76d7f.js');
6
6
  require('react');
7
7
  require('classnames');
8
8
  require('react-div-100vh');
@@ -14,7 +14,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
14
14
  require('./components/closer/Component.js');
15
15
  require('@alfalab/icons-glyph/ArrowBackMIcon');
16
16
  require('./components/backer/Component.js');
17
- var components_header_Component = require('./component-8680d27f.js');
17
+ var components_header_Component = require('./component-28032140.js');
18
18
  require('./components/footer/Component.js');
19
19
  require('@alfalab/core-components-backdrop');
20
20
  require('./components/swipeable-backdrop/Component.js');
@@ -9,7 +9,7 @@ import { Backer } from './components/backer/Component.js';
9
9
  import { Footer } from './components/footer/Component.js';
10
10
  import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
11
11
 
12
- var styles = {"header":"bottom-sheet__header_1ezhe","sticky":"bottom-sheet__sticky_1ezhe","highlighted":"bottom-sheet__highlighted_1ezhe","justifyEnd":"bottom-sheet__justifyEnd_1ezhe","addon":"bottom-sheet__addon_1ezhe","addonFixed":"bottom-sheet__addonFixed_1ezhe","addonLeft":"bottom-sheet__addonLeft_1ezhe","addonRight":"bottom-sheet__addonRight_1ezhe","title":"bottom-sheet__title_1ezhe","titleCenter":"bottom-sheet__titleCenter_1ezhe","titleLeft":"bottom-sheet__titleLeft_1ezhe","trimTitle":"bottom-sheet__trimTitle_1ezhe","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_1ezhe","titleIndentRight":"bottom-sheet__titleIndentRight_1ezhe","titleIndentLeft":"bottom-sheet__titleIndentLeft_1ezhe"};
12
+ var styles = {"header":"bottom-sheet__header_zwocr","sticky":"bottom-sheet__sticky_zwocr","highlighted":"bottom-sheet__highlighted_zwocr","justifyEnd":"bottom-sheet__justifyEnd_zwocr","addon":"bottom-sheet__addon_zwocr","addonFixed":"bottom-sheet__addonFixed_zwocr","addonLeft":"bottom-sheet__addonLeft_zwocr","addonRight":"bottom-sheet__addonRight_zwocr","title":"bottom-sheet__title_zwocr","titleCenter":"bottom-sheet__titleCenter_zwocr","titleLeft":"bottom-sheet__titleLeft_zwocr","trimTitle":"bottom-sheet__trimTitle_zwocr","titleBigIndentHorizontal":"bottom-sheet__titleBigIndentHorizontal_zwocr","titleIndentRight":"bottom-sheet__titleIndentRight_zwocr","titleIndentLeft":"bottom-sheet__titleIndentLeft_zwocr"};
13
13
  require('./components/header/index.css')
14
14
 
15
15
  const Header = ({ title, headerClassName, addonClassName, closerClassName, backerClassName, leftAddons, rightAddons, hasCloser, hasBacker, titleAlign, trimTitle, sticky, onBack, }) => {
@@ -53,7 +53,7 @@ const Header = ({ title, headerClassName, addonClassName, closerClassName, backe
53
53
  }) }, hasCloser ? React.createElement(Closer, { className: closerClassName }) : rightAddons))));
54
54
  };
55
55
 
56
- var styles$1 = {"modal":"bottom-sheet__modal_1nq3o","component":"bottom-sheet__component_1nq3o","withTransition":"bottom-sheet__withTransition_1nq3o","scrollableContainer":"bottom-sheet__scrollableContainer_1nq3o","marker":"bottom-sheet__marker_1nq3o","content":"bottom-sheet__content_1nq3o","noHeader":"bottom-sheet__noHeader_1nq3o","noFooter":"bottom-sheet__noFooter_1nq3o","scrollLocked":"bottom-sheet__scrollLocked_1nq3o","appear":"bottom-sheet__appear_1nq3o","enter":"bottom-sheet__enter_1nq3o","appearActive":"bottom-sheet__appearActive_1nq3o","enterActive":"bottom-sheet__enterActive_1nq3o","enterDone":"bottom-sheet__enterDone_1nq3o","appearDone":"bottom-sheet__appearDone_1nq3o","exit":"bottom-sheet__exit_1nq3o","exitActive":"bottom-sheet__exitActive_1nq3o"};
56
+ var styles$1 = {"modal":"bottom-sheet__modal_1j3w9","component":"bottom-sheet__component_1j3w9","withTransition":"bottom-sheet__withTransition_1j3w9","scrollableContainer":"bottom-sheet__scrollableContainer_1j3w9","marker":"bottom-sheet__marker_1j3w9","content":"bottom-sheet__content_1j3w9","noHeader":"bottom-sheet__noHeader_1j3w9","noFooter":"bottom-sheet__noFooter_1j3w9","scrollLocked":"bottom-sheet__scrollLocked_1j3w9","appear":"bottom-sheet__appear_1j3w9","enter":"bottom-sheet__enter_1j3w9","appearActive":"bottom-sheet__appearActive_1j3w9","enterActive":"bottom-sheet__enterActive_1j3w9","enterDone":"bottom-sheet__enterDone_1j3w9","appearDone":"bottom-sheet__appearDone_1j3w9","exit":"bottom-sheet__exit_1j3w9","exitActive":"bottom-sheet__exitActive_1j3w9"};
57
57
  require('./index.css')
58
58
 
59
59
  const TIMEOUT = 300;
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
9
9
  import './components/closer/Component.js';
10
10
  import '@alfalab/icons-glyph/ArrowBackMIcon';
11
11
  import './components/backer/Component.js';
12
- export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-7a1c353b.js';
12
+ export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-e7a8300d.js';
13
13
  import './components/footer/Component.js';
14
14
  import '@alfalab/core-components-backdrop/dist/modern';
15
15
  import './components/swipeable-backdrop/Component.js';
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { IconButton } from '@alfalab/core-components-icon-button/dist/modern';
4
4
  import { ArrowBackMIcon } from '@alfalab/icons-glyph/ArrowBackMIcon';
5
5
 
6
- var styles = {"backer":"bottom-sheet__backer_kyu8g","button":"bottom-sheet__button_kyu8g"};
6
+ var styles = {"backer":"bottom-sheet__backer_15svs","button":"bottom-sheet__button_15svs"};
7
7
  require('./index.css')
8
8
 
9
9
  const Backer = ({ className, size = 'xs', icon = ArrowBackMIcon, onClick, ...restProps }) => {
@@ -1,9 +1,9 @@
1
- /* hash: 11qdr */
1
+ /* hash: 18rvm */
2
2
  :root {
3
3
  --bottom-sheet-backer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
4
4
  }
5
5
 
6
- .bottom-sheet__backer_kyu8g {
6
+ .bottom-sheet__backer_15svs {
7
7
  width: 32px;
8
8
  height: 32px;
9
9
  display: flex;
@@ -13,7 +13,7 @@
13
13
  color: var(--color-light-graphic-primary);
14
14
  }
15
15
 
16
- .bottom-sheet__button_kyu8g {
16
+ .bottom-sheet__button_15svs {
17
17
  background: var(--bottom-sheet-backer-bg-color);
18
18
  -webkit-backdrop-filter: blur(10px);
19
19
  backdrop-filter: blur(10px);
@@ -4,7 +4,7 @@ import { BaseModalContext } from '@alfalab/core-components-base-modal/dist/moder
4
4
  import { IconButton } from '@alfalab/core-components-icon-button/dist/modern';
5
5
  import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
6
6
 
7
- var styles = {"closer":"bottom-sheet__closer_2ue0t","button":"bottom-sheet__button_2ue0t"};
7
+ var styles = {"closer":"bottom-sheet__closer_1kak7","button":"bottom-sheet__button_1kak7"};
8
8
  require('./index.css')
9
9
 
10
10
  const Closer = ({ className, size = 'xs', icon = CrossMIcon, ...restProps }) => {
@@ -1,9 +1,9 @@
1
- /* hash: 1lw2h */
1
+ /* hash: 1ji3h */
2
2
  :root {
3
3
  --bottom-sheet-closer-bg-color: var(--color-light-bg-primary-inverted-alpha-3);
4
4
  }
5
5
 
6
- .bottom-sheet__closer_2ue0t {
6
+ .bottom-sheet__closer_1kak7 {
7
7
  width: 32px;
8
8
  height: 32px;
9
9
  display: flex;
@@ -13,7 +13,7 @@
13
13
  color: var(--color-light-graphic-primary);
14
14
  }
15
15
 
16
- .bottom-sheet__button_2ue0t {
16
+ .bottom-sheet__button_1kak7 {
17
17
  background: var(--bottom-sheet-closer-bg-color);
18
18
  -webkit-backdrop-filter: blur(10px);
19
19
  backdrop-filter: blur(10px);
@@ -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_1fb6t","sticky":"bottom-sheet__sticky_1fb6t","highlighted":"bottom-sheet__highlighted_1fb6t"};
5
+ var styles = {"footer":"bottom-sheet__footer_9ofio","sticky":"bottom-sheet__sticky_9ofio","highlighted":"bottom-sheet__highlighted_9ofio"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ children, className, sticky }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 12ev6 */
1
+ /* hash: alshr */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  --color-light-border-primary: #dbdee1;
@@ -18,15 +18,15 @@
18
18
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
19
19
  --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
20
20
  }
21
- .bottom-sheet__footer_1fb6t {
21
+ .bottom-sheet__footer_9ofio {
22
22
  padding: var(--gap-m) var(--gap-m);
23
23
  background-color: var(--color-light-bg-primary);
24
24
  }
25
- .bottom-sheet__sticky_1fb6t {
25
+ .bottom-sheet__sticky_9ofio {
26
26
  position: sticky;
27
27
  bottom: 0;
28
28
  }
29
- .bottom-sheet__highlighted_1fb6t {
29
+ .bottom-sheet__highlighted_9ofio {
30
30
  border-top: var(--bottom-sheet-footer-border-top);
31
31
  background-color: var(--bottom-sheet-footer-background-color);
32
32
  }
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CrossMIcon';
9
9
  import '../closer/Component.js';
10
10
  import '@alfalab/icons-glyph/ArrowBackMIcon';
11
11
  import '../backer/Component.js';
12
- export { a as Header } from '../../component-7a1c353b.js';
12
+ export { a as Header } from '../../component-e7a8300d.js';
13
13
  import '../footer/Component.js';
14
14
  import '@alfalab/core-components-backdrop/dist/modern';
15
15
  import '../swipeable-backdrop/Component.js';
@@ -1,4 +1,4 @@
1
- /* hash: c5fqk */
1
+ /* hash: 1ypto */
2
2
  :root {
3
3
  --color-light-bg-primary: #fff;
4
4
  }
@@ -30,7 +30,7 @@
30
30
  --bottom-sheet-title-font-family: var(--font-family-system);
31
31
  --bottom-sheet-title-margin-vertical: var(--gap-2xs);
32
32
  }
33
- .bottom-sheet__header_1ezhe {
33
+ .bottom-sheet__header_zwocr {
34
34
  display: flex;
35
35
  padding: var(--gap-xs);
36
36
  padding-bottom: 0;
@@ -39,35 +39,35 @@
39
39
  border-top-left-radius: var(--border-radius-xl);
40
40
  z-index: 1;
41
41
  }
42
- .bottom-sheet__sticky_1ezhe {
42
+ .bottom-sheet__sticky_zwocr {
43
43
  position: sticky;
44
44
  top: 0;
45
45
  }
46
- .bottom-sheet__highlighted_1ezhe {
46
+ .bottom-sheet__highlighted_zwocr {
47
47
  border-bottom: var(--bottom-sheet-header-border-bottom);
48
48
  }
49
- .bottom-sheet__justifyEnd_1ezhe {
49
+ .bottom-sheet__justifyEnd_zwocr {
50
50
  justify-content: flex-end;
51
51
  }
52
- .bottom-sheet__addon_1ezhe {
52
+ .bottom-sheet__addon_zwocr {
53
53
  display: flex;
54
54
  justify-content: center;
55
55
  align-items: center;
56
56
  min-width: 48px;
57
57
  height: 48px;
58
58
  }
59
- .bottom-sheet__addonFixed_1ezhe {
59
+ .bottom-sheet__addonFixed_zwocr {
60
60
  position: fixed;
61
61
  }
62
- .bottom-sheet__addonLeft_1ezhe {
62
+ .bottom-sheet__addonLeft_zwocr {
63
63
  left: 0;
64
64
  margin-left: var(--gap-xs);
65
65
  }
66
- .bottom-sheet__addonRight_1ezhe {
66
+ .bottom-sheet__addonRight_zwocr {
67
67
  right: 0;
68
68
  margin-right: var(--gap-xs);
69
69
  }
70
- .bottom-sheet__title_1ezhe {
70
+ .bottom-sheet__title_zwocr {
71
71
  padding: var(--gap-xs) var(--gap-xs);
72
72
  margin: var(--bottom-sheet-title-margin-vertical) 0;
73
73
  width: 100%;
@@ -76,23 +76,23 @@
76
76
  line-height: var(--bottom-sheet-title-line-height);
77
77
  font-family: var(--bottom-sheet-title-font-family);
78
78
  }
79
- .bottom-sheet__titleCenter_1ezhe {
79
+ .bottom-sheet__titleCenter_zwocr {
80
80
  text-align: center;
81
81
  }
82
- .bottom-sheet__titleLeft_1ezhe {
82
+ .bottom-sheet__titleLeft_zwocr {
83
83
  text-align: left;
84
84
  }
85
- .bottom-sheet__trimTitle_1ezhe {
85
+ .bottom-sheet__trimTitle_zwocr {
86
86
  white-space: nowrap;
87
87
  overflow: hidden;
88
88
  text-overflow: ellipsis;
89
89
  }
90
- .bottom-sheet__titleBigIndentHorizontal_1ezhe {
90
+ .bottom-sheet__titleBigIndentHorizontal_zwocr {
91
91
  margin: var(--bottom-sheet-title-margin-vertical) var(--gap-4xl);
92
92
  }
93
- .bottom-sheet__titleIndentRight_1ezhe {
93
+ .bottom-sheet__titleIndentRight_zwocr {
94
94
  margin-right: var(--gap-4xl);
95
95
  }
96
- .bottom-sheet__titleIndentLeft_1ezhe {
96
+ .bottom-sheet__titleIndentLeft_zwocr {
97
97
  margin-left: var(--gap-4xl);
98
98
  }