v2.2.4.mdx

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

@chakra-ui/media-query@3.2.0

Minor Changes

• #6308 4beff94be Thanks @n-harada! - fix getClosestValue to return nullable closest break point value

Patch Changes

• Updated dependencies [c11743b47, fb3c09325]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/react-env@2.0.4

storybook-addon@2.0.10

Patch Changes

• Updated dependencies []:
  • @chakra-ui/storybook-addon@4.0.4

@chakra-ui/accordion@2.0.6

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/icon@3.0.4
  • @chakra-ui/transition@2.0.4

@chakra-ui/alert@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/icon@3.0.4
  • @chakra-ui/spinner@2.0.4

@chakra-ui/avatar@2.0.5

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/image@2.0.5

@chakra-ui/breadcrumb@2.0.4

Patch Changes

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

@chakra-ui/button@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/spinner@2.0.4

@chakra-ui/checkbox@2.1.3

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/form-control@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/visually-hidden@2.0.4

@chakra-ui/clickable@2.0.4

Patch Changes

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

@chakra-ui/close-button@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/icon@3.0.4

@chakra-ui/color-mode@2.1.2

Patch Changes

• #6309 fb3c09325 Thanks @itkrt2y! - fix hydration issue

• Updated dependencies [c11743b47]:

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

@chakra-ui/control-box@2.0.4

Patch Changes

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

@chakra-ui/counter@2.0.4

Patch Changes

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

@chakra-ui/editable@2.0.4

Patch Changes

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

@chakra-ui/react-env@2.0.4

Patch Changes

• #6309 fb3c09325 Thanks @itkrt2y! - fix hydration issue

• Updated dependencies [c11743b47]:

  • @chakra-ui/utils@2.0.4

@chakra-ui/focus-lock@2.0.5

Patch Changes

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

@chakra-ui/form-control@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/icon@3.0.4

@chakra-ui/hooks@2.0.4

Patch Changes

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

@chakra-ui/icon@3.0.4

Patch Changes

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

@chakra-ui/icons@2.0.4

Patch Changes

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

@chakra-ui/image@2.0.5

Patch Changes

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

@chakra-ui/input@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/form-control@2.0.4

@chakra-ui/layout@2.1.1

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/icon@3.0.4

@chakra-ui/live-region@2.0.4

Patch Changes

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

@chakra-ui/menu@2.0.6

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/clickable@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/transition@2.0.4

@chakra-ui/modal@2.1.2

Patch Changes

• Updated dependencies [46b495455, c11743b47]:
  • @chakra-ui/portal@2.0.4
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/close-button@2.0.4
  • @chakra-ui/focus-lock@2.0.5
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/transition@2.0.4

@chakra-ui/number-input@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/counter@2.0.4
  • @chakra-ui/form-control@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/icon@3.0.4

@chakra-ui/pin-input@2.0.6

Patch Changes

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

@chakra-ui/popover@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/close-button@2.0.4
  • @chakra-ui/hooks@2.0.4

@chakra-ui/portal@2.0.4

Patch Changes

• #6303 46b495455 Thanks @itkrt2y! - Fix portal to render children

• Updated dependencies [c11743b47]:

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

@chakra-ui/progress@2.0.5

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/theme-tools@2.0.5

@chakra-ui/provider@2.0.9

Patch Changes

• Updated dependencies [46b495455, c11743b47, fb3c09325]:
  • @chakra-ui/portal@2.0.4
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/react-env@2.0.4
  • @chakra-ui/system@2.2.2

@chakra-ui/radio@2.0.5

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/form-control@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/visually-hidden@2.0.4

@chakra-ui/react@2.2.4

Patch Changes

• Updated dependencies [46b495455, 4beff94be, c11743b47, fb3c09325]:
  • @chakra-ui/portal@2.0.4
  • @chakra-ui/media-query@3.2.0
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/react-env@2.0.4
  • @chakra-ui/modal@2.1.2
  • @chakra-ui/provider@2.0.9
  • @chakra-ui/toast@3.0.2
  • @chakra-ui/tooltip@2.0.5
  • @chakra-ui/skeleton@2.0.9
  • @chakra-ui/system@2.2.2
  • @chakra-ui/accordion@2.0.6
  • @chakra-ui/alert@2.0.4
  • @chakra-ui/avatar@2.0.5
  • @chakra-ui/breadcrumb@2.0.4
  • @chakra-ui/button@2.0.4
  • @chakra-ui/checkbox@2.1.3
  • @chakra-ui/close-button@2.0.4
  • @chakra-ui/control-box@2.0.4
  • @chakra-ui/counter@2.0.4
  • @chakra-ui/editable@2.0.4
  • @chakra-ui/form-control@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/icon@3.0.4
  • @chakra-ui/image@2.0.5
  • @chakra-ui/input@2.0.4
  • @chakra-ui/layout@2.1.1
  • @chakra-ui/live-region@2.0.4
  • @chakra-ui/menu@2.0.6
  • @chakra-ui/number-input@2.0.4
  • @chakra-ui/pin-input@2.0.6
  • @chakra-ui/popover@2.0.4
  • @chakra-ui/progress@2.0.5
  • @chakra-ui/radio@2.0.5
  • @chakra-ui/select@2.0.4
  • @chakra-ui/slider@2.0.4
  • @chakra-ui/spinner@2.0.4
  • @chakra-ui/stat@2.0.4
  • @chakra-ui/switch@2.0.6
  • @chakra-ui/table@2.0.4
  • @chakra-ui/tabs@2.0.6
  • @chakra-ui/tag@2.0.4
  • @chakra-ui/textarea@2.0.5
  • @chakra-ui/theme@2.1.3
  • @chakra-ui/transition@2.0.4
  • @chakra-ui/visually-hidden@2.0.4

