title	description	releaseUrl	releaseDate	version
Version 1.6.4	Explore the changelog for Chakra UI version 1.6.4. Learn about the latest features, bug fixes, and improvements.	chakra-ui#4117	June 18, 2021	1.6.4

@chakra-ui/button@1.4.0

Minor Changes

7e3d3ff35 #3904 Thanks @antoniel! - Add className prop to button load spinner

Patch Changes

afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions
ff946d73e #4245 Thanks @Mattinton! - fix(icon-button): update IconButton to use theme borderRadius
Updated dependencies [4c157e320]:
- @chakra-ui/spinner@1.1.10

@chakra-ui/media-query@1.1.0

Minor Changes

31ec6466c #4029 Thanks @jesstelford! - useBreakpointValue() now supports receiving a defaultBreakpoint as the second argument to support SSR/SSG.

@chakra-ui/menu@1.7.0

Minor Changes

5afa7ef49 #4180 Thanks @segunadebayo! - Added computePositionOnMount prop to allow positioning the popover or menu before initial open

Patch Changes

9fadbc80f #4211 Thanks @tim-stasse! - Fixed menu typeahead
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions
245a164f6 Thanks @segunadebayo! - Fix issue where closeOnSelect won't work sometime
Updated dependencies [e8da4c65f, aa374ffcb, 5afa7ef49]:
- @chakra-ui/transition@1.3.2
- @chakra-ui/hooks@1.5.3
- @chakra-ui/popper@2.2.1

@chakra-ui/popover@1.8.0

Minor Changes

5afa7ef49 #4180 Thanks @segunadebayo! - Added computePositionOnMount prop to allow positioning the popover or menu before initial open

Patch Changes

8881d925d #4146 Thanks @anubra266! - Fix issue where arrowshadowcolor didn't work
Updated dependencies [aa374ffcb, 5afa7ef49]:
- @chakra-ui/hooks@1.5.3
- @chakra-ui/popper@2.2.1

@chakra-ui/styled-system@1.12.0

Minor Changes

ebda07095 Thanks @segunadebayo! - Added the _activeStep pseudoselector which is applied when aria-current="step". See the wai-aria documentation for more information on aria-current.

@chakra-ui/system@1.7.0

Minor Changes

991ea2e29 #3998 Thanks @terrierscript! - The styled function allows a functional baseStyle property:

import { styled } from '@chakra-ui/react'

const MyComponent = styled('div', {
  baseStyle: (props) => ({
    bg: props.highlightColor
  })
})

// ...

<MyComponent highlightColor="red.500" />

Patch Changes

Updated dependencies [ebda07095]:
- @chakra-ui/styled-system@1.12.0
- @chakra-ui/color-mode@1.1.9

@chakra-ui/cli@1.4.0

Minor Changes

fe2557584 #4067 Thanks @jrolfs! - The tokens command now supports generating theme token type definitions from a Chakra UI theme published as a package:

npx @chakra-ui/cli tokens <@your-org/chakra-theme-package>

A published theme package should export a theme object as either the default export or an export named theme.

// chakra-theme-package/src/index.js
import { extendTheme } from "@chakra-ui/react"

const theme = extendTheme({})

// as default export
export default theme
// as named export
export { theme }

@chakra-ui/accordion@1.3.3

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions
Updated dependencies [e8da4c65f, aa374ffcb]:
- @chakra-ui/transition@1.3.2
- @chakra-ui/hooks@1.5.3

@chakra-ui/avatar@1.2.6

Patch Changes

Updated dependencies [4c157e320]:
- @chakra-ui/image@1.0.16

@chakra-ui/breadcrumb@1.2.6

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment

@chakra-ui/checkbox@1.5.3

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions
Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/color-mode@1.1.9

Patch Changes

Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/control-box@1.0.13

Patch Changes

afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions

@chakra-ui/counter@1.1.6

Patch Changes

Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/editable@1.2.6

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/form-control@1.3.7

Patch Changes

Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/hooks@1.5.3

Patch Changes

aa374ffcb #4166 Thanks @segunadebayo! - Fix inconsisent id generation between client and server

@chakra-ui/image@1.0.16

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/input@1.2.7

Patch Changes

Updated dependencies
- @chakra-ui/form-control@1.3.7

@chakra-ui/layout@1.4.6

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment

@chakra-ui/modal@1.8.8

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions
Updated dependencies [4c157e320, e8da4c65f, aa374ffcb]:
- @chakra-ui/portal@1.2.6
- @chakra-ui/transition@1.3.2
- @chakra-ui/hooks@1.5.3

