7.5.2

mantinedev/mantine7.5.2Feb 9, 2024by rtivital

AI Summary

Fixes for ActionIcon sizing, ScrollArea, PinInput input handling, and TypeScript resolution issues.

Key Highlights

  • Fixed icon width and height defined in % not working correctly on ActionIcon.
  • Fixed PinInput issues related to user input and pasting into the input.
  • Added `swap` handler support to `use-list-state` hook.
  • Fixed ScrollArea `style` prop not being passed to the element when used in `viewportProps`.

New Features

  • swap handler support for use-list-state

Full Release Notes

## What's Changed
- `[@mantine/core]` ActionIcon: Fix icon width and height defined in % not working correctly
- `[@mantine/core]` ScrollArea: Fix `offsetScrollbars` not working (#5733)
- `[@mantine/tiptap]` Fix `initialExternal` on `RichTextEditor.Link` control not working correctly
- `[@mantine/core]` FileInput: Fix incorrect `extend` function type
- `[@mantine/core]` PinInput: Fix various issues related to user input and pasting into the input (#5704)
- `[@mantine/form]` Add callback argument support to `form.setFieldValue` handler (#5696)
- `[@mantine/core]` Add explicit extension to exports to support NodeNext TypeScript resolution (#5697)
- `[@mantine/hooks]` use-list-state: Add `swap` handler support (#5716)
- `[@mantine/core]` Fix NodeNext TypeScript resolution not working correctly for PolymorphicComponentProps and PolymorphicRef types (#5730)
- `[@mantine/core]` Fix cjs builds unable to resolve third-party dependencies with certain TypeScript settings (#5741)
- `[@mantine/core]` Transition: Fix skew-up transition not working (#5714)
- `[@mantine/core]` Select: Fix active option not being scrolled into view when the dropdown opens
- `[@mantine/core]` Menu: Fix unexpected focus trap when keepMounted is false (#4502)
- `[@mantine/core]` ScrollArea: Fix `style` prop not being passed to the element when used in `viewportProps` (#5594)
- `[@mantine/core]` Divider: Fix poor color contrast with light color scheme
- `[@mantine/core]` Modal: Fix incorrect content border-radius when `fullScreen` prop is set
- `[@mantine/core]` Modal: Fix scroll container not working correctly when ScrollArea is used as a scroll container for a full screen modal
- `[@mantine/notifications]` Fix notifications handlers not allowing passing data-* attributes (#5640)

## New Contributors
* @kblcuk made their first contribution in https://github.com/mantinedev/mantine/pull/5741
* @qweered made their first contribution in https://github.com/mantinedev/mantine/pull/5694
* @kkaplita made their first contribution in https://github.com/mantinedev/mantine/pull/5704

**Full Changelog**: https://github.com/mantinedev/mantine/compare/7.5.1...7.5.2