@surdeddd/bottom-sheet 0.9.1 → 0.11.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 (50) hide show
  1. package/README.md +126 -83
  2. package/dist/{BottomSheetEngine-CBRcBwV-.d.ts → BottomSheetEngine-DRjCU73e.d.ts} +6 -5
  3. package/dist/{BottomSheetEngine-BcyruNP1.d.cts → BottomSheetEngine-DzsIwD28.d.cts} +6 -5
  4. package/dist/element.cjs +388 -222
  5. package/dist/element.d.cts +1 -1
  6. package/dist/element.d.ts +1 -1
  7. package/dist/element.iife.global.js +2 -2
  8. package/dist/element.js +388 -222
  9. package/dist/index.cjs +389 -266
  10. package/dist/index.d.cts +2 -2
  11. package/dist/index.d.ts +2 -2
  12. package/dist/index.js +389 -266
  13. package/dist/integrations/formik.d.cts +1 -1
  14. package/dist/integrations/formik.d.ts +1 -1
  15. package/dist/integrations/react-hook-form.d.cts +1 -1
  16. package/dist/integrations/react-hook-form.d.ts +1 -1
  17. package/dist/overlay.cjs +191 -58
  18. package/dist/overlay.d.cts +4 -3
  19. package/dist/overlay.d.ts +4 -3
  20. package/dist/overlay.js +191 -58
  21. package/dist/preact.d.cts +2 -1
  22. package/dist/preact.d.ts +2 -1
  23. package/dist/qwik.cjs +396 -211
  24. package/dist/qwik.d.cts +11 -2
  25. package/dist/qwik.d.ts +11 -2
  26. package/dist/qwik.js +396 -211
  27. package/dist/react.cjs +500 -332
  28. package/dist/react.d.cts +26 -4
  29. package/dist/react.d.ts +26 -4
  30. package/dist/react.js +500 -332
  31. package/dist/solid.cjs +362 -210
  32. package/dist/solid.d.cts +14 -4
  33. package/dist/solid.d.ts +14 -4
  34. package/dist/solid.js +362 -210
  35. package/dist/solid.source.jsx +362 -210
  36. package/dist/styles.css +17 -1
  37. package/dist/svelte-core.cjs +345 -208
  38. package/dist/svelte-core.js +345 -208
  39. package/dist/svelte-src/BottomSheet.svelte +6 -0
  40. package/dist/svelte.cjs +359 -220
  41. package/dist/svelte.d.cts +2 -0
  42. package/dist/svelte.d.ts +2 -0
  43. package/dist/svelte.js +359 -220
  44. package/dist/teleport-7uYNiEAT.d.cts +3 -0
  45. package/dist/teleport-7uYNiEAT.d.ts +3 -0
  46. package/dist/vue.cjs +353 -209
  47. package/dist/vue.d.cts +3 -1
  48. package/dist/vue.d.ts +3 -1
  49. package/dist/vue.js +353 -209
  50. package/package.json +11 -9
package/dist/styles.css CHANGED
@@ -10,7 +10,6 @@
10
10
 
11
11
  --bs-z-backdrop: 90;
12
12
  --bs-z-sheet: 100;
13
- --bs-header-min-height: 80px;
14
13
 
15
14
  --bs-backdrop-color-d: rgba(0, 0, 0, 0.5);
16
15
 
@@ -246,6 +245,7 @@
246
245
 
247
246
  .bs-header {
248
247
  flex: 0 0 auto;
248
+ min-height: var(--bs-header-min-height, 0px);
249
249
  padding: var(--bs-header-padding, 0 16px 8px);
250
250
  background: var(--bs-surface, var(--bs-surface-d));
251
251
  }
@@ -285,6 +285,8 @@
285
285
  z-index: var(--bs-z-scrim);
286
286
 
287
287
  background: var(--bs-scrim-color, var(--bs-scrim-color-d));
288
+ backdrop-filter: blur(var(--bs-scrim-blur, 0px));
289
+ -webkit-backdrop-filter: blur(var(--bs-scrim-blur, 0px));
288
290
  transition: opacity 0.24s cubic-bezier(0.22, 1, 0.36, 1);
289
291
  will-change: opacity;
290
292
  }
@@ -347,6 +349,20 @@
347
349
  }
348
350
  }
349
351
 
352
+ @media (forced-colors: active) {
353
+ .bs-sheet {
354
+ border: 1px solid CanvasText;
355
+ }
356
+ .bs-handle::before {
357
+ background: CanvasText;
358
+ forced-color-adjust: none;
359
+ }
360
+ .bs-backdrop,
361
+ .bs-screen {
362
+ forced-color-adjust: none;
363
+ }
364
+ }
365
+
350
366
  .bs-sr-only {
351
367
  position: absolute;
352
368
  width: 1px;