Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update chakra-ui monorepo to v2 (major) #768

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update chakra-ui monorepo to v2 (major) #768

wants to merge 1 commit into from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Jul 3, 2022 •
edited

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
@chakra-ui/color-mode (source) 1.4.8 -> 2.2.0 age adoption passing confidence
@chakra-ui/icons (source) 1.1.7 -> 2.1.1 age adoption passing confidence
@chakra-ui/react (source) 1.8.9 -> 2.8.2 age adoption passing confidence

Release Notes

chakra-ui/chakra-ui (@​chakra-ui/color-mode)

v2.2.0

v2.1.11

Compare Source

Patch Changes

  • #​7154
    2d7398a01
    Thanks @​segunadebayo! - ## All components

    Improved the bundling setup for all components.

    • Switched to the .mjs file extension for correct ESM behavior
    • Switched to the latest tsup will uses automatic JSX runtime detection
      removing the need for manually inject classic React import
    • Moved tsup config to package.json since it's very minimal
    • Removed clean-package.config.json in favor of the package.json property
    • Fixed issue where Storybook addon (dark mode and RTL) was not working

  • Updated dependencies
    [2d7398a01]:

v2.1.10

Compare Source

Patch Changes

v2.1.9

Compare Source

Patch Changes

v2.1.8

Compare Source

Patch Changes

v2.1.7

Patch Changes

v2.1.2

Compare Source

v2.1.1

Compare Source

v2.1.0

Compare Source

v2.0.4

Compare Source

Patch Changes

v2.0.3

Compare Source

Patch Changes

v2.0.2

Compare Source

v2.0.1

Compare Source

v2.0.0

Compare Source

Major Changes

  • #​5879
    c390af485
    Thanks @​TimKolberger! - Bump all packages
    to next major for Chakra UI version 2.

  • #​5989
    ed692c0ae
    Thanks @​TimKolberger! - Omit src
    directory from being published to npm

  • #​5828
    1a47fd27e
    Thanks @​segunadebayo! - ### Remove
    deprecations

    Affected components or packages:

    Button, Icon Button, Input, NumberInput, Radio, Checkbox, Select

    • Removed the isFullWidth deprecation. Use width=full or width=100%

    Checkbox

    • Removed defaultIsChecked. Use defaultChecked

    Color mode

    • Removed references to --chakra-ui-color-mode. Use data-theme property
      instead

    Hooks

    • Removed useEventCallback hook

    Input / NumberInput

    • Removed the isFullWidth deprecation. Use width=full or width=100%

    Grid

    • Removed the area prop from Grid component. Should be passed to the
      GridItem instead.

    Styled system

    • Removed the d style prop. Use display instead.
    • Removed the isTruncated style prop. Use noOfLines={1} instead.

    Theme

    • Removed deprecated types.

  • #​5946
    7b5bdcc58
    Thanks @​segunadebayo! - Ensure the
    transition between light/dark modes happens instantly without transition. This
    helps to avoid a weird UX when switch modes for elements with different
    transition definition on the page.

    Allow user configure the storage key for the provider and script. We now
    export a createLocalStorageManager and createCookieStorageManager
    functions.

    const manager = createLocalStorageManager("{storageKey}")

function App({ Component, pageProps }) {
  return (
    <ChakraProvider colorModeManager={manager}>
      <Component {...pageProps} />
    </ChakraProvider>
  )
}

    Add better support for cookie storage to provide better SSG experience. To use
    cookie script, you can set type=cookie.

    Pro tip: You can also configure the storageKey from script as well

    import { ColorModeScript } from "@&#8203;chakra-ui/react"
function Document() {
  return (
    <Html>
      <Head>
        <title>App</title>
      </Head>
      <Body>
        <ColorModeScript type="cookie" />
        <Main />
      </Body>
    </Html>
  )
}

    Refactored color mode to behave consistently between provider and script. The
    new precedence is as follows:

    • Get the color mode value in the specified localStorage or cookie manager
    • If value doesn't exist, use the initialColorMode value specified.
      • If the initial value is system, then we'll compute the color mode using
        matchMedia
      • Else, we use the initial value as is.
    • If user specifies useSystemColorMode: true, then we'll subscribe to color
      mode changes from the operating system. It is no longer used to determine
      the initial color mode. To achieve that, please use
      initialColorMode: "system"

    Removed --chakra-ui-color-mode CSS variable and use data-theme attribute
    on the html element.

    Added color-scheme to the html element to ensure native form-elements
    render in the correct mode.

  • #​5882
    41b3119f5
    Thanks @​TimKolberger! - Bump peer
    dependency to React and ReactDOM to >=18

Patch Changes
chakra-ui/chakra-ui (@​chakra-ui/icons)

v2.1.1

Compare Source

Patch Changes

v2.1.0

Compare Source

