v1.5.0.mdx

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

@chakra-ui/popover@1.5.0

Minor Changes

• 75817ec42 #3733 Thanks @segunadebayo! - - Return prop getters for popover header and body and use ref callback to determine element's presense instead of useEffect.

  • Mark usePopover as internal for now.

  • Add support for rootProps to PopoverContent to allow passing props to popover's positioner.

  • Make it possible to add custom motion variants so users can orchestrate custom transitions.

  • Remove unused dependencies

  • Move popover arrow shadow color computation to popover's theme.

Patch Changes

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [87a03b320, 1a04a41bd, 75817ec42, e481ba491]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/popper@2.1.0
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/close-button@1.1.5

@chakra-ui/popper@2.1.0

Minor Changes

• 75817ec42 #3733 Thanks @segunadebayo! - Add prop getters for popper and arrow for better ssr support

  Replace utils dependency with react-utils

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1

@chakra-ui/react@1.5.0

Minor Changes

• ac21d798a Thanks @segunadebayo! - Bump package as minor

Patch Changes

• 2287d82e3 #3715 Thanks @with-heart! - Resolved a peer dependency resolution issue reported by yarn2, npm7, and other more modern package managers
• Updated dependencies [1cff6f54e, 06612e3ba, 38706f731, 1a04a41bd, 799f3c803, c69d2b983, 2287d82e3, 75817ec42, 75817ec42, e481ba491, d86a0f6b4, 75817ec42, 07ddf0f27, ac21d798a]:
  • @chakra-ui/progress@1.1.5
  • @chakra-ui/table@1.2.0
  • @chakra-ui/checkbox@1.4.1
  • @chakra-ui/number-input@1.2.1
  • @chakra-ui/radio@1.3.1
  • @chakra-ui/accordion@1.2.1
  • @chakra-ui/editable@1.2.1
  • @chakra-ui/menu@1.3.1
  • @chakra-ui/popover@1.5.0
  • @chakra-ui/slider@1.2.1
  • @chakra-ui/tabs@1.3.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/toast@1.2.2
  • @chakra-ui/transition@1.1.2
  • @chakra-ui/modal@1.8.1
  • @chakra-ui/tooltip@1.3.1
  • @chakra-ui/popper@2.1.0
  • @chakra-ui/theme@1.8.1
  • @chakra-ui/form-control@1.3.1
  • @chakra-ui/select@1.1.5
  • @chakra-ui/alert@1.2.1
  • @chakra-ui/avatar@1.2.1
  • @chakra-ui/breadcrumb@1.2.1
  • @chakra-ui/button@1.2.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/input@1.2.1
  • @chakra-ui/layout@1.4.1
  • @chakra-ui/pin-input@1.5.1
  • @chakra-ui/portal@1.2.1
  • @chakra-ui/switch@1.2.1
  • @chakra-ui/close-button@1.1.5
  • @chakra-ui/control-box@1.0.8
  • @chakra-ui/counter@1.1.1
  • @chakra-ui/icon@1.1.5
  • @chakra-ui/image@1.0.11
  • @chakra-ui/live-region@1.0.8
  • @chakra-ui/media-query@1.0.9
  • @chakra-ui/skeleton@1.1.8
  • @chakra-ui/spinner@1.1.5
  • @chakra-ui/stat@1.1.5
  • @chakra-ui/system@1.6.1
  • @chakra-ui/tag@1.1.5
  • @chakra-ui/textarea@1.1.5
  • @chakra-ui/visually-hidden@1.0.8

@chakra-ui/table@1.2.0

Minor Changes

• 06612e3ba Thanks @segunadebayo! - Add TableContainer component to help tables scroll horizontally when overflowing.

  <TableContainer>
    <Table>
      {...}
    </Table>
  </TableContainer>

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/accordion@1.2.1

Patch Changes

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [87a03b320, 1a04a41bd, c69d2b983, e481ba491]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/transition@1.1.2
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/icon@1.1.5
  • @chakra-ui/descendant@1.1.1

@chakra-ui/alert@1.2.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/icon@1.1.5

@chakra-ui/avatar@1.2.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/image@1.0.11

@chakra-ui/breadcrumb@1.2.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1

@chakra-ui/button@1.2.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/spinner@1.1.5

@chakra-ui/checkbox@1.4.1

Patch Changes

• 38706f731 Thanks @segunadebayo! - Replace withFlushSync with microtask callback to prevent ReactDOM warning.

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/visually-hidden@1.0.8

@chakra-ui/clickable@1.1.1

Patch Changes

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [1a04a41bd, e481ba491]:

  • @chakra-ui/utils@1.5.1

