@surdeddd/bottom-sheet 0.2.0 → 0.3.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/README.md +51 -21
- package/dist/{BottomSheetEngine-CIT9Htti.d.cts → BottomSheetEngine-CAymrH-P.d.cts} +67 -1
- package/dist/{BottomSheetEngine-Df9MwBbm.d.ts → BottomSheetEngine-DcqcuudN.d.ts} +67 -1
- package/dist/element.cjs +699 -116
- package/dist/element.d.cts +7 -2
- package/dist/element.d.ts +7 -2
- package/dist/element.iife.global.js +2 -2
- package/dist/element.js +699 -116
- package/dist/index.cjs +715 -145
- package/dist/index.d.cts +17 -3
- package/dist/index.d.ts +17 -3
- package/dist/index.js +713 -146
- package/dist/integrations/formik.d.cts +1 -1
- package/dist/integrations/formik.d.ts +1 -1
- package/dist/integrations/react-hook-form.d.cts +1 -1
- package/dist/integrations/react-hook-form.d.ts +1 -1
- package/dist/overlay.cjs +168 -35
- package/dist/overlay.d.cts +13 -0
- package/dist/overlay.d.ts +13 -0
- package/dist/overlay.js +168 -35
- package/dist/preact.d.cts +1 -1
- package/dist/preact.d.ts +1 -1
- package/dist/qwik.cjs +619 -119
- package/dist/qwik.d.cts +2 -2
- package/dist/qwik.d.ts +2 -2
- package/dist/qwik.js +620 -120
- package/dist/react.cjs +821 -191
- package/dist/react.d.cts +20 -3
- package/dist/react.d.ts +20 -3
- package/dist/react.js +821 -191
- package/dist/solid.cjs +656 -161
- package/dist/solid.d.cts +263 -4
- package/dist/solid.d.ts +263 -4
- package/dist/solid.js +657 -162
- package/dist/solid.source.jsx +3215 -0
- package/dist/styles.css +10 -10
- package/dist/svelte-core.cjs +3149 -0
- package/dist/svelte-core.js +3147 -0
- package/dist/svelte-src/BottomSheet.svelte +210 -0
- package/dist/svelte-src/index.js +2 -0
- package/dist/svelte.cjs +618 -124
- package/dist/svelte.d.cts +100 -0
- package/dist/svelte.d.ts +7 -3
- package/dist/svelte.js +619 -125
- package/dist/vue.cjs +612 -119
- package/dist/vue.d.cts +78 -0
- package/dist/vue.d.ts +6 -2
- package/dist/vue.js +612 -119
- package/package.json +103 -43
package/dist/styles.css
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
--bs-surface: #ffffff;
|
|
4
4
|
--bs-surface-border: rgba(225, 227, 237, 1);
|
|
5
|
-
--bs-shadow: 0 -3px 12px rgba(0, 0, 0, 0.12);
|
|
6
5
|
--bs-radius: 20px;
|
|
7
6
|
|
|
8
7
|
--bs-handle-color: #b5b3a8;
|
|
@@ -42,7 +41,7 @@
|
|
|
42
41
|
.bs-sheet {
|
|
43
42
|
position: fixed;
|
|
44
43
|
background: var(--bs-surface);
|
|
45
|
-
box-shadow: var(--bs-shadow);
|
|
44
|
+
box-shadow: var(--bs-shadow, var(--bs-shadow-auto, none));
|
|
46
45
|
z-index: var(--bs-z-sheet);
|
|
47
46
|
overflow: hidden;
|
|
48
47
|
display: flex;
|
|
@@ -65,10 +64,10 @@
|
|
|
65
64
|
|
|
66
65
|
padding-bottom: env(safe-area-inset-bottom);
|
|
67
66
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
67
|
+
--bs-shadow-auto: 0
|
|
68
|
+
calc(var(--bs-progress, 0) * -2px - 3px)
|
|
69
|
+
calc(var(--bs-progress, 0) * 18px + 12px)
|
|
70
|
+
rgba(0, 0, 0, calc(var(--bs-progress, 0) * 0.15 + 0.12));
|
|
72
71
|
}
|
|
73
72
|
.bs-sheet[data-mode="top"] {
|
|
74
73
|
left: 0;
|
|
@@ -79,7 +78,7 @@
|
|
|
79
78
|
border-bottom-right-radius: var(--bs-radius);
|
|
80
79
|
border-bottom: 1px solid var(--bs-surface-border);
|
|
81
80
|
flex-direction: column-reverse;
|
|
82
|
-
|
|
81
|
+
--bs-shadow-auto: 0 3px 12px rgba(0, 0, 0, 0.12);
|
|
83
82
|
padding-top: env(safe-area-inset-top);
|
|
84
83
|
}
|
|
85
84
|
.bs-sheet[data-mode="left"] {
|
|
@@ -91,7 +90,7 @@
|
|
|
91
90
|
border-bottom-right-radius: var(--bs-radius);
|
|
92
91
|
border-right: 1px solid var(--bs-surface-border);
|
|
93
92
|
|
|
94
|
-
|
|
93
|
+
--bs-shadow-auto: 3px 0 12px rgba(0, 0, 0, 0.12);
|
|
95
94
|
}
|
|
96
95
|
.bs-sheet[data-mode="right"] {
|
|
97
96
|
top: 0;
|
|
@@ -101,7 +100,7 @@
|
|
|
101
100
|
border-top-left-radius: var(--bs-radius);
|
|
102
101
|
border-bottom-left-radius: var(--bs-radius);
|
|
103
102
|
border-left: 1px solid var(--bs-surface-border);
|
|
104
|
-
|
|
103
|
+
--bs-shadow-auto: -3px 0 12px rgba(0, 0, 0, 0.12);
|
|
105
104
|
}
|
|
106
105
|
|
|
107
106
|
.bs-sheet[data-mode="left"] .bs-content {
|
|
@@ -250,6 +249,7 @@
|
|
|
250
249
|
overflow-y: auto;
|
|
251
250
|
-webkit-overflow-scrolling: touch;
|
|
252
251
|
overscroll-behavior: contain;
|
|
252
|
+
user-select: text;
|
|
253
253
|
padding: 0 16px 16px;
|
|
254
254
|
}
|
|
255
255
|
|
|
@@ -313,7 +313,7 @@
|
|
|
313
313
|
--bs-surface-border: rgba(255, 255, 255, 0.08);
|
|
314
314
|
|
|
315
315
|
--bs-handle-color: rgba(255, 255, 255, 0.45);
|
|
316
|
-
--bs-shadow: 0 -3px 16px rgba(0, 0, 0, 0.5);
|
|
316
|
+
--bs-shadow-auto: 0 -3px 16px rgba(0, 0, 0, 0.5);
|
|
317
317
|
}
|
|
318
318
|
}
|
|
319
319
|
|