v1.6.0.mdx

title	description	releaseUrl	releaseDate	version
Version 1.6.0	Explore the changelog for Chakra UI version 1.6.0. Learn about the latest features, bug fixes, and improvements.	chakra-ui#3865	April 23, 2021	1.6.0

@chakra-ui/[email protected]

Major Changes

• 82f08867f #3864 Thanks @segunadebayo! - > Note: This is an internal package.

  Improve performance of registering, filtering and finding the index of descendants in a disclosure(open/close) widget.

  Mostly used by the accordion, menu, tabs and pin-input components.

Patch Changes

• Updated dependencies [82f08867f]

@chakra-ui/[email protected]

Major Changes

• e7261d536 #3841 Thanks @LekoArts! - Upgrading to this new major version is recommended for everyone as it fixes hot reloading in Gatsby (Fast Refresh). In the previous version changes to the shadowed theme.js file didn't trigger automatic reloading, and a manual reload was necessary.

  Breaking Changes

  • The isUsingColorMode option was removed. The ChakraProvider will always use the ColorModeProvider
  • The isResettingCSS option was renamed to resetCSS

  Those changes were made to use the current ChakraProvider and align the prop names.

  Improvements

  • Use ChakraProvider instead of the outdated ThemeProvider pattern
  • Add initialColorMode to the ColorModeScript
  • Allow Fast Refresh reloading of all theme files
  • Set stricter peerDependency on gatsby (to ^2.29.3 || ^3.0.0)

@chakra-ui/[email protected]

Minor Changes

• 82f08867f #3864 Thanks @segunadebayo! - Update tabs and accordion to use updated descendants logic

Patch Changes

• Updated dependencies [82f08867f, 82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Minor Changes

• 52748f4e5 Thanks @segunadebayo! - Upgrade valtio to v1

@chakra-ui/[email protected]

Minor Changes

• d14c97420 #3864 Thanks @segunadebayo! - - Update menu to use new descendants logic.
  • Fix issue where menu doesn't select menu item when the first item is disabled.
  • Fix issue where menu doesn't work when an input is used within it.

Patch Changes

• 1f94620a1 #3863 Thanks @isBatak! - Fix issue where menu button doesn't work with truncated text

• Updated dependencies [82f08867f, 82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Minor Changes

• 17c57be68 #3864 Thanks @segunadebayo! - Update pin-input to use the new descendants logic

Patch Changes

• Updated dependencies [82f08867f, 82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Minor Changes

• 1d5e55272 #3511 Thanks @TimKolberger! - The extendTheme function allows you to pass multiple overrides or extensions:

  import {
    extendTheme,
    withDefaultColorScheme,
    withDefaultSize,
    withDefaultVariant,
    withDefaultProps,
  } from "@chakra-ui/react"
  
  const customTheme = extendTheme(
    {
      colors: {
        brand: {
          // ...
          500: "#b4d455",
          // ...
        },
      },
    },
    withDefaultColorScheme({ colorScheme: "brand" }),
    withDefaultSize({
      size: "lg",
      components: ["Input", "NumberInput", "PinInput"],
    }),
    withDefaultVariant({
      variant: "outline",
      components: ["Input", "NumberInput", "PinInput"],
    }),
    // or all in one:
    withDefaultProps({
      defaultProps: {
        colorScheme: "brand",
        variant: "outline",
        size: "lg",
      },
      components: ["Input", "NumberInput", "PinInput"],
    }),
    // optional:
    yourCustomBaseTheme, // defaults to our chakra default theme
  )

Patch Changes

• Updated dependencies [17c57be68, 1f94620a1, 82f08867f, ad8a7b9f1, d14c97420, 04be15201, 946f8eab5, 1d5e55272, e9ac4cc76]

@chakra-ui/[email protected]

Minor Changes

• 82f08867f #3864 Thanks @segunadebayo! - Update tabs and accordion to use updated descendants logic

• 04be15201 #3864 Thanks @segunadebayo! - Add support for RTL keyboard navigation

Patch Changes

• Updated dependencies [82f08867f, 82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Minor Changes

• e9ac4cc76 #3511 Thanks @TimKolberger! - - Add pipe function
  • Add generic to isFunction guard

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• ad8a7b9f1 #3875 Thanks @antoniel! - Resolved an issue where the type prop of the Button component was set to undefined.
• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• 946f8eab5 #3858 Thanks @antoniel! - Fix hyperlink to docs

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• 82f08867f #3864 Thanks @segunadebayo! - Update types for mergeRefs to include null

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• 1d5e55272 #3511 Thanks @TimKolberger! - The extendTheme function allows you to pass multiple overrides or extensions:

  import {
    extendTheme,
    withDefaultColorScheme,
    withDefaultSize,
    withDefaultVariant,
    withDefaultProps,
  } from "@chakra-ui/react"
  
  const customTheme = extendTheme(
    {
      colors: {
        brand: {
          // ...
          500: "#b4d455",
          // ...
        },
      },
    },
    withDefaultColorScheme({ colorScheme: "brand" }),
    withDefaultSize({
      size: "lg",
      components: ["Input", "NumberInput", "PinInput"],
    }),
    withDefaultVariant({
      variant: "outline",
      components: ["Input", "NumberInput", "PinInput"],
    }),
    // or all in one:
    withDefaultProps({
      defaultProps: {
        colorScheme: "brand",
        variant: "outline",
        size: "lg",
      },
      components: ["Input", "NumberInput", "PinInput"],
    }),
    // optional:
    yourCustomBaseTheme, // defaults to our chakra default theme
  )

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [1d5e55272, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [82f08867f, e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e9ac4cc76]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [1d5e55272]

[email protected]

Minor Changes

• e7261d536 #3841 Thanks @LekoArts! - Updates to Gatsby-related documentation to account for the breaking changes made in PR #3841. The "Providers" section from the Gatsby guide was removed as the plugin itself handles everything already.

Patch Changes

• Updated dependencies [e7261d536, 52748f4e5, 1d5e55272]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [1d5e55272]

@chakra-ui/[email protected]

Patch Changes

• e7261d536 #3841 Thanks @LekoArts! - Updates to Gatsby-related documentation to account for the breaking changes made in PR #3841. The "Providers" section from the Gatsby guide was removed as the plugin itself handles everything already.

• Updated dependencies [1d5e55272, e9ac4cc76]