@chakra-ui/close-button@1.1.5

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/icon@1.1.5

@chakra-ui/color-mode@1.1.4

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1

@chakra-ui/control-box@1.0.8

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/counter@1.1.1

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1

@chakra-ui/descendant@1.1.1

Patch Changes

• Updated dependencies []:
  • @chakra-ui/hooks@1.3.1

@chakra-ui/editable@1.2.1

Patch Changes

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1

@chakra-ui/focus-lock@1.1.4

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/form-control@1.3.1

Patch Changes

• d86a0f6b4 Thanks @segunadebayo! - - Refactor form label to use prop getter instead of hook for better consistency
  • Replace withFlushSync with scheduleMicrotask callback to prevent ReactDOM warning when an element us focused by calling .focus(). This works as well in concurrent mode.
• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/icon@1.1.5

@chakra-ui/hooks@1.3.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1

@chakra-ui/icon@1.1.5

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/icons@1.0.9

Patch Changes

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

@chakra-ui/image@1.0.11

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1

@chakra-ui/input@1.2.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491, d86a0f6b4]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/form-control@1.3.1

@chakra-ui/layout@1.4.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/icon@1.1.5

@chakra-ui/live-region@1.0.8

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/media-query@1.0.9

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/menu@1.3.1

Patch Changes

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [87a03b320, 1a04a41bd, c69d2b983, 75817ec42, e481ba491]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/clickable@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/transition@1.1.2
  • @chakra-ui/popper@2.1.0
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/descendant@1.1.1

@chakra-ui/modal@1.8.1

Patch Changes

• 2287d82e3 #3715 Thanks @with-heart! - Resolved a peer dependency resolution issue reported by yarn2, npm7, and other more modern package managers

• 07ddf0f27 Thanks @segunadebayo! - Omit scroll-behavior from drawer props

• Updated dependencies [87a03b320, 1a04a41bd, c69d2b983, e481ba491]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/transition@1.1.2
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/portal@1.2.1
  • @chakra-ui/close-button@1.1.5
  • @chakra-ui/focus-lock@1.1.4

@chakra-ui/number-input@1.2.1

Patch Changes

• 38706f731 Thanks @segunadebayo! - Replace withFlushSync with microtask callback to prevent ReactDOM warning.

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491, d86a0f6b4]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/form-control@1.3.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/counter@1.1.1
  • @chakra-ui/icon@1.1.5

@chakra-ui/pin-input@1.5.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/descendant@1.1.1

@chakra-ui/portal@1.2.1

Patch Changes

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:
  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1

@chakra-ui/progress@1.1.5

Patch Changes

• 1cff6f54e Thanks @segunadebayo! - Fix issue in safari where circular progress indicator shows a tiny bit when value is 0
• Updated dependencies [1a04a41bd, c69d2b983, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/theme-tools@1.1.3

@chakra-ui/radio@1.3.1

Patch Changes

• 38706f731 Thanks @segunadebayo! - Replace withFlushSync with microtask callback to prevent ReactDOM warning.

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491, d86a0f6b4]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/form-control@1.3.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/visually-hidden@1.0.8

@chakra-ui/react-utils@1.1.1

Patch Changes

• 87a03b320 #3733 Thanks @segunadebayo! - Update prop getter v2 type to take second parameter

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• e481ba491 Thanks @segunadebayo! - - Extract functions from react-utils back to utils package

  • Remove withFlushSync function in favor of using a microtask callback
  • Import types for warn function

• Updated dependencies [1a04a41bd, e481ba491]:

  • @chakra-ui/utils@1.5.1

@chakra-ui/select@1.1.5

Patch Changes

• ac21d798a Thanks @segunadebayo! - Fix RTL styles for select field to use paddingEnd instead of pr

• Updated dependencies [1a04a41bd, e481ba491, d86a0f6b4]:

  • @chakra-ui/utils@1.5.1
  • @chakra-ui/form-control@1.3.1

@chakra-ui/skeleton@1.1.8

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/media-query@1.0.9
  • @chakra-ui/system@1.6.1

@chakra-ui/skip-nav@1.1.5

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/slider@1.2.1

Patch Changes

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1

@chakra-ui/spinner@1.1.5

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/visually-hidden@1.0.8

@chakra-ui/stat@1.1.5

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/icon@1.1.5
  • @chakra-ui/visually-hidden@1.0.8

@chakra-ui/styled-system@1.10.1

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/switch@1.2.1

Patch Changes

• Updated dependencies [38706f731, 1a04a41bd, e481ba491]:
  • @chakra-ui/checkbox@1.4.1
  • @chakra-ui/utils@1.5.1

