Sourced from @​mantine/notifications's releases.

8.2.2

What's Changed

• [@mantine/core] Menu: Fix incorrect overflow handling of submenu (#8123)
• [@mantine/hooks] use-merged-ref: Fix incorrect handling of React 19 cleanup ref callback (#8118)
• [@mantine/dates] TimePicker: Fix incorrect leading zero handling in 12h format (#8120)
• [@mantine/dates] TimePicker: Fix min/max values not being enforced for 12h time format (#8107)
• [@mantine/core] HoverCard: Improve outside clicks handling (#8097)
• [@mantine/dates] Add month and year switching with keyboard to Calendar-based components (#7959)
• [@mantine/core] ScrollArea: Add onOverflowChange prop support to ScrollArea.Autosize (#7972)
• [@mantine/core] MultiSelect: Add clearSearchOnChange prop support (#8068)
• [@mantine/core] Select: Fix caret being visible in Firefox when the component is read only (#8063)

New Contributors

• @​pradip-v2 made their first contribution in mantinedev/mantine#8083
• @​MidnightDesign made their first contribution in mantinedev/mantine#8071
• @​jobrk made their first contribution in mantinedev/mantine#8068
• @​amansachdev made their first contribution in mantinedev/mantine#7959
• @​idealconceptz made their first contribution in mantinedev/mantine#8107
• @​seansps made their first contribution in mantinedev/mantine#8118

Full Changelog: https://github.com/mantinedev/mantine/compare/8.2.0...8.2.2

8.2.0 🔥

View changelog with demos on mantine.dev website

Styles API attributes

You now can pass attributes to inner elements of all components that support Styles API with attributes prop. For example, it can be used to add data attributes for testing purposes:

import { Button } from '@mantine/core';
function Demo() {
return (
<Button
attributes={{
root: { 'data-test-id': 'root' },
label: { 'data-test-id': 'label' },
inner: { 'data-test-id': 'inner' },
}}
>
Button
</Button>
);
}

Container grid strategy

... (truncated)

• da0fbca [release] Version: 8.2.2
• 8a27807 [release] Version: 8.2.1
• 6545583 [release] Version: 8.2.0
• 755cf14 Merge branch master into 8.2
• 4f59bb6 Merge branch master into 8.2
• a5d951b Merge branch master into 8.2
• a2b389a Merge branch master into 8.2
• e495709 [mantine.dev] Migrated remaining components props descriptions to @default
• 6e0eca8 [mantine.dev] Cleanup props descriptions up to Popover
• See full diff in compare view

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)