@alfalab/core-components-bottom-sheet 4.2.1 → 4.4.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.
- package/CHANGELOG.md +38 -0
- package/dist/{component-79cc0f82.d.ts → component-e4bbc212.d.ts} +13 -1
- package/dist/{component-79cc0f82.js → component-e4bbc212.js} +34 -30
- package/dist/component.js +2 -2
- package/dist/components/backer/Component.js +2 -2
- package/dist/components/backer/index.css +3 -3
- package/dist/components/closer/Component.js +2 -2
- package/dist/components/closer/index.css +3 -3
- package/dist/components/footer/Component.js +1 -1
- package/dist/components/footer/index.css +4 -4
- package/dist/components/header/Component.js +2 -2
- package/dist/components/header/index.css +19 -17
- package/dist/components/swipeable-backdrop/Component.js +1 -1
- package/dist/{esm/component-d0076513.d.ts → cssm/component-1a32e10b.d.ts} +13 -1
- package/dist/cssm/{component-42c27971.js → component-1a32e10b.js} +31 -27
- package/dist/cssm/component.js +1 -1
- package/dist/cssm/components/header/Component.js +1 -1
- package/dist/cssm/components/header/index.module.css +4 -2
- package/dist/cssm/index.d.ts +1 -1
- package/dist/cssm/index.js +1 -1
- package/dist/{cssm/component-42c27971.d.ts → esm/component-f52911e2.d.ts} +13 -1
- package/dist/esm/{component-d0076513.js → component-f52911e2.js} +34 -30
- package/dist/esm/component.js +2 -2
- package/dist/esm/components/backer/Component.js +2 -2
- package/dist/esm/components/backer/index.css +3 -3
- package/dist/esm/components/closer/Component.js +2 -2
- package/dist/esm/components/closer/index.css +3 -3
- package/dist/esm/components/footer/Component.js +1 -1
- package/dist/esm/components/footer/index.css +4 -4
- package/dist/esm/components/header/Component.js +2 -2
- package/dist/esm/components/header/index.css +19 -17
- package/dist/esm/components/swipeable-backdrop/Component.js +1 -1
- package/dist/esm/index.css +16 -16
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/{tslib.es6-0000c249.d.ts → tslib.es6-8e1def13.d.ts} +0 -0
- package/dist/esm/{tslib.es6-0000c249.js → tslib.es6-8e1def13.js} +0 -0
- package/dist/index.css +16 -16
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/modern/{component-6f1cc9e9.d.ts → component-70b7137e.d.ts} +13 -1
- package/dist/modern/{component-6f1cc9e9.js → component-70b7137e.js} +31 -27
- package/dist/modern/component.js +1 -1
- package/dist/modern/components/backer/Component.js +1 -1
- package/dist/modern/components/backer/index.css +3 -3
- package/dist/modern/components/closer/Component.js +1 -1
- package/dist/modern/components/closer/index.css +3 -3
- package/dist/modern/components/footer/Component.js +1 -1
- package/dist/modern/components/footer/index.css +4 -4
- package/dist/modern/components/header/Component.js +1 -1
- package/dist/modern/components/header/index.css +19 -17
- package/dist/modern/index.css +16 -16
- package/dist/modern/index.d.ts +1 -1
- package/dist/modern/index.js +1 -1
- package/dist/{tslib.es6-5c74ee0c.d.ts → tslib.es6-1f5072a8.d.ts} +0 -0
- package/dist/{tslib.es6-5c74ee0c.js → tslib.es6-1f5072a8.js} +0 -0
- package/package.json +10 -10
package/dist/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: nm2a8 */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-bg-primary: #fff;
|
|
4
4
|
--color-light-graphic-quaternary: #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-
|
|
27
|
+
.bottom-sheet__modal_ydhe6 {
|
|
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-
|
|
34
|
+
.bottom-sheet__component_ydhe6 {
|
|
35
35
|
overflow: hidden;
|
|
36
36
|
position: relative;
|
|
37
37
|
display: flex;
|
|
@@ -41,20 +41,20 @@
|
|
|
41
41
|
background: var(--color-light-bg-primary);
|
|
42
42
|
transform: translateY(100%);
|
|
43
43
|
}
|
|
44
|
-
.bottom-
|
|
44
|
+
.bottom-sheet__withTransition_ydhe6 {
|
|
45
45
|
transition: var(--bottom-sheet-out-transition);
|
|
46
46
|
}
|
|
47
|
-
.bottom-
|
|
47
|
+
.bottom-sheet__withZeroTransition_ydhe6 {
|
|
48
48
|
transition: 0s linear;
|
|
49
49
|
}
|
|
50
|
-
.bottom-
|
|
50
|
+
.bottom-sheet__scrollableContainer_ydhe6 {
|
|
51
51
|
overflow: auto;
|
|
52
52
|
display: flex;
|
|
53
53
|
flex-direction: column;
|
|
54
54
|
position: relative;
|
|
55
55
|
height: 100%;
|
|
56
56
|
}
|
|
57
|
-
.bottom-
|
|
57
|
+
.bottom-sheet__marker_ydhe6 {
|
|
58
58
|
position: fixed;
|
|
59
59
|
top: var(--gap-2xs);
|
|
60
60
|
left: 50%;
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
background-color: var(--color-light-graphic-quaternary);
|
|
66
66
|
z-index: 1000;
|
|
67
67
|
}
|
|
68
|
-
.bottom-
|
|
68
|
+
.bottom-sheet__content_ydhe6 {
|
|
69
69
|
display: flex;
|
|
70
70
|
flex-direction: column;
|
|
71
71
|
flex: 1;
|
|
@@ -73,29 +73,29 @@
|
|
|
73
73
|
color: var(--color-light-text-primary);
|
|
74
74
|
background-color: var(--color-light-bg-primary);
|
|
75
75
|
}
|
|
76
|
-
.bottom-
|
|
76
|
+
.bottom-sheet__noHeader_ydhe6 {
|
|
77
77
|
padding-top: var(--gap-xl);
|
|
78
78
|
}
|
|
79
|
-
.bottom-
|
|
79
|
+
.bottom-sheet__noFooter_ydhe6 {
|
|
80
80
|
padding-bottom: var(--gap-m);
|
|
81
81
|
}
|
|
82
|
-
.bottom-
|
|
82
|
+
.bottom-sheet__scrollLocked_ydhe6 {
|
|
83
83
|
overflow: hidden;
|
|
84
84
|
}
|
|
85
|
-
.bottom-
|
|
85
|
+
.bottom-sheet__appear_ydhe6 .bottom-sheet__component_ydhe6, .bottom-sheet__enter_ydhe6 .bottom-sheet__component_ydhe6 {
|
|
86
86
|
transition: none;
|
|
87
87
|
}
|
|
88
|
-
.bottom-
|
|
88
|
+
.bottom-sheet__appearActive_ydhe6 .bottom-sheet__component_ydhe6, .bottom-sheet__enterActive_ydhe6 .bottom-sheet__component_ydhe6 {
|
|
89
89
|
transition: var(--bottom-sheet-in-transition);
|
|
90
90
|
transform: translateY(0);
|
|
91
91
|
}
|
|
92
|
-
.bottom-
|
|
92
|
+
.bottom-sheet__enterDone_ydhe6 .bottom-sheet__component_ydhe6, .bottom-sheet__appearDone_ydhe6 .bottom-sheet__component_ydhe6 {
|
|
93
93
|
transform: translateY(0);
|
|
94
94
|
}
|
|
95
|
-
.bottom-
|
|
95
|
+
.bottom-sheet__exit_ydhe6 .bottom-sheet__component_ydhe6 {
|
|
96
96
|
transform: translateY(0);
|
|
97
97
|
}
|
|
98
|
-
.bottom-
|
|
98
|
+
.bottom-sheet__exitActive_ydhe6 .bottom-sheet__component_ydhe6 {
|
|
99
99
|
transition: var(--bottom-sheet-out-transition);
|
|
100
100
|
transform: translateY(100%);
|
|
101
101
|
}
|
package/dist/modern/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./component-
|
|
1
|
+
export * from "./component-70b7137e";
|
package/dist/modern/index.js
CHANGED
|
@@ -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-
|
|
12
|
+
export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-70b7137e.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';
|
|
File without changes
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-bottom-sheet",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.4.0",
|
|
4
4
|
"description": "Bottom sheet mobile component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,14 +20,14 @@
|
|
|
20
20
|
"react-dom": "^16.9.0 || ^17.0.1"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@alfalab/core-components-backdrop": "^2.0
|
|
24
|
-
"@alfalab/core-components-base-modal": "^4.0
|
|
25
|
-
"@alfalab/core-components-icon-button": "^4.
|
|
26
|
-
"@alfalab/core-components-typography": "^2.
|
|
27
|
-
"classnames": "2.2.6",
|
|
28
|
-
"react-div-100vh": "0.7.0",
|
|
29
|
-
"react-swipeable": "5.5.1",
|
|
30
|
-
"react-transition-group": "4.4.1"
|
|
23
|
+
"@alfalab/core-components-backdrop": "^2.1.0",
|
|
24
|
+
"@alfalab/core-components-base-modal": "^4.1.0",
|
|
25
|
+
"@alfalab/core-components-icon-button": "^4.2.0",
|
|
26
|
+
"@alfalab/core-components-typography": "^2.6.0",
|
|
27
|
+
"classnames": "^2.2.6",
|
|
28
|
+
"react-div-100vh": "^0.7.0",
|
|
29
|
+
"react-swipeable": "^5.5.1",
|
|
30
|
+
"react-transition-group": "^4.4.1"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "dcd5c0c8e25b7c374ff9311505ccf738a82e22c0"
|
|
33
33
|
}
|