chore(deps): bump @mantine/hooks from 5.10.3 to 7.1.0

[dependabot]

Bumps @mantine/hooks from 5.10.3 to 7.1.0.

Release notes

Sourced from @​mantine/hooks's releases.

7.1.0 ⭐

CSS layers

Starting from 7.1.0 it is possible to import all @mantine/* packages styles with rules defined in mantine CSS layer. CSS rules within a layer are grouped together and applied before rules without a layer. This means that even if you do not have control over styles import order, you can still override Mantine styles with regular styles.

// If your styles are not wrapped in @layer directive,
// they will be applied after Mantine styles.
// Import order does not affect styles in this case
import classes from './Demo.module.css';
import '@mantine/core/styles.layer.css';

You can import styles within a layer by importing @mantine/*/styles.layer.css files. Note that these files are a full replacement for @mantine/*/styles.css files – you should not import both of them.

import '@mantine/core/styles.layer.css';
import '@mantine/dates/styles.layer.css';
// ... other styles

CSS layers are also useful if you want to combine Mantine components with other libraries which also provide styles. You can use @layer directive to control the order of styles:

@layer base, mantine, components;

In this example, Mantine styles will take precedence over other library base styles, but other library components styles will take precedence over Mantine component styles.

As of September 2023, CSS layers are supported in all modern browsers and have 90% browser support.

renderRoot prop

All polymorphic components now support renderRoot prop, which is an alternative to component prop. renderRoot prop allows changing the root element to any other component or HTML tag with a callback function. It can be used in cases when component prop is not flexible enough:

• Target component props are incompatible with Mantine component. For example, Button component expects className to be a string, but react-router-dom NavLink expects className to be a function.
• Target component is a generic – it either accepts type as a parameter or its type changes depending

... (truncated)

Commits

• 7dc4a72 [release] Version: 7.1.0
• a9b51e4 [release] Version: 7.0.2
• d0a8feb [release] Release 7.0.1
• e1453a3 [release] Version: 7.0.1-alpha.1
• 6bfa8ec [refactor] Fix prettier error
• ec74da6 [release] Version: 7.0.1-alpha.0
• db6f0e2 [core] Fix entry points of ESM bundles (#4792)
• 2174e54 [refactor] Wrap useDebouncedState in useCallback (#4569)
• 9091bf8 [@​mantine/hooks] use-local-storage: Fix hook throwing error if local storage ...
• 65a0e5b [refactor] Cleanup hooks types names
• Additional commits viewable 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 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)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
project-shelf-admin	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 1, 2023 3:43am
project-shelf-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 1, 2023 3:43am

[dependabot]

Superseded by #258.