@chakra-ui/select@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/form-control@2.0.4

@chakra-ui/skeleton@2.0.9

Patch Changes

• Updated dependencies [4beff94be, c11743b47]:
  • @chakra-ui/media-query@3.2.0
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/system@2.2.2
  • @chakra-ui/hooks@2.0.4

@chakra-ui/skip-nav@2.0.4

Patch Changes

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

@chakra-ui/slider@2.0.4

Patch Changes

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

@chakra-ui/spinner@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/visually-hidden@2.0.4

@chakra-ui/stat@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/icon@3.0.4
  • @chakra-ui/visually-hidden@2.0.4

@chakra-ui/styled-system@2.2.3

Patch Changes

• #6301 c11743b47 Thanks @effectivetom! - Fix incorrect breakpoint calculation which excluded some viewport widths from media query coverage
• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4

@chakra-ui/switch@2.0.6

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/checkbox@2.1.3

@chakra-ui/system@2.2.2

Patch Changes

• Updated dependencies [c11743b47, fb3c09325]:
  • @chakra-ui/styled-system@2.2.3
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/color-mode@2.1.2

@chakra-ui/table@2.0.4

Patch Changes

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

@chakra-ui/tabs@2.0.6

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/clickable@2.0.4
  • @chakra-ui/hooks@2.0.4

@chakra-ui/tag@2.0.4

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/icon@3.0.4

@chakra-ui/textarea@2.0.5

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/form-control@2.0.4

@chakra-ui/theme@2.1.3

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/theme-tools@2.0.5

@chakra-ui/theme-tools@2.0.5

Patch Changes

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

@chakra-ui/toast@3.0.2

Patch Changes

• Updated dependencies [46b495455, c11743b47]:
  • @chakra-ui/portal@2.0.4
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/system@2.2.2
  • @chakra-ui/alert@2.0.4
  • @chakra-ui/close-button@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/theme@2.1.3
  • @chakra-ui/transition@2.0.4

@chakra-ui/tooltip@2.0.5

Patch Changes

• Updated dependencies [46b495455, c11743b47]:
  • @chakra-ui/portal@2.0.4
  • @chakra-ui/utils@2.0.4
  • @chakra-ui/hooks@2.0.4
  • @chakra-ui/visually-hidden@2.0.4

@chakra-ui/transition@2.0.4

Patch Changes

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

@chakra-ui/utils@2.0.4

Patch Changes

• #6301 c11743b47 Thanks @effectivetom! - Fix incorrect breakpoint calculation which excluded some viewport widths from media query coverage

@chakra-ui/visually-hidden@2.0.4

Patch Changes

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

@chakra-ui/props-docs@2.0.10

Patch Changes

• Updated dependencies [c11743b47]:
  • @chakra-ui/styled-system@2.2.3
  • @chakra-ui/react@2.2.4

@chakra-ui/storybook-addon@4.0.4

Patch Changes

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

create-react-app-ts@2.0.10

Patch Changes

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

gatsby-starter-default@1.0.10

Patch Changes

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

chakra-nextjs@2.0.10

Patch Changes

• #6303 46b495455 Thanks @itkrt2y! - add portal example

• #6303 46b495455 Thanks @itkrt2y! - update to Next.js 12.2.2

• Updated dependencies []:

  • @chakra-ui/react@2.2.4

chakra-nextjs-ts@2.0.10

Patch Changes

• #6303 46b495455 Thanks @itkrt2y! - update to Next.js 12.2.2

• #6309 fb3c09325 Thanks @itkrt2y! - add color mode config and suspense

• Updated dependencies []:

  • @chakra-ui/react@2.2.4
  • @chakra-ui/theme-tools@2.0.5
  • @chakra-ui/icons@2.0.4

@chakra-ui/test-utils@2.0.10

Patch Changes

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