@chakra-ui/system@1.6.1

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/color-mode@1.1.4
  • @chakra-ui/styled-system@1.10.1

@chakra-ui/tabs@1.3.1

Patch Changes

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• Updated dependencies [87a03b320, 1a04a41bd, e481ba491]:

  • @chakra-ui/react-utils@1.1.1
  • @chakra-ui/clickable@1.1.1
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/descendant@1.1.1

@chakra-ui/tag@1.1.5

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/icon@1.1.5

@chakra-ui/textarea@1.1.5

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491, d86a0f6b4]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/form-control@1.3.1

@chakra-ui/theme@1.8.1

Patch Changes

• 75817ec42 #3733 Thanks @segunadebayo! - Popover

  • Moved maxW from popover's popper to content to allow for better control of the popover's width.
  • Use width instead of maxW to allow users more control of popover's width
  • Use --popover-bg css property to control popover and arrow background.

  <PopoverContent style={{ "--popover-bg": "purple" }}>
    <PopoverArrow />
  </PopoverContent>

  • Add popover arrow shadow color

  Select

  • Update select icon to use insetEnd instead of right for RTL.

  Skip Link

  • Update styles to use insetStart instead of left for RTL.

  Table

  • Update text align attribute to use end instead of right for RTL.

• Updated dependencies [1a04a41bd, c69d2b983, e481ba491]:

  • @chakra-ui/utils@1.5.1
  • @chakra-ui/theme-tools@1.1.3

@chakra-ui/theme-tools@1.1.3

Patch Changes

• c69d2b983 Thanks @segunadebayo! - Fix issue where warn doesn't get called

• Updated dependencies [1a04a41bd, e481ba491]:

  • @chakra-ui/utils@1.5.1

@chakra-ui/toast@1.2.2

Patch Changes

• 799f3c803 #3752 Thanks @baptisteArno! - Take into account safe area insets for Toasts

• Updated dependencies [1a04a41bd, c69d2b983, 75817ec42, e481ba491]:

  • @chakra-ui/utils@1.5.1
  • @chakra-ui/transition@1.1.2
  • @chakra-ui/theme@1.8.1
  • @chakra-ui/alert@1.2.1
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/close-button@1.1.5

@chakra-ui/tooltip@1.3.1

Patch Changes

• 2287d82e3 #3715 Thanks @with-heart! - Resolved a peer dependency resolution issue reported by yarn2, npm7, and other more modern package managers
• Updated dependencies [1a04a41bd, 75817ec42, e481ba491]:
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/popper@2.1.0
  • @chakra-ui/hooks@1.3.1
  • @chakra-ui/portal@1.2.1
  • @chakra-ui/visually-hidden@1.0.8

@chakra-ui/transition@1.1.2

Patch Changes

• c69d2b983 Thanks @segunadebayo! - Fix issue where warn doesn't get called

• Updated dependencies [1a04a41bd, e481ba491]:

  • @chakra-ui/utils@1.5.1
  • @chakra-ui/hooks@1.3.1

@chakra-ui/utils@1.5.1

Patch Changes

• 1a04a41bd Thanks @segunadebayo! - Update import of shared utils from react-utils to utils

• e481ba491 Thanks @segunadebayo! - - Extract functions from react-utils back to utils package

  • Remove withFlushSync function in favor of using a microtask callback
  • Import types for warn function

@chakra-ui/visually-hidden@1.0.8

Patch Changes

• Updated dependencies [1a04a41bd, e481ba491]:
  • @chakra-ui/utils@1.5.1

@chakra-ui/props-docs@1.0.22

Patch Changes

• Updated dependencies [ac21d798a, 2287d82e3]:
  • @chakra-ui/react@1.5.0
  • @chakra-ui/styled-system@1.10.1

@chakra-ui/test-utils@1.0.22

Patch Changes

• Updated dependencies [ac21d798a, 2287d82e3]:
  • @chakra-ui/react@1.5.0

@chakra-ui/docs@1.2.1

Patch Changes

• d79f5bce9 #3729 Thanks @navarroaxel! - Add docs for useMergeRefs hook

• 5f19da9db #3730 Thanks @navarroaxel! - Add docs for useBoolean hook

• 372b8f485 #3661 Thanks @navarroaxel! - Add docs for useOutsideClick hook

• Updated dependencies [ac21d798a, 1a04a41bd, c69d2b983, 2287d82e3, e481ba491]:

  • @chakra-ui/react@1.5.0
  • @chakra-ui/utils@1.5.1
  • @chakra-ui/theme-tools@1.1.3
  • @chakra-ui/props-docs@1.0.22