Minor Changes
  • 754d9d4f4
    Thanks @​segunadebayo! - To improve support
    for the App Router, all components and hooks are exported with the
    "use client" directive.
Patch Changes

v2.0.19

Compare Source

Patch Changes

v2.0.18

Patch Changes

v2.0.17

Patch Changes

v2.0.16

Compare Source

Patch Changes

v2.0.15

Compare Source

Patch Changes

  • #​7154
    2d7398a01
    Thanks @​segunadebayo! - ## All components

    Improved the bundling setup for all components.

    • Switched to the .mjs file extension for correct ESM behavior
    • Switched to the latest tsup will uses automatic JSX runtime detection
      removing the need for manually inject classic React import
    • Moved tsup config to package.json since it's very minimal
    • Removed clean-package.config.json in favor of the package.json property
    • Fixed issue where Storybook addon (dark mode and RTL) was not working

  • Updated dependencies
    [2d7398a01]:

v2.0.14

Compare Source

Patch Changes

v2.0.13

Compare Source

Patch Changes

v2.0.12

Compare Source

Patch Changes

v2.0.11

Compare Source

Patch Changes

v2.0.10

Compare Source

Patch Changes

v2.0.9

Patch Changes

v2.0.8

Patch Changes

v2.0.7

Patch Changes

v2.0.6

Patch Changes

v2.0.5

Patch Changes

v2.0.4

Compare Source

Patch Changes

v2.0.3

Compare Source

Patch Changes

v2.0.2

Compare Source

Patch Changes

v2.0.1

Compare Source

Patch Changes

v2.0.0

Compare Source

Major Changes
Patch Changes
chakra-ui/chakra-ui (@​chakra-ui/react)

v2.8.2

Compare Source

Patch Changes

v2.8.1

Compare Source

Patch Changes

v2.8.0

Compare Source

Minor Changes
  • 754d9d4f4
    Thanks @​segunadebayo! - To improve support
    for the App Router, all components and hooks are exported with the
    "use client" directive.
Patch Changes

v2.7.1

Compare Source

Patch Changes

  • #​7730
    2456a7090
    Thanks @​TylerAPfledderer! - Expose the
    skip nav components and types to the main package

    import {
  SkipNavLink,
  type SkipNavLinkProps,
  SkipNavContent,
  type SkipNavContentProps,
} from "@&#8203;chakra-ui/react"

v2.7.0

Compare Source

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

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 has been generated by Mend Renovate. View repository job log here.

@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 2 times, most recently from 536beb5 to 48fe609 Compare July 13, 2022 20:35
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 2 times, most recently from 638a25f to 9cdebcd Compare August 5, 2022 14:08
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 9cdebcd to 7b4aca4 Compare August 14, 2022 10:34
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 3 times, most recently from ccfb3ba to 711f09c Compare August 29, 2022 22:09
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 711f09c to 2605b1a Compare September 7, 2022 14:34
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 2 times, most recently from 78df1ef to 4bb3263 Compare September 19, 2022 15:25
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 4bb3263 to 34d3ac4 Compare October 3, 2022 10:26
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 34d3ac4 to f819a14 Compare November 20, 2022 09:46
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from f819a14 to 97fc16e Compare December 31, 2022 17:34
@renovate renovate bot changed the title Update chakra-ui monorepo to v2 (major) fix(deps): update chakra-ui monorepo to v2 (major) Dec 31, 2022
@renovate renovate bot changed the title fix(deps): update chakra-ui monorepo to v2 (major) Update chakra-ui monorepo to v2 (major) Dec 31, 2022
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 2 times, most recently from 81e6a55 to e40f863 Compare January 2, 2023 11:17
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 3 times, most recently from f32a035 to 9c660ef Compare January 16, 2023 16:48
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 9c660ef to 911439b Compare January 20, 2023 12:29
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 2 times, most recently from b992fc2 to 07c6821 Compare February 15, 2023 22:10
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 3 times, most recently from 5a0edd6 to 4d6e8c9 Compare March 23, 2023 14:05
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch 3 times, most recently from b26ebea to 60a6b76 Compare March 30, 2023 19:39
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 60a6b76 to ddcae29 Compare April 25, 2023 11:22
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from ddcae29 to 97b9d35 Compare May 3, 2023 12:20
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 97b9d35 to d14d39e Compare May 31, 2023 11:45
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from d14d39e to 8a68611 Compare June 19, 2023 15:03
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 8a68611 to 2915aba Compare July 19, 2023 00:59
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 2915aba to 2845918 Compare September 8, 2023 23:34
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 2845918 to 25275f5 Compare October 24, 2023 04:32
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 25275f5 to 48f9d42 Compare November 9, 2023 18:11
@renovate renovate bot force-pushed the renovate/major-chakra-ui-monorepo branch from 48f9d42 to ef364e6 Compare April 8, 2024 07:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

None yet
0 participants