title	description	releaseUrl	releaseDate	version
Version 1.6.6	Explore the changelog for Chakra UI version 1.6.6. Learn about the latest features, bug fixes, and improvements.	chakra-ui#4369	August 9, 2021	1.6.6

@chakra-ui/form-control@1.4.0

Minor Changes

ff4dc7c38 #4317 Thanks @bhishp! - Added a container part to the FormControl component theme, allowing the root FormControl element to be themed.

import { extendTheme } from "@chakra-ui/react"

export const theme = extendTheme({
  components: {
    Form: {
      variants: {
        // create a variant named "custom"
        custom: {
          // style the root `FormControl` element
          container: {
            color: "white",
            bg: "blue.900",
          },
        },
      },
    },
  },
})

Patch Changes

4c1071969 #4437 Thanks @Toxiapo! - Remove code that was added as a workaround for pre-releases of React concurrent mode.
4981d9898 #4538 Thanks @takethefake! - if an aria-describedby property is passed it will be joined with the id's from helper-text and error-message instead of being overwritten.
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5
- @chakra-ui/icon@1.1.11

@chakra-ui/theme@1.10.0

Minor Changes

ff4dc7c38 #4317 Thanks @bhishp! - Added a container part to the FormControl component theme, allowing the root FormControl element to be themed.

import { extendTheme } from "@chakra-ui/react"

export const theme = extendTheme({
  components: {
    Form: {
      variants: {
        // create a variant named "custom"
        custom: {
          // style the root `FormControl` element
          container: {
            color: "white",
            bg: "blue.900",
          },
        },
      },
    },
  },
})

Patch Changes

2d9942d3b #4539 Thanks @takethefake! - Add container-part to Stat styleConfig
46d0fb099 #4463 Thanks @takethefake! - Modals with size:full have no vertical margin
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/theme-tools@1.1.9

@chakra-ui/accordion@1.3.5

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5
- @chakra-ui/icon@1.1.11
- @chakra-ui/transition@1.3.4

@chakra-ui/alert@1.2.7

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/icon@1.1.11

@chakra-ui/avatar@1.2.8

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/image@1.0.18

@chakra-ui/breadcrumb@1.2.8

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/button@1.4.2

Patch Changes

bafcc39aa #4353 Thanks @dsumer! - Resolved an issue where a Button in loading state didn't consider the width of leftIcon and rightIcon, resulting in layout shifts when the button leaves the loading state. Buttons now render with the same width regardless of state.
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/spinner@1.1.12

@chakra-ui/checkbox@1.5.5

Patch Changes

4c1071969 #4437 Thanks @Toxiapo! - Remove code that was added as a workaround for pre-releases of React concurrent mode.
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5
- @chakra-ui/visually-hidden@1.0.14

@chakra-ui/clickable@1.1.7

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/close-button@1.1.11

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/icon@1.1.11

@chakra-ui/color-mode@1.1.11

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5

@chakra-ui/control-box@1.0.15

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/counter@1.1.8

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5

@chakra-ui/editable@1.2.8

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5

@chakra-ui/react-env@1.0.6

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/focus-lock@1.1.10

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/hooks@1.5.5

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/icon@1.1.11

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/icons@1.0.15

Patch Changes

Updated dependencies []:
- @chakra-ui/icon@1.1.11

@chakra-ui/image@1.0.18

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5

@chakra-ui/input@1.2.9

Patch Changes

Updated dependencies [4c1071969, 4981d9898, ff4dc7c38, 43f66097b]:
- @chakra-ui/form-control@1.4.0
- @chakra-ui/utils@1.8.2

@chakra-ui/layout@1.4.8

Patch Changes

a8dcdfdb6 #4452 Thanks @jamesopti! - fix(Stack): Ensure that when cloning children, their provided keys are preferred over index. This prevents them from being destroyed and recreated when a child's position in the list changes.
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/icon@1.1.11

@chakra-ui/live-region@1.0.14

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/media-query@1.1.2

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/react-env@1.0.6

