@surdeddd/bottom-sheet 0.23.3 → 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.
Files changed (80) hide show
  1. package/README.md +513 -525
  2. package/README.ru.md +685 -0
  3. package/dist/{BottomSheetCore-COvILxmR.d.ts → BottomSheetCore-B_r4KCQL.d.cts} +48 -12
  4. package/dist/{BottomSheetCore-CaJwHnxY.d.cts → BottomSheetCore-B_r4KCQL.d.ts} +48 -12
  5. package/dist/{BottomSheetEngine-C_1aPJsU.d.cts → BottomSheetEngine-0F7mjyvF.d.cts} +1 -1
  6. package/dist/{BottomSheetEngine-CsgCcCSO.d.ts → BottomSheetEngine-CJV_DDrM.d.ts} +1 -1
  7. package/dist/core.cjs +810 -436
  8. package/dist/core.d.cts +2 -3
  9. package/dist/core.d.ts +2 -3
  10. package/dist/core.js +810 -436
  11. package/dist/debug.d.cts +3 -3
  12. package/dist/debug.d.ts +3 -3
  13. package/dist/{default-features-BJx7J0NH.d.ts → default-features-4Xwv6aVt.d.ts} +4 -2
  14. package/dist/{default-features-CTJb8Wdk.d.cts → default-features-DX2NOxP6.d.cts} +4 -2
  15. package/dist/element.cjs +1428 -699
  16. package/dist/element.d.cts +15 -5
  17. package/dist/element.d.ts +15 -5
  18. package/dist/element.iife.global.js +2 -2
  19. package/dist/element.js +1428 -699
  20. package/dist/features.cjs +334 -190
  21. package/dist/features.d.cts +3 -4
  22. package/dist/features.d.ts +3 -4
  23. package/dist/features.js +334 -191
  24. package/dist/{index-CXN7t3rr.d.ts → index-2shlxhcG.d.cts} +3 -2
  25. package/dist/{index-BBrJJjy5.d.cts → index-CNCRQnpc.d.ts} +3 -2
  26. package/dist/index.cjs +1129 -631
  27. package/dist/index.d.cts +13 -7
  28. package/dist/index.d.ts +13 -7
  29. package/dist/index.js +1129 -632
  30. package/dist/integrations/formik.cjs +21 -10
  31. package/dist/integrations/formik.d.cts +3 -3
  32. package/dist/integrations/formik.d.ts +3 -3
  33. package/dist/integrations/formik.js +22 -11
  34. package/dist/integrations/react-hook-form.cjs +21 -12
  35. package/dist/integrations/react-hook-form.d.cts +3 -3
  36. package/dist/integrations/react-hook-form.d.ts +3 -3
  37. package/dist/integrations/react-hook-form.js +21 -12
  38. package/dist/option-keys-DItuAjUw.d.cts +6 -0
  39. package/dist/option-keys-a5DYNwwO.d.ts +6 -0
  40. package/dist/overlay.cjs +386 -189
  41. package/dist/overlay.d.cts +3 -4
  42. package/dist/overlay.d.ts +3 -4
  43. package/dist/overlay.js +386 -189
  44. package/dist/preact.d.cts +3 -4
  45. package/dist/preact.d.ts +3 -4
  46. package/dist/qwik-lib/index.qwik.cjs +1306 -671
  47. package/dist/qwik-lib/index.qwik.mjs +1306 -671
  48. package/dist/qwik.cjs +1326 -701
  49. package/dist/qwik.d.cts +14 -30
  50. package/dist/qwik.d.ts +14 -30
  51. package/dist/qwik.js +1326 -701
  52. package/dist/react.cjs +1373 -750
  53. package/dist/react.d.cts +31 -14
  54. package/dist/react.d.ts +31 -14
  55. package/dist/react.js +1375 -752
  56. package/dist/solid.cjs +1332 -727
  57. package/dist/solid.d.cts +13 -437
  58. package/dist/solid.d.ts +13 -437
  59. package/dist/solid.js +1334 -729
  60. package/dist/solid.source.jsx +1374 -751
  61. package/dist/styles.css +20 -6
  62. package/dist/svelte-core.cjs +1211 -676
  63. package/dist/svelte-core.js +1207 -677
  64. package/dist/svelte-src/BottomSheet.svelte +102 -59
  65. package/dist/svelte.cjs +1324 -707
  66. package/dist/svelte.d.cts +45 -25
  67. package/dist/svelte.d.ts +45 -25
  68. package/dist/svelte.js +1324 -707
  69. package/dist/vue.cjs +1354 -773
  70. package/dist/vue.d.cts +20 -3
  71. package/dist/vue.d.ts +20 -3
  72. package/dist/vue.js +1354 -773
  73. package/dist/webgl.cjs +38 -7
  74. package/dist/webgl.d.cts +3 -3
  75. package/dist/webgl.d.ts +3 -3
  76. package/dist/webgl.js +38 -7
  77. package/llms.txt +330 -0
  78. package/package.json +62 -42
  79. package/dist/transform-jVfAikE9.d.cts +0 -3
  80. 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: 0;
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: absolute;
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"],