@mantine/hooks 2.3.0

on Node.js NPM

View release demos

New dark theme

Dark theme colors were adjusted in all components to have better contrast, overall all theme.colors.dark colors are darker now.

Popper.js integration

Components that use any kind of overlay are now powered by popper.js. Full list of components that were migrated:

• Menu
• Tooltip
• Popover
• DatePicker
• DateRangePicker

New components

• ColorPicker – inline color picker, includes Hue and Alpha sliders exports
• ColorInput – input with color picker, supports hex, rgba and hsla color formats
• Popper – wrapper component to work with popper.js

Other changes

• Group component now support withGutter prop to add spacing to all sides of group (built by @achmurali)
• use-click-outside now has an API to handle multiple nodes
• Transition component was migrated to native implementation – it does not depend on react-transition-group any more (#93)
• ColorSwatch component now supports transparent colors and has better contrast for light colors
• GlobalStyles component now sets box-sizing: border-box on all elements
• Dropdown styles of Select, MultiSelect and Autocomplete components were adjusted to match other components design
• Slider component has new thumb styles