@chakra-ui/menu@1.7.2

Patch Changes

6dadb97db #4514 Thanks @takethefake! - MenuList scroll to next MenuItem on KeyboardNavigation when there is a defined maxHeight on MenuList
43f66097b #4458 Thanks @agundermann! - Fix issues when rendering chakra components in different window
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/clickable@1.1.7
- @chakra-ui/hooks@1.5.5
- @chakra-ui/transition@1.3.4

@chakra-ui/modal@1.8.10

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/close-button@1.1.11
- @chakra-ui/focus-lock@1.1.10
- @chakra-ui/hooks@1.5.5
- @chakra-ui/portal@1.2.8
- @chakra-ui/transition@1.3.4

@chakra-ui/number-input@1.2.9

Patch Changes

4c1071969 #4437 Thanks @Toxiapo! - Remove code that was added as a workaround for pre-releases of React concurrent mode.
Updated dependencies [4c1071969, 4981d9898, ff4dc7c38, 43f66097b]:
- @chakra-ui/form-control@1.4.0
- @chakra-ui/utils@1.8.2
- @chakra-ui/counter@1.1.8
- @chakra-ui/hooks@1.5.5
- @chakra-ui/icon@1.1.11

@chakra-ui/pin-input@1.6.4

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5

@chakra-ui/popover@1.8.2

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/close-button@1.1.11
- @chakra-ui/hooks@1.5.5

@chakra-ui/portal@1.2.8

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5

@chakra-ui/progress@1.1.12

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/theme-tools@1.1.9

@chakra-ui/radio@1.3.9

Patch Changes

4c1071969 #4437 Thanks @Toxiapo! - Remove code that was added as a workaround for pre-releases of React concurrent mode.
Updated dependencies [4c1071969, 4981d9898, ff4dc7c38, 43f66097b]:
- @chakra-ui/form-control@1.4.0
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5
- @chakra-ui/visually-hidden@1.0.14

@chakra-ui/react@1.6.6

Patch Changes

Updated dependencies [4c1071969, bafcc39aa, 2d9942d3b, 4981d9898, df57f448f, 2172e610b, 6dadb97db, d3d85956c, a8dcdfdb6, 46d0fb099, ff4dc7c38, 43f66097b]:
- @chakra-ui/checkbox@1.5.5
- @chakra-ui/form-control@1.4.0
- @chakra-ui/number-input@1.2.9
- @chakra-ui/radio@1.3.9
- @chakra-ui/utils@1.8.2
- @chakra-ui/button@1.4.2
- @chakra-ui/stat@1.1.12
- @chakra-ui/theme@1.10.0
- @chakra-ui/tooltip@1.3.9
- @chakra-ui/slider@1.2.8
- @chakra-ui/menu@1.7.2
- @chakra-ui/system@1.7.2
- @chakra-ui/layout@1.4.8
- @chakra-ui/switch@1.2.8
- @chakra-ui/input@1.2.9
- @chakra-ui/select@1.1.13
- @chakra-ui/textarea@1.1.13
- @chakra-ui/accordion@1.3.5
- @chakra-ui/alert@1.2.7
- @chakra-ui/avatar@1.2.8
- @chakra-ui/breadcrumb@1.2.8
- @chakra-ui/close-button@1.1.11
- @chakra-ui/control-box@1.0.15
- @chakra-ui/counter@1.1.8
- @chakra-ui/editable@1.2.8
- @chakra-ui/react-env@1.0.6
- @chakra-ui/hooks@1.5.5
- @chakra-ui/icon@1.1.11
- @chakra-ui/image@1.0.18
- @chakra-ui/live-region@1.0.14
- @chakra-ui/media-query@1.1.2
- @chakra-ui/modal@1.8.10
- @chakra-ui/pin-input@1.6.4
- @chakra-ui/popover@1.8.2
- @chakra-ui/portal@1.2.8
- @chakra-ui/progress@1.1.12
- @chakra-ui/skeleton@1.1.17
- @chakra-ui/spinner@1.1.12
- @chakra-ui/table@1.2.6
- @chakra-ui/tabs@1.5.4
- @chakra-ui/tag@1.1.12
- @chakra-ui/toast@1.2.10
- @chakra-ui/transition@1.3.4
- @chakra-ui/visually-hidden@1.0.14

@chakra-ui/select@1.1.13

Patch Changes

Updated dependencies [4c1071969, 4981d9898, ff4dc7c38, 43f66097b]:
- @chakra-ui/form-control@1.4.0
- @chakra-ui/utils@1.8.2

@chakra-ui/skeleton@1.1.17

Patch Changes

Updated dependencies [4c1071969, d3d85956c, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/system@1.7.2
- @chakra-ui/hooks@1.5.5
- @chakra-ui/media-query@1.1.2

@chakra-ui/skip-nav@1.1.11

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/slider@1.2.8

Patch Changes

2172e610b #4370 Thanks @segunadebayo! - Fix issue where slider thumb doesn't show active state in firefox
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5

@chakra-ui/spinner@1.1.12

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/visually-hidden@1.0.14

@chakra-ui/stat@1.1.12

Patch Changes

2d9942d3b #4539 Thanks @takethefake! - Add container-part to Stat styleConfig
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/icon@1.1.11
- @chakra-ui/visually-hidden@1.0.14

@chakra-ui/styled-system@1.12.2

Patch Changes

1d4b1f874 #4460 Thanks @primos63! - Corrected parseGradient function so that it checks for CSS functions.

Previously, using the CSS calc function would result in invalid CSS being generated.

The expectation is that

<Heading bgGradient="linear(to-r, green.200, pink.500 calc(20px + 20px))">
  Chakra-UI: Create accessible React apps with speed
</Heading>

functions similar to linear-gradient which handles using a CSS function

<Heading
  bgImage="linear-gradient(
    to right,
    var(--chakra-colors-green-200)),
    var(--chakra-colors-pink-500 calc(20px + 20px))"
>
  Chakra-UI: Create accessible React apps with speed
</Heading>

270b71ebb #4368 Thanks @avendiart! - Grid props type definitions now correclty reflect the implemented behavior in regard to tokens.
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/switch@1.2.8

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/checkbox@1.5.5
- @chakra-ui/utils@1.8.2

@chakra-ui/system@1.7.2

Patch Changes

d3d85956c #4511 Thanks @jrolfs! - Fix type definitions for apply prop.

The apply prop supports responsive styles:

// Before: type error, expects `string` for `apply`
<Text apply={{ sm: 'styles.h3', lg: 'styles.h4' }}>

// After: no type error, expects `ResponsiveValue<string>` for `apply`
<Text apply={{ sm: 'styles.h3', lg: 'styles.h4' }}>

