@surdeddd/bottom-sheet 0.23.4 → 0.24.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 +513 -527
- package/README.ru.md +533 -545
- package/dist/{BottomSheetCore-C5tJYVMY.d.cts → BottomSheetCore-B_r4KCQL.d.cts} +48 -13
- package/dist/{BottomSheetCore-DxSrC4QC.d.ts → BottomSheetCore-B_r4KCQL.d.ts} +48 -13
- package/dist/{BottomSheetEngine-B3F9qukX.d.cts → BottomSheetEngine-0F7mjyvF.d.cts} +1 -1
- package/dist/{BottomSheetEngine-BchzgqGG.d.ts → BottomSheetEngine-CJV_DDrM.d.ts} +1 -1
- package/dist/core.cjs +810 -436
- package/dist/core.d.cts +2 -3
- package/dist/core.d.ts +2 -3
- package/dist/core.js +810 -436
- package/dist/debug.d.cts +0 -1
- package/dist/debug.d.ts +0 -1
- package/dist/{default-features-DwVTzDwP.d.ts → default-features-4Xwv6aVt.d.ts} +4 -2
- package/dist/{default-features-BGiCSmV1.d.cts → default-features-DX2NOxP6.d.cts} +4 -2
- package/dist/element.cjs +1421 -697
- package/dist/element.d.cts +11 -3
- package/dist/element.d.ts +11 -3
- package/dist/element.iife.global.js +2 -2
- package/dist/element.js +1421 -697
- package/dist/features.cjs +334 -190
- package/dist/features.d.cts +3 -4
- package/dist/features.d.ts +3 -4
- package/dist/features.js +334 -191
- package/dist/{index-C7TSQkVK.d.cts → index-2shlxhcG.d.cts} +1 -1
- package/dist/{index-CdM1tke5.d.ts → index-CNCRQnpc.d.ts} +1 -1
- package/dist/index.cjs +1129 -631
- package/dist/index.d.cts +11 -6
- package/dist/index.d.ts +11 -6
- package/dist/index.js +1129 -632
- package/dist/integrations/formik.cjs +21 -10
- package/dist/integrations/formik.d.cts +0 -1
- package/dist/integrations/formik.d.ts +0 -1
- package/dist/integrations/formik.js +22 -11
- package/dist/integrations/react-hook-form.cjs +21 -12
- package/dist/integrations/react-hook-form.d.cts +0 -1
- package/dist/integrations/react-hook-form.d.ts +0 -1
- package/dist/integrations/react-hook-form.js +21 -12
- package/dist/option-keys-DItuAjUw.d.cts +6 -0
- package/dist/option-keys-a5DYNwwO.d.ts +6 -0
- package/dist/overlay.cjs +386 -189
- package/dist/overlay.d.cts +1 -3
- package/dist/overlay.d.ts +1 -3
- package/dist/overlay.js +386 -189
- package/dist/preact.d.cts +3 -4
- package/dist/preact.d.ts +3 -4
- package/dist/qwik-lib/index.qwik.cjs +1306 -671
- package/dist/qwik-lib/index.qwik.mjs +1306 -671
- package/dist/qwik.cjs +1326 -701
- package/dist/qwik.d.cts +12 -30
- package/dist/qwik.d.ts +12 -30
- package/dist/qwik.js +1326 -701
- package/dist/react.cjs +1373 -750
- package/dist/react.d.cts +26 -12
- package/dist/react.d.ts +26 -12
- package/dist/react.js +1375 -752
- package/dist/solid.cjs +1332 -727
- package/dist/solid.d.cts +13 -438
- package/dist/solid.d.ts +13 -438
- package/dist/solid.js +1334 -729
- package/dist/solid.source.jsx +1374 -751
- package/dist/styles.css +20 -6
- package/dist/svelte-core.cjs +1209 -676
- package/dist/svelte-core.js +1207 -677
- package/dist/svelte-src/BottomSheet.svelte +101 -58
- package/dist/svelte.cjs +1323 -705
- package/dist/svelte.d.cts +45 -25
- package/dist/svelte.d.ts +45 -25
- package/dist/svelte.js +1323 -705
- package/dist/vue.cjs +1354 -773
- package/dist/vue.d.cts +20 -3
- package/dist/vue.d.ts +20 -3
- package/dist/vue.js +1354 -773
- package/dist/webgl.cjs +38 -7
- package/dist/webgl.d.cts +0 -1
- package/dist/webgl.d.ts +0 -1
- package/dist/webgl.js +38 -7
- package/llms.txt +330 -0
- package/package.json +41 -19
- package/dist/transform-jVfAikE9.d.cts +0 -3
- package/dist/transform-jVfAikE9.d.ts +0 -3
package/dist/styles.css
CHANGED
|
@@ -37,6 +37,14 @@
|
|
|
37
37
|
transition: none;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
+
.bs-sheet,
|
|
41
|
+
.bs-handle,
|
|
42
|
+
.bs-header,
|
|
43
|
+
.bs-content,
|
|
44
|
+
.bs-footer {
|
|
45
|
+
box-sizing: border-box;
|
|
46
|
+
}
|
|
47
|
+
|
|
40
48
|
.bs-sheet {
|
|
41
49
|
position: fixed;
|
|
42
50
|
background: var(--bs-surface, var(--bs-surface-d));
|
|
@@ -58,7 +66,8 @@
|
|
|
58
66
|
.bs-sheet[data-mode="bottom"] {
|
|
59
67
|
left: 0;
|
|
60
68
|
right: 0;
|
|
61
|
-
bottom:
|
|
69
|
+
bottom: var(--bs-keyboard-inset, 0px);
|
|
70
|
+
transition: bottom 0.2s cubic-bezier(0.22, 1, 0.36, 1);
|
|
62
71
|
width: 100%;
|
|
63
72
|
border-top-left-radius: var(--bs-radius, var(--bs-radius-d));
|
|
64
73
|
border-top-right-radius: var(--bs-radius, var(--bs-radius-d));
|
|
@@ -123,10 +132,14 @@
|
|
|
123
132
|
box-shadow: none;
|
|
124
133
|
}
|
|
125
134
|
|
|
126
|
-
.bs-sheet[data-mode="left"] .bs-content
|
|
135
|
+
.bs-sheet[data-mode="left"] .bs-content,
|
|
136
|
+
.bs-sheet[data-mode="left"] .bs-header,
|
|
137
|
+
.bs-sheet[data-mode="left"] .bs-footer {
|
|
127
138
|
padding-right: 36px;
|
|
128
139
|
}
|
|
129
|
-
.bs-sheet[data-mode="right"] .bs-content
|
|
140
|
+
.bs-sheet[data-mode="right"] .bs-content,
|
|
141
|
+
.bs-sheet[data-mode="right"] .bs-header,
|
|
142
|
+
.bs-sheet[data-mode="right"] .bs-footer {
|
|
130
143
|
padding-left: 36px;
|
|
131
144
|
}
|
|
132
145
|
|
|
@@ -329,7 +342,7 @@
|
|
|
329
342
|
}
|
|
330
343
|
|
|
331
344
|
.bs-screen {
|
|
332
|
-
position:
|
|
345
|
+
position: fixed;
|
|
333
346
|
inset: 0;
|
|
334
347
|
pointer-events: none;
|
|
335
348
|
z-index: var(--bs-z-scrim);
|
|
@@ -357,11 +370,11 @@
|
|
|
357
370
|
}
|
|
358
371
|
.bs-button-slot[data-side="left"] {
|
|
359
372
|
left: 16px;
|
|
360
|
-
bottom: calc(var(--bs-size, 0px) + 12px);
|
|
373
|
+
bottom: calc(var(--bs-size, 0px) + var(--bs-keyboard-inset, 0px) + 12px);
|
|
361
374
|
}
|
|
362
375
|
.bs-button-slot[data-side="right"] {
|
|
363
376
|
right: 16px;
|
|
364
|
-
bottom: calc(var(--bs-size, 0px) + 12px);
|
|
377
|
+
bottom: calc(var(--bs-size, 0px) + var(--bs-keyboard-inset, 0px) + 12px);
|
|
365
378
|
}
|
|
366
379
|
.bs-button-slot[data-mode="top"] {
|
|
367
380
|
bottom: auto;
|
|
@@ -381,6 +394,7 @@
|
|
|
381
394
|
}
|
|
382
395
|
|
|
383
396
|
@media (prefers-reduced-motion: reduce) {
|
|
397
|
+
.bs-sheet,
|
|
384
398
|
.bs-backdrop,
|
|
385
399
|
.bs-handle::before,
|
|
386
400
|
.bs-button-slot[data-side="left"],
|