@chakra-ui/number-input@1.2.7

Patch Changes

afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions
Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3
- @chakra-ui/counter@1.1.6
- @chakra-ui/form-control@1.3.7

@chakra-ui/pin-input@1.6.2

Patch Changes

Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/popper@2.2.1

Patch Changes

5afa7ef49 #4180 Thanks @segunadebayo! - - Wrap force update within a function to prevent null scenarios
- Add default inset value to prevent overflow in scenarios where enabled is false (i.e. when the popper is not visible)

@chakra-ui/portal@1.2.6

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/progress@1.1.10

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions

@chakra-ui/radio@1.3.7

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3
- @chakra-ui/form-control@1.3.7

@chakra-ui/react@1.6.4

Patch Changes

aa374ffcb #4166 Thanks @segunadebayo! - Fix inconsisent id generation between client and server
Updated dependencies [9fadbc80f, 8acd3c11a, 8881d925d, 7e3d3ff35, 31ec6466c, 5afa7ef49, cbf8bbdf0, 4c157e320, e8da4c65f, f2c0480ee, aa374ffcb, b93eb007e, afb9b3cfa, a66258a01, 991ea2e29, 245a164f6, 5afa7ef49, ff946d73e]:
- @chakra-ui/menu@1.7.0
- @chakra-ui/tabs@1.5.2
- @chakra-ui/popover@1.8.0
- @chakra-ui/button@1.4.0
- @chakra-ui/media-query@1.1.0
- @chakra-ui/theme@1.9.1
- @chakra-ui/accordion@1.3.3
- @chakra-ui/breadcrumb@1.2.6
- @chakra-ui/checkbox@1.5.3
- @chakra-ui/editable@1.2.6
- @chakra-ui/image@1.0.16
- @chakra-ui/layout@1.4.6
- @chakra-ui/modal@1.8.8
- @chakra-ui/portal@1.2.6
- @chakra-ui/progress@1.1.10
- @chakra-ui/radio@1.3.7
- @chakra-ui/slider@1.2.6
- @chakra-ui/spinner@1.1.10
- @chakra-ui/tag@1.1.10
- @chakra-ui/textarea@1.1.11
- @chakra-ui/transition@1.3.2
- @chakra-ui/stat@1.1.10
- @chakra-ui/hooks@1.5.3
- @chakra-ui/control-box@1.0.13
- @chakra-ui/number-input@1.2.7
- @chakra-ui/toast@1.2.8
- @chakra-ui/system@1.7.0
- @chakra-ui/popper@2.2.1
- @chakra-ui/skeleton@1.1.15
- @chakra-ui/switch@1.2.6
- @chakra-ui/avatar@1.2.6
- @chakra-ui/tooltip@1.3.7
- @chakra-ui/counter@1.1.6
- @chakra-ui/form-control@1.3.7
- @chakra-ui/pin-input@1.6.2
- @chakra-ui/input@1.2.7
- @chakra-ui/select@1.1.11

@chakra-ui/select@1.1.11

Patch Changes

Updated dependencies
- @chakra-ui/form-control@1.3.7

@chakra-ui/skeleton@1.1.15

Patch Changes

Updated dependencies [31ec6466c, aa374ffcb, 991ea2e29]:
- @chakra-ui/media-query@1.1.0
- @chakra-ui/hooks@1.5.3
- @chakra-ui/system@1.7.0

@chakra-ui/slider@1.2.6

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/spinner@1.1.10

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment

@chakra-ui/stat@1.1.10

Patch Changes

f2c0480ee #4124 Thanks @anubra266! - Export TypeScript interface StatGroupProps

@chakra-ui/switch@1.2.6

Patch Changes

Updated dependencies [4c157e320, afb9b3cfa]:
- @chakra-ui/checkbox@1.5.3

@chakra-ui/tabs@1.5.2

Patch Changes

8acd3c11a #4102 Thanks @cschroeter! - fix(tabs): render tab indicator at the correct pos
b93eb007e #4204 Thanks @jesstelford! - Remove erroneous note about <Tabs> not rendering to DOM
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions
Updated dependencies [aa374ffcb]:
- @chakra-ui/hooks@1.5.3

@chakra-ui/tag@1.1.10

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions

@chakra-ui/textarea@1.1.11

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
Updated dependencies
- @chakra-ui/form-control@1.3.7

@chakra-ui/theme@1.9.1

