Releases: corvudev/corvu
solid-focus-trap@0.1.1
Patch Changes
- Updated dependencies:
- corvu@0.3
corvu@0.3.0
Minor Changes
-
Add
closeOnOutsidePointerStrategy
to dialog and usecorvu-drawer-*
data attributes for drawer components -629871f
(@GiyoMoon) -
Add allowPinchZoom option to dialog primitive -
5deb1c5
(@GiyoMoon)
Patch Changes
-
Allow text selection on drawer content -
9efcac5
(@GiyoMoon) -
Fix drawer
open
not being controllable -617f95a
(@GiyoMoon) -
Detect scrollable root elements in createPreventScroll -
82504e9
(@GiyoMoon) -
Add
typesVersions
to package.json to support oldermoduleResolution
strategies -705a538
(@GiyoMoon)
Migration Guide
Drawer
- drawer elements now have
data-corvu-drawer-*
data attributes instead ofdata-corvu-dialog-*
- Text selection is now allowed. You have to disable it yourself if you want to change this behavior.
- drawer elements now have
Dialog
- Renamed
onOutsidePointerDown
toonOutsidePointer
- The dialog now closes on
pointerup
as default. You can use the newcloseOnOutsidePointerStrategy
property to change it back topointerdown
. - Pinch zoom is now allowed per default. You can disable it by passing the
allowPinchZoom
prop.
- Renamed
corvu@0.2.4
@corvu/tailwind@0.1.4
corvu@0.2.3
corvu@0.2.2
Patch Changes
-
Possibility to transition the width/height of drawers with a dynamic size -
5f9a5d0
(@GiyoMoon) -
Add contentRef and overlayRef to dialog root children props -
6c5142a
(@GiyoMoon) -
Export DialogContextValue in corvu/drawer -
e295703
(@GiyoMoon) -
Fix drawer opening transition and set data-snapping properly -
82e07bb
(@GiyoMoon)
@corvu/tailwind@0.1.2
v0.2.1
v0.2.0
No new UI primitive yet... But a lot of cool improvements!
New features
- Completely rewritten the
createPreventScroll
utility, inspired byreact-remove-scroll
It works by preventing events that would lead to scrolling. This is really cool because it prevents scrolling * everywhere * outside of your container element. It's also a much more pleasant experience on iOS, where before it would set the body element to fixed in order to disable scroll which leads to weird issues.
- Drawer: Optimized the handling of scrollable elements. Check out the examples to see for yourself.
- Drawer: Option to prevent scrolling on specific elements by giving them the
data-corvu-no-drag
attribute. See the example
Released createPrevenScroll
and createFocusTrap
in separate packages:
These are just re-exports but I think that these utilities can benefit the whole Solid ecosystem :)
Migration from 0.1 to 0.2:
- Dialog
- Root takes two new optional props:
hideScrollbar
andpreventScrollbarShiftMode
- Root children function and context provide two new attributes:
hideScrollbar
andpreventScrollbarShiftMode
- Root takes two new optional props:
- Drawer
- New data attributes on the content for more specific transitions:
data-opening
,data-closing
,data-snapping
- Root children function and context provides one new attribute:
transitionState
- Removed
scrollThreshold
from Root props, Root children function and context as this isn't required anymore. The drawer now handles scrolling a lot better!
- New data attributes on the content for more specific transitions:
createDisableScroll
- Renamed to
createPreventScroll
- Completely rewritten, please refer to the Prevent Scroll Docs on how to use it
- Renamed to
createDisableScroll
defaultValue
got renamed toinitialValue
@corvu/tailwind
- The tailwind plugin supports three new modifiers that are used by the drawer:
opening
,closing
andsnapping
- The tailwind plugin supports three new modifiers that are used by the drawer: