v2.2.7.mdx

title	description	releaseUrl	releaseDate	version
Version 2.2.7	Explore the changelog for Chakra UI version 2.2.7. Learn about the latest features, bug fixes, and improvements.	chakra-ui#6441	August 13, 2022	2.2.7

chakra-storybook-addon@2.0.13

Patch Changes

• Updated dependencies [3dc27e05e]:
  • @chakra-ui/storybook-addon@4.0.7

@chakra-ui/react-context@2.0.1

Patch Changes

• #6458 70872f2c2 Thanks @segunadebayo! - Initial release

@chakra-ui/react-use-callback-ref@2.0.1

Patch Changes

• #6458 70872f2c2 Thanks @segunadebayo! - Initial release

@chakra-ui/react-use-controllable-state@2.0.1

Patch Changes

• #6458 70872f2c2 Thanks @segunadebayo! - Initial release

• Updated dependencies [70872f2c2]:

  • @chakra-ui/react-use-callback-ref@2.0.1

@chakra-ui/react-use-disclosure@2.0.1

Patch Changes

• #6457 04ff824ac Thanks @segunadebayo! - Initial release

• Updated dependencies [70872f2c2]:

  • @chakra-ui/react-use-callback-ref@2.0.1

@chakra-ui/react-use-event-listener@2.0.1

Patch Changes

• 3b077d0e6 Thanks @segunadebayo! - Initial release

• Updated dependencies [70872f2c2]:

  • @chakra-ui/react-use-callback-ref@2.0.1

@chakra-ui/react-use-merge-refs@2.0.1

Patch Changes

• #6458 70872f2c2 Thanks @segunadebayo! - Initial release

@chakra-ui/react-use-pan-event@2.0.1

Patch Changes

• #6458 70872f2c2 Thanks @segunadebayo! - Initial release

• Updated dependencies [597966e46]:

  • @chakra-ui/event-utils@2.0.1

@chakra-ui/react-use-size@2.0.1

Patch Changes

• #6457 04ff824ac Thanks @segunadebayo! - Initial release

@chakra-ui/react-use-update-effect@2.0.1

Patch Changes

• 3ecbf060e Thanks @segunadebayo! - Initial release

@chakra-ui/accordion@2.0.9

Patch Changes

• #6462 dffc18b17 Thanks @segunadebayo! - Reduce bundle size of accordion by leverage smaller packages

• Updated dependencies [70872f2c2]:

  • @chakra-ui/react-use-controllable-state@2.0.1
  • @chakra-ui/react-context@2.0.1
  • @chakra-ui/react-use-merge-refs@2.0.1
  • @chakra-ui/icon@3.0.7
  • @chakra-ui/transition@2.0.7
  • @chakra-ui/descendant@3.0.6

@chakra-ui/alert@2.0.7

Patch Changes

• #6466 99af1e29f Thanks @segunadebayo! - Refactor to reduce bundle size

• Updated dependencies [70872f2c2]:

  • @chakra-ui/react-context@2.0.1
  • @chakra-ui/icon@3.0.7
  • @chakra-ui/spinner@2.0.7

@chakra-ui/avatar@2.0.8

Patch Changes

• 0822619ee Thanks @segunadebayo! - Refactor to reduce bundle size

• Updated dependencies [70872f2c2]:

  • @chakra-ui/react-context@2.0.1
  • @chakra-ui/image@2.0.8

@chakra-ui/breadcrumb@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/button@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/spinner@2.0.7

@chakra-ui/checkbox@2.1.6

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/form-control@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/visually-hidden@2.0.7

@chakra-ui/clickable@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/close-button@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/icon@3.0.7

@chakra-ui/color-mode@2.1.5

Patch Changes

• #6434 da7d0cf63 Thanks @itkrt2y! - Fix regression where localStorageManager was not exported

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:

  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7

@chakra-ui/control-box@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7

@chakra-ui/counter@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7

@chakra-ui/descendant@3.0.6

Patch Changes

• Updated dependencies []:
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/editable@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/react-env@2.0.7

Patch Changes

• 239a3cd40 Thanks @segunadebayo! - - Omit rendered env span when the environment prop is passed. - Add id and hidden attributes to the rendered env span

@chakra-ui/focus-lock@2.0.8

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7

@chakra-ui/form-control@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/icon@3.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/hooks@2.0.7

Patch Changes

• #6457 04ff824ac Thanks @segunadebayo! - Deprecate useDimensions in favor of the useSize hook

• Updated dependencies [dffc18b17, 99af1e29f]:

  • @chakra-ui/utils@2.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/icon@3.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7

@chakra-ui/icons@2.0.7

Patch Changes

• Updated dependencies []:
  • @chakra-ui/icon@3.0.7

@chakra-ui/image@2.0.8

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7

@chakra-ui/input@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/form-control@2.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/layout@2.1.4

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/icon@3.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/live-region@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7

@chakra-ui/media-query@3.2.3

Patch Changes

• Updated dependencies [dffc18b17, 239a3cd40, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/react-env@2.0.7

@chakra-ui/menu@2.0.9

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/clickable@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/transition@2.0.7
  • @chakra-ui/descendant@3.0.6
  • @chakra-ui/popper@3.0.5

@chakra-ui/modal@2.1.5

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/close-button@2.0.7
  • @chakra-ui/focus-lock@2.0.8
  • @chakra-ui/portal@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/transition@2.0.7

@chakra-ui/number-input@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/counter@2.0.7
  • @chakra-ui/form-control@2.0.7
  • @chakra-ui/icon@3.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/pin-input@2.0.9

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/descendant@3.0.6

@chakra-ui/popover@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/close-button@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/popper@3.0.5

@chakra-ui/popper@3.0.5

Patch Changes

• Updated dependencies []:
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/portal@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/progress@2.0.8

Patch Changes

• Updated dependencies [c14010b45, dffc18b17, 99af1e29f]:
  • @chakra-ui/theme-tools@2.0.8
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/provider@2.0.12

Patch Changes

• Updated dependencies [dffc18b17, 239a3cd40, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/react-env@2.0.7
  • @chakra-ui/system@2.2.5
  • @chakra-ui/portal@2.0.7

@chakra-ui/radio@2.0.8

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/form-control@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/visually-hidden@2.0.7

@chakra-ui/react@2.2.7

Patch Changes

• #6464 b735aae2e Thanks @rossng! - Remove ChakraProvider.defaultProps and move logic inside the component.

• Updated dependencies [2fd5d07eb, dffc18b17, dffc18b17, 8eb793159, 239a3cd40, 99af1e29f, 0822619ee, 04ff824ac, 99af1e29f]:

  • @chakra-ui/theme@2.1.6
  • @chakra-ui/accordion@2.0.9
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/react-env@2.0.7
  • @chakra-ui/alert@2.0.7
  • @chakra-ui/avatar@2.0.8
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/progress@2.0.8
  • @chakra-ui/button@2.0.7
  • @chakra-ui/media-query@3.2.3
  • @chakra-ui/menu@2.0.9
  • @chakra-ui/skeleton@2.0.12
  • @chakra-ui/slider@2.0.7
  • @chakra-ui/system@2.2.5
  • @chakra-ui/toast@3.0.5
  • @chakra-ui/breadcrumb@2.0.7
  • @chakra-ui/checkbox@2.1.6
  • @chakra-ui/close-button@2.0.7
  • @chakra-ui/control-box@2.0.7
  • @chakra-ui/counter@2.0.7
  • @chakra-ui/editable@2.0.7
  • @chakra-ui/form-control@2.0.7
  • @chakra-ui/icon@3.0.7
  • @chakra-ui/image@2.0.8
  • @chakra-ui/input@2.0.7
  • @chakra-ui/layout@2.1.4
  • @chakra-ui/live-region@2.0.7
  • @chakra-ui/modal@2.1.5
  • @chakra-ui/number-input@2.0.7
  • @chakra-ui/pin-input@2.0.9
  • @chakra-ui/popover@2.0.7
  • @chakra-ui/portal@2.0.7
  • @chakra-ui/provider@2.0.12
  • @chakra-ui/radio@2.0.8
  • @chakra-ui/select@2.0.7
  • @chakra-ui/spinner@2.0.7
  • @chakra-ui/stat@2.0.7
  • @chakra-ui/switch@2.0.9
  • @chakra-ui/table@2.0.7
  • @chakra-ui/tabs@2.0.9
  • @chakra-ui/tag@2.0.7
  • @chakra-ui/textarea@2.0.8
  • @chakra-ui/tooltip@2.0.8
  • @chakra-ui/transition@2.0.7
  • @chakra-ui/visually-hidden@2.0.7
  • @chakra-ui/popper@3.0.5

@chakra-ui/react-utils@2.0.4

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7

@chakra-ui/select@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/form-control@2.0.7

@chakra-ui/skeleton@2.0.12

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/media-query@3.2.3
  • @chakra-ui/system@2.2.5

@chakra-ui/skip-nav@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7

@chakra-ui/slider@2.0.7

Patch Changes

• Updated dependencies [3ecbf060e, 597966e46, 04ff824ac, 70872f2c2]:
  • @chakra-ui/react-use-update-effect@2.0.1
  • @chakra-ui/number-utils@2.0.1
  • @chakra-ui/react-types@2.0.1
  • @chakra-ui/react-use-size@2.0.1
  • @chakra-ui/react-use-callback-ref@2.0.1
  • @chakra-ui/react-use-controllable-state@2.0.1
  • @chakra-ui/react-context@2.0.1
  • @chakra-ui/react-use-merge-refs@2.0.1
  • @chakra-ui/react-use-pan-event@2.0.1

@chakra-ui/spinner@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/visually-hidden@2.0.7

@chakra-ui/stat@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/icon@3.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/visually-hidden@2.0.7

@chakra-ui/styled-system@2.2.6

Patch Changes

• #6335 e0913e56f Thanks @itkrt2y! - Improve style computation performance by looping over styles once.

  Previously, we had two steps in the logic (expand responsive and convert to css object). This can be quite expensive with large css objects (or style props).

  We now process both steps in a single pass.

• #6465 67edac24a Thanks @itkrt2y! - Fix regression where ThemeTypings created by chakra-cli could not be used

• #6396 2c9e085ea Thanks @yukukotani! - Escape symbols in css variable to make it works

• Updated dependencies [dffc18b17, 99af1e29f]:

  • @chakra-ui/utils@2.0.7

@chakra-ui/switch@2.0.9

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/checkbox@2.1.6

@chakra-ui/system@2.2.5

Patch Changes

• Updated dependencies [dffc18b17, da7d0cf63, e0913e56f, 99af1e29f, 67edac24a, 2c9e085ea]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/color-mode@2.1.5
  • @chakra-ui/styled-system@2.2.6
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/table@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/tabs@2.0.9

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/clickable@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/descendant@3.0.6

@chakra-ui/tag@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/icon@3.0.7
  • @chakra-ui/react-utils@2.0.4

@chakra-ui/textarea@2.0.8

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/form-control@2.0.7

@chakra-ui/theme@2.1.6

Patch Changes

• #6346 2fd5d07eb Thanks @quantumomid! - Improve contrast of FormHelperText to satisfy accessibility check

• 8eb793159 Thanks @segunadebayo! - Fix issue where disabled input with flushed or unstyled variant isn't perceivable.

• Updated dependencies [c14010b45, dffc18b17, 99af1e29f]:

  • @chakra-ui/theme-tools@2.0.8
  • @chakra-ui/utils@2.0.7

@chakra-ui/theme-tools@2.0.8

Patch Changes

• c14010b45 Thanks @segunadebayo! - Fix regression where StyleFunctionProps type was not exported

• Updated dependencies [dffc18b17, 99af1e29f]:

  • @chakra-ui/utils@2.0.7

@chakra-ui/toast@3.0.5

Patch Changes

• Updated dependencies [2fd5d07eb, dffc18b17, 8eb793159, 99af1e29f, 04ff824ac, 99af1e29f]:
  • @chakra-ui/theme@2.1.6
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/alert@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/system@2.2.5
  • @chakra-ui/close-button@2.0.7
  • @chakra-ui/portal@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/transition@2.0.7

@chakra-ui/tooltip@2.0.8

Patch Changes

• Updated dependencies [dffc18b17, 04ff824ac, 99af1e29f]:
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/hooks@2.0.7
  • @chakra-ui/portal@2.0.7
  • @chakra-ui/react-utils@2.0.4
  • @chakra-ui/visually-hidden@2.0.7
  • @chakra-ui/popper@3.0.5

@chakra-ui/transition@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7

@chakra-ui/utils@2.0.7

Patch Changes

• #6462 dffc18b17 Thanks @segunadebayo! - Add pure annotation to utils package

• #6466 99af1e29f Thanks @segunadebayo! - Add pure annotation to isBrowser to tree-shake when bundling

@chakra-ui/visually-hidden@2.0.7

Patch Changes

• Updated dependencies [dffc18b17, 99af1e29f]:
  • @chakra-ui/utils@2.0.7

@chakra-ui/cli@2.1.5

Patch Changes

• #6465 67edac24a Thanks @itkrt2y! - Fix regression where ThemeTypings created by chakra-cli could not be used

• Updated dependencies [dffc18b17, 99af1e29f]:

  • @chakra-ui/utils@2.0.7

@chakra-ui/props-docs@2.0.13

Patch Changes

• Updated dependencies [e0913e56f, 67edac24a, 2c9e085ea, b735aae2e]:
  • @chakra-ui/styled-system@2.2.6
  • @chakra-ui/react@2.2.7

@chakra-ui/storybook-addon@4.0.7

Patch Changes

• 3dc27e05e Thanks @segunadebayo! - Fix issue with nullish operator in storybook

• Updated dependencies []:

  • @chakra-ui/icons@2.0.7

@chakra-ui/event-utils@2.0.1

Patch Changes

• #6472 597966e46 Thanks @segunadebayo! - Initial release

@chakra-ui/merge-utils@2.0.1

Patch Changes

• 0822619ee Thanks @segunadebayo! - Initial release

@chakra-ui/number-utils@2.0.1

Patch Changes

• #6472 597966e46 Thanks @segunadebayo! - Initial release

@chakra-ui/object-utils@2.0.1

Patch Changes

• 0822619ee Thanks @segunadebayo! - Initial release

@chakra-ui/react-types@2.0.1

Patch Changes

• #6472 597966e46 Thanks @segunadebayo! - Initial release

create-react-app-ts@2.0.13

Patch Changes

• Updated dependencies [b735aae2e]:
  • @chakra-ui/react@2.2.7

gatsby-starter-default@1.0.13

Patch Changes

• Updated dependencies [b735aae2e]:
  • @chakra-ui/react@2.2.7
  • @chakra-ui/gatsby-plugin@3.0.3

chakra-nextjs@2.0.13

Patch Changes

• Updated dependencies [b735aae2e]:
  • @chakra-ui/react@2.2.7

chakra-nextjs-ts@2.0.13

Patch Changes

• Updated dependencies [c14010b45, b735aae2e]:
  • @chakra-ui/theme-tools@2.0.8
  • @chakra-ui/react@2.2.7
  • @chakra-ui/icons@2.0.7

@chakra-ui/test-utils@2.0.13

Patch Changes

• Updated dependencies [2fd5d07eb, dffc18b17, 8eb793159, 99af1e29f]:
  • @chakra-ui/theme@2.1.6
  • @chakra-ui/utils@2.0.7
  • @chakra-ui/provider@2.0.12