Bump the all-dependencies group with 5 updates

[dependabot]

Bumps the all-dependencies group with 5 updates:

Package	From	To
@mantine/core	7.14.3	7.15.0
@mantine/dropzone	7.14.3	7.15.0
@mantine/form	7.14.3	7.15.0
@mantine/hooks	7.14.3	7.15.0
@mantine/notifications	7.14.3	7.15.0

Updates @mantine/core from 7.14.3 to 7.15.0

Release notes

Sourced from @​mantine/core's releases.

7.15.0 💋

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds will be used to improve Mantine and create new features and components.

use-radial-move hook

New use-radial-move hook can be used to create custom radial sliders:

import { useState } from 'react';
import { Box } from '@mantine/core';
import { useRadialMove } from '@mantine/hooks';
import classes from './Demo.module.css';
function Demo() {
const [value, setValue] = useState(115);
const { ref } = useRadialMove(setValue);
return (
<Box className={classes.root} ref={ref} style={{ '--angle': ${value}deg }}>
<div className={classes.value}>{value}°</div>
<div className={classes.thumb} />
</Box>
);
}

BarChart color based on value

BarChart component now supports getBarColor prop to assign color based on value. getBarColor function is called with two arguments: value and series object. It should return a color string (theme color reference or any valid CSS color value).

import { BarChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
<BarChart
h={300}
data={data}
dataKey="month"
getBarColor={(value) => (value > 700 ? 'teal.8' : 'red.8')}
series={[{ name: 'Laptops', color: 'gray.6' }]}
/>
</tr></table>

... (truncated)

Commits

• aae7b81 [release] Version: 7.15.0
• ecd05d8 [core] Update @types/react and @types/react-dom to 19
• e110a50 [@​mantine/core] Add mantineHtmlProps exports
• d0e70b6 Merge branch master into 7.15
• 3565f0b [@​mantine/core] ActionIcon: Add ActionIcon.GroupSection component
• e388cee [@​mantine/core] Button: Add Button.GroupSection component
• 0c1e304 [@​mantine/core] AngleSlider: Migrate to use-radial-move hook
• e0d1ce7 [@​mantine/hooks] use-radial-move: Init hook
• b7555a6 [mantine.dev] Add onTransitionEnd prop documentation for Modal and Drawer c...
• 1f4bb71 Merge branch master into 7.15
• Additional commits viewable in compare view

Updates @mantine/dropzone from 7.14.3 to 7.15.0

Release notes

Sourced from @​mantine/dropzone's releases.

7.15.0 💋

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds will be used to improve Mantine and create new features and components.

use-radial-move hook

New use-radial-move hook can be used to create custom radial sliders:

import { useState } from 'react';
import { Box } from '@mantine/core';
import { useRadialMove } from '@mantine/hooks';
import classes from './Demo.module.css';
function Demo() {
const [value, setValue] = useState(115);
const { ref } = useRadialMove(setValue);
return (
<Box className={classes.root} ref={ref} style={{ '--angle': ${value}deg }}>
<div className={classes.value}>{value}°</div>
<div className={classes.thumb} />
</Box>
);
}

BarChart color based on value

BarChart component now supports getBarColor prop to assign color based on value. getBarColor function is called with two arguments: value and series object. It should return a color string (theme color reference or any valid CSS color value).

import { BarChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
<BarChart
h={300}
data={data}
dataKey="month"
getBarColor={(value) => (value > 700 ? 'teal.8' : 'red.8')}
series={[{ name: 'Laptops', color: 'gray.6' }]}
/>
</tr></table>

... (truncated)

Commits

• aae7b81 [release] Version: 7.15.0
• d0e70b6 Merge branch master into 7.15
• 1f4bb71 Merge branch master into 7.15
• ed96599 [core] Resolve most peer dependencies warnings
• See full diff in compare view

Updates @mantine/form from 7.14.3 to 7.15.0

Release notes

Sourced from @​mantine/form's releases.

7.15.0 💋

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds will be used to improve Mantine and create new features and components.

use-radial-move hook

New use-radial-move hook can be used to create custom radial sliders:

import { useState } from 'react';
import { Box } from '@mantine/core';
import { useRadialMove } from '@mantine/hooks';
import classes from './Demo.module.css';
function Demo() {
const [value, setValue] = useState(115);
const { ref } = useRadialMove(setValue);
return (
<Box className={classes.root} ref={ref} style={{ '--angle': ${value}deg }}>
<div className={classes.value}>{value}°</div>
<div className={classes.thumb} />
</Box>
);
}

BarChart color based on value

BarChart component now supports getBarColor prop to assign color based on value. getBarColor function is called with two arguments: value and series object. It should return a color string (theme color reference or any valid CSS color value).

import { BarChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
<BarChart
h={300}
data={data}
dataKey="month"
getBarColor={(value) => (value > 700 ? 'teal.8' : 'red.8')}
series={[{ name: 'Laptops', color: 'gray.6' }]}
/>
</tr></table>

... (truncated)

Commits

• aae7b81 [release] Version: 7.15.0
• d0e70b6 Merge branch master into 7.15
• 1f4bb71 Merge branch master into 7.15
• b07b275 [@​mantine/form] Add submitting state support
• See full diff in compare view

Updates @mantine/hooks from 7.14.3 to 7.15.0

Release notes

Sourced from @​mantine/hooks's releases.

7.15.0 💋

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds will be used to improve Mantine and create new features and components.

use-radial-move hook

New use-radial-move hook can be used to create custom radial sliders:

import { useState } from 'react';
import { Box } from '@mantine/core';
import { useRadialMove } from '@mantine/hooks';
import classes from './Demo.module.css';
function Demo() {
const [value, setValue] = useState(115);
const { ref } = useRadialMove(setValue);
return (
<Box className={classes.root} ref={ref} style={{ '--angle': ${value}deg }}>
<div className={classes.value}>{value}°</div>
<div className={classes.thumb} />
</Box>
);
}

BarChart color based on value

BarChart component now supports getBarColor prop to assign color based on value. getBarColor function is called with two arguments: value and series object. It should return a color string (theme color reference or any valid CSS color value).

import { BarChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
<BarChart
h={300}
data={data}
dataKey="month"
getBarColor={(value) => (value > 700 ? 'teal.8' : 'red.8')}
series={[{ name: 'Laptops', color: 'gray.6' }]}
/>
</tr></table>

... (truncated)

Commits

• aae7b81 [release] Version: 7.15.0
• ecfd1da [@​mantine/hooks] use-interval: Fix interval not starting correctly in some cases
• ecd05d8 [core] Update @types/react and @types/react-dom to 19
• d0e70b6 Merge branch master into 7.15
• 0c1e304 [@​mantine/core] AngleSlider: Migrate to use-radial-move hook
• 1fd27b0 [@​mantine/hooks] use-radial-move: Finish hook and add demo
• e0d1ce7 [@​mantine/hooks] use-radial-move: Init hook
• See full diff in compare view

Updates @mantine/notifications from 7.14.3 to 7.15.0

Release notes

Sourced from @​mantine/notifications's releases.

7.15.0 💋

View changelog with demos on mantine.dev website

Support Mantine development

You can now sponsor Mantine development with OpenCollective. All funds will be used to improve Mantine and create new features and components.

use-radial-move hook

New use-radial-move hook can be used to create custom radial sliders:

import { useState } from 'react';
import { Box } from '@mantine/core';
import { useRadialMove } from '@mantine/hooks';
import classes from './Demo.module.css';
function Demo() {
const [value, setValue] = useState(115);
const { ref } = useRadialMove(setValue);
return (
<Box className={classes.root} ref={ref} style={{ '--angle': ${value}deg }}>
<div className={classes.value}>{value}°</div>
<div className={classes.thumb} />
</Box>
);
}

BarChart color based on value

BarChart component now supports getBarColor prop to assign color based on value. getBarColor function is called with two arguments: value and series object. It should return a color string (theme color reference or any valid CSS color value).

import { BarChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
<BarChart
h={300}
data={data}
dataKey="month"
getBarColor={(value) => (value > 700 ? 'teal.8' : 'red.8')}
series={[{ name: 'Laptops', color: 'gray.6' }]}
/>
</tr></table>

... (truncated)

Commits

• aae7b81 [release] Version: 7.15.0
• ecd05d8 [core] Update @types/react and @types/react-dom to 19
• d0e70b6 Merge branch master into 7.15
• 1f4bb71 Merge branch master into 7.15
• ed96599 [core] Resolve most peer dependencies warnings
• See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

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 <dependency name> major version will close this group update PR and stop Dependabot creating any more for the specific dependency's major version (unless you unignore this specific dependency's major version or upgrade to it yourself)
• @dependabot ignore <dependency name> minor version will close this group update PR and stop Dependabot creating any more for the specific dependency's minor version (unless you unignore this specific dependency's minor version or upgrade to it yourself)
• @dependabot ignore <dependency name> will close this group update PR and stop Dependabot creating any more for the specific dependency (unless you unignore this specific dependency or upgrade to it yourself)
• @dependabot unignore <dependency name> will remove all of the ignore conditions of the specified dependency
• @dependabot unignore <dependency name> <ignore condition> will remove the ignore condition of the specified dependency and ignore conditions