mantinedev/mantine (@mantine/core)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
[Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
mantinedev/mantine (@mantine/form)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
[Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
mantinedev/mantine (@mantine/hooks)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
[Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
mantinedev/mantine (@mantine/modals)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
[Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
mantinedev/mantine (@mantine/notifications)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
[Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)
mantinedev/mantine (@mantine/spotlight)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.13.0): 🎇
[Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...7.13.0)
[View changelog with demos on mantine.dev website](https://mantine.dev/changelog/7-13-0)
##### Container queries support in Grid
You can now use [container queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries)
in [Grid](https://mantine.dev/core/grid) component. With container queries, all responsive values
are adjusted based on the container width, not the viewport width.
Example of using container queries. To see how the grid changes, resize the root element
of the demo with the resize handle located at the bottom right corner of the demo:
```tsx
import { Grid } from '@mantine/core';
function Demo() {
return (
// Wrapper div is added for demonstration purposes only,
// it is not required in real projects
1
2
3
4
);
}
```
##### CompositeChart component
New [CompositeChart](https://mantine.dev/charts/composite-chart) component allows using `Line`, `Area` and `Bar` charts together in a single chart:
```tsx
import { CompositeChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
);
}
```
##### Points labels
[LineChart](https://mantine.dev/charts/line-chart) and [AreaChart](https://mantine.dev/charts/area-chart) now support `withPointLabels` prop to display labels on data points:
```tsx
import { LineChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
);
}
```
[ScatterChart](https://mantine.dev/charts/scatter-chart) also supports point labels, but also allows to control which axis should display labels with `pointLabels` prop:
```tsx
import { ScatterChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
);
}
```
##### BarChart: Mixed stacks
You can now control how [BarChart](https://mantine.dev/charts/bar-chart) series are stacked by setting `stackId` property in series object:
```tsx
import { BarChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
);
}
```
##### BarChart: Minimum bar size
[BarChart](https://mantine.dev/charts/bar-chart) now supports `minBarSize` prop to set the minimum size of the bar in px:
```tsx
import { BarChart } from '@mantine/charts';
import { data } from './data';
function Demo() {
return (
);
}
```
##### Help Center updates
- New [How to integrate custom input with use-form hook?](https://help.mantine.dev/q/custom-input-use-form) question
- New [Can I remove MultiSelect placeholder when the component has selected values?](https://help.mantine.dev/q/multiselect-value-placeholder) question
- New [How can I load fonts in Remix?](https://help.mantine.dev/q/remix-load-fonts) question
- New [My styles are overridden by Mantine components styles, what should I do?](https://help.mantine.dev/q/styles-order) question
- New [Why I cannot use one polymorphic component in component prop of another polymorphic component?](https://help.mantine.dev/q/polymorphic-in-polymorphic) question
- New [Can I use an array of strings as a list in use-form?](https://help.mantine.dev/q/list-of-strings-in-use-form) question
##### Other changes
- New demo has been added to [Chip](https://mantine.dev/core/chip) component with an example of how to deselect radio chip
- [BarChart](https://mantine.dev/charts/bar-chart) now supports `maxBarWidth` prop to set the maximum width of each bar in px
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about these updates again.
[ ] If you want to rebase/retry this PR, check this box
This PR contains the following updates:
^7.12.2
->^7.13.0
^7.12.2
->^7.13.0
^7.12.2
->^7.13.0
^7.12.2
->^7.13.0
^7.12.2
->^7.13.0
^7.12.2
->^7.13.0
Release Notes
mantinedev/mantine (@mantine/core)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)mantinedev/mantine (@mantine/form)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)mantinedev/mantine (@mantine/hooks)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)mantinedev/mantine (@mantine/modals)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)mantinedev/mantine (@mantine/notifications)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850) [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...1d8c76d21a905851a2b589acf852375d9c5c1850)mantinedev/mantine (@mantine/spotlight)
### [`v7.13.0`](https://redirect.github.com/mantinedev/mantine/releases/tag/7.13.0): 🎇 [Compare Source](https://redirect.github.com/mantinedev/mantine/compare/7.12.2...7.13.0) [View changelog with demos on mantine.dev website](https://mantine.dev/changelog/7-13-0) ##### Container queries support in Grid You can now use [container queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries) in [Grid](https://mantine.dev/core/grid) component. With container queries, all responsive values are adjusted based on the container width, not the viewport width. Example of using container queries. To see how the grid changes, resize the root element of the demo with the resize handle located at the bottom right corner of the demo: ```tsx import { Grid } from '@mantine/core'; function Demo() { return ( // Wrapper div is added for demonstration purposes only, // it is not required in real projectsConfiguration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about these updates again.
This PR was generated by Mend Renovate. View the repository job log.