build(deps): bump @chakra-ui/react from 2.6.1 to 2.7.0

[dependabot[bot]]

Bumps @chakra-ui/react from 2.6.1 to 2.7.0.

Release notes

Sourced from @​chakra-ui/react's releases.

@​chakra-ui/react@​2.7.0

Minor Changes

• c31df5a4b Thanks @​segunadebayo! - - Add new Indicator layout component. Useful for positioning an element in the corners of another element.

  For example, let's say you want to position a notification badge in the top end corner of a box. You can use the Indicator component to achieve this.

  <Box position="relative" width="80px" height="80px" bg="gray.50">
    <Indicator placement="top-end">
      <Circle size="5" bg="red.100">
        3
      </Circle>
    </Indicator>
  </Box>
  

  • Refactored the Stack and Wrap components to use the flex gap instead of the owl selector & > * ~ * for spacing.

    This fixes an issue where you can't use raw text nodes as a child of the Stack or Wrap component.

Patch Changes

• 38acfe89c Thanks @​segunadebayo! - Bump emotion version to 11.11.x to support css cascade layers

• Updated dependencies [9d0b311b1, c6d523ced, 0167b68a8, c121c35c0, 3a164da59, 148c66bc6, 16c0ab7ec, c31df5a4b, c4fcc2a43, 148c66bc6, 38acfe89c, 6f9eb3518, 2347e3306, 0bec820bd]:

  • @​chakra-ui/theme@​3.1.2
  • @​chakra-ui/modal@​2.2.12

... (truncated)

Changelog

Sourced from @​chakra-ui/react's changelog.

2.7.0

Minor Changes

• c31df5a4b Thanks @​segunadebayo! - - Add new Indicator layout component. Useful for positioning an element in the corners of another element.

  For example, let's say you want to position a notification badge in the top end corner of a box. You can use the Indicator component to achieve this.

  <Box position="relative" width="80px" height="80px" bg="gray.50">
    <Indicator placement="top-end">
      <Circle size="5" bg="red.100">
        3
      </Circle>
    </Indicator>
  </Box>
  

  • Refactored the Stack and Wrap components to use the flex gap instead of the owl selector & > * ~ * for spacing.

    This fixes an issue where you can't use raw text nodes as a child of the Stack or Wrap component.

Patch Changes

• 38acfe89c Thanks @​segunadebayo! - Bump emotion version to 11.11.x to support css cascade layers

• Updated dependencies [9d0b311b1, c6d523ced, 0167b68a8, c121c35c0, 3a164da59, 148c66bc6, 16c0ab7ec, c31df5a4b, c4fcc2a43, 148c66bc6, 38acfe89c, 6f9eb3518, 2347e3306, 0bec820bd]:

  • @​chakra-ui/theme@​3.1.2

... (truncated)

Commits

• ee4ffd6 Version Packages (#7640)
• 148c66b chore: upgrade framer motion and focus-lock
• 38acfe8 chore: update emotion
• 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 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)