Patch Changes

cbf8bbdf0 #4157 Thanks @vcastroi! - Fix an issue where the distance to the next element below a textarea was too large in some browsers.
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions

@chakra-ui/toast@1.2.8

Patch Changes

a66258a01 #3935 Thanks @n1ru4l! - Resolved an issue where overflowX couldn't be used within a toast's title or description by adding maxWidth="100%" to the containing div.
Updated dependencies [cbf8bbdf0, e8da4c65f, aa374ffcb, afb9b3cfa]:
- @chakra-ui/theme@1.9.1
- @chakra-ui/transition@1.3.2
- @chakra-ui/hooks@1.5.3

@chakra-ui/tooltip@1.3.7

Patch Changes

Updated dependencies [4c157e320, aa374ffcb, 5afa7ef49]:
- @chakra-ui/portal@1.2.6
- @chakra-ui/hooks@1.5.3
- @chakra-ui/popper@2.2.1

@chakra-ui/transition@1.3.2

Patch Changes

e8da4c65f #4069 Thanks @lazarnikolov94! - Fixing an issue in the Collapse transition's enter animation in case of unmountOnExit

@chakra-ui/props-docs@1.0.29

Patch Changes

Updated dependencies [aa374ffcb, ebda07095]:
- @chakra-ui/react@1.6.4
- @chakra-ui/styled-system@1.12.0

@chakra-ui/docs@1.3.0

Minor Changes

3dd5a653c #3910 Thanks @joaorodrs! - Clicking an icon in the icons list now copies the icon name to clipboard.

Patch Changes

4c157e320 #4057 Thanks @mcha-dev! - updated @see doc links to point to shorthand see PR #4046 comment
afb9b3cfa #4103 Thanks @with-heart! - Update transitions to use theme tokens and remove outline transitions
Updated dependencies [aa374ffcb, fe2557584]:
- @chakra-ui/react@1.6.4
- @chakra-ui/cli@1.4.0
- @chakra-ui/props-docs@1.0.29

@chakra-ui/test-utils@1.0.29

Patch Changes

Updated dependencies [aa374ffcb]:
- @chakra-ui/react@1.6.4

Files

v1.6.4.mdx

Latest commit

History

v1.6.4.mdx

File metadata and controls

@chakra-ui/button@1.4.0

Minor Changes

Patch Changes

@chakra-ui/media-query@1.1.0

Minor Changes

@chakra-ui/menu@1.7.0

Minor Changes

Patch Changes

@chakra-ui/popover@1.8.0

Minor Changes

Patch Changes

@chakra-ui/styled-system@1.12.0

Minor Changes

@chakra-ui/system@1.7.0

Minor Changes

Patch Changes

@chakra-ui/cli@1.4.0

Minor Changes

@chakra-ui/accordion@1.3.3

Patch Changes

@chakra-ui/avatar@1.2.6

Patch Changes

@chakra-ui/breadcrumb@1.2.6

Patch Changes

@chakra-ui/checkbox@1.5.3

Patch Changes

@chakra-ui/color-mode@1.1.9

Patch Changes

@chakra-ui/control-box@1.0.13

Patch Changes

@chakra-ui/counter@1.1.6

Patch Changes

@chakra-ui/editable@1.2.6

Patch Changes

@chakra-ui/form-control@1.3.7

Patch Changes

@chakra-ui/hooks@1.5.3

Patch Changes

@chakra-ui/image@1.0.16

Patch Changes

@chakra-ui/input@1.2.7

Patch Changes

@chakra-ui/layout@1.4.6

Patch Changes

@chakra-ui/modal@1.8.8

Patch Changes

@chakra-ui/number-input@1.2.7

Patch Changes

@chakra-ui/pin-input@1.6.2

Patch Changes

@chakra-ui/popper@2.2.1

Patch Changes

@chakra-ui/portal@1.2.6

Patch Changes

@chakra-ui/progress@1.1.10

Patch Changes

@chakra-ui/radio@1.3.7

Patch Changes

@chakra-ui/react@1.6.4

Patch Changes

@chakra-ui/select@1.1.11

Patch Changes

@chakra-ui/skeleton@1.1.15

Patch Changes

@chakra-ui/slider@1.2.6

Patch Changes

@chakra-ui/spinner@1.1.10

Patch Changes

@chakra-ui/stat@1.1.10

Patch Changes

@chakra-ui/switch@1.2.6

Patch Changes

@chakra-ui/tabs@1.5.2

Patch Changes