Updated dependencies [4c1071969, 1d4b1f874, 270b71ebb, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/styled-system@1.12.2
- @chakra-ui/color-mode@1.1.11

@chakra-ui/table@1.2.6

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/tabs@1.5.4

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/clickable@1.1.7
- @chakra-ui/hooks@1.5.5

@chakra-ui/tag@1.1.12

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/icon@1.1.11

@chakra-ui/textarea@1.1.13

Patch Changes

Updated dependencies [4c1071969, 4981d9898, ff4dc7c38, 43f66097b]:
- @chakra-ui/form-control@1.4.0
- @chakra-ui/utils@1.8.2

@chakra-ui/theme-tools@1.1.9

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/toast@1.2.10

Patch Changes

Updated dependencies [4c1071969, 2d9942d3b, 46d0fb099, ff4dc7c38, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/theme@1.10.0
- @chakra-ui/alert@1.2.7
- @chakra-ui/close-button@1.1.11
- @chakra-ui/hooks@1.5.5
- @chakra-ui/transition@1.3.4

@chakra-ui/tooltip@1.3.9

Patch Changes

df57f448f #4442 Thanks @5ebastianMeier! - Fix tooltips not closing when openDelay is set
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/hooks@1.5.5
- @chakra-ui/portal@1.2.8
- @chakra-ui/visually-hidden@1.0.14

@chakra-ui/transition@1.3.4

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/utils@1.8.2

Patch Changes

4c1071969 #4437 Thanks @Toxiapo! - Remove code that was added as a workaround for pre-releases of React concurrent mode.
43f66097b #4458 Thanks @agundermann! - Fix issues when rendering chakra components in different window

@chakra-ui/visually-hidden@1.0.14

Patch Changes

Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2

@chakra-ui/props-docs@1.0.31

Patch Changes

Updated dependencies [1d4b1f874, 270b71ebb]:
- @chakra-ui/styled-system@1.12.2
- @chakra-ui/react@1.6.6

@chakra-ui/test-utils@1.0.31

Patch Changes

Updated dependencies []:
- @chakra-ui/react@1.6.6

@chakra-ui/docs@1.3.2

Patch Changes

f5d7a458b #4493 Thanks @takethefake! - - Migrated from next-mdx-enhanced to next-mdx-remote
- Generate Headings from mdx before rendering instead of rendered React.Element
- removed getUserData generation if there is an author mentioned in frontmatter because we partially ran into rate limits from octokit/rest but didn't used the data at all
Updated dependencies [4c1071969, 43f66097b]:
- @chakra-ui/utils@1.8.2
- @chakra-ui/react@1.6.6
- @chakra-ui/theme-tools@1.1.9
- @chakra-ui/props-docs@1.0.31

Files

v1.6.6.mdx

Latest commit

History

v1.6.6.mdx

File metadata and controls

@chakra-ui/form-control@1.4.0

Minor Changes

Patch Changes

@chakra-ui/theme@1.10.0

Minor Changes

Patch Changes

@chakra-ui/accordion@1.3.5

Patch Changes

@chakra-ui/alert@1.2.7

Patch Changes

@chakra-ui/avatar@1.2.8

Patch Changes

@chakra-ui/breadcrumb@1.2.8

Patch Changes

@chakra-ui/button@1.4.2

Patch Changes

@chakra-ui/checkbox@1.5.5

Patch Changes

@chakra-ui/clickable@1.1.7

Patch Changes

@chakra-ui/close-button@1.1.11

Patch Changes

@chakra-ui/color-mode@1.1.11

Patch Changes

@chakra-ui/control-box@1.0.15

Patch Changes

@chakra-ui/counter@1.1.8

Patch Changes

@chakra-ui/editable@1.2.8

Patch Changes

@chakra-ui/react-env@1.0.6

Patch Changes

@chakra-ui/focus-lock@1.1.10

Patch Changes

@chakra-ui/hooks@1.5.5

Patch Changes

@chakra-ui/icon@1.1.11

Patch Changes

@chakra-ui/icons@1.0.15

Patch Changes

@chakra-ui/image@1.0.18

Patch Changes

@chakra-ui/input@1.2.9

Patch Changes

@chakra-ui/layout@1.4.8

Patch Changes

@chakra-ui/live-region@1.0.14

Patch Changes

@chakra-ui/media-query@1.1.2

Patch Changes

@chakra-ui/menu@1.7.2

Patch Changes

@chakra-ui/modal@1.8.10

Patch Changes

@chakra-ui/number-input@1.2.9

Patch Changes

@chakra-ui/pin-input@1.6.4

Patch Changes

@chakra-ui/popover@1.8.2

Patch Changes

@chakra-ui/portal@1.2.8

Patch Changes

@chakra-ui/progress@1.1.12

Patch Changes

@chakra-ui/radio@1.3.9

Patch Changes

@chakra-ui/react@1.6.6

Patch Changes

@chakra-ui/select@1.1.13

Patch Changes

@chakra-ui/skeleton@1.1.17

Patch Changes

@chakra-ui/skip-nav@1.1.11

Patch Changes