Skip to content

Latest commit

 

History

History
721 lines (501 loc) · 30.9 KB

v1.5.0.mdx

File metadata and controls

721 lines (501 loc) · 30.9 KB
Raw
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.
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

@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

@chakra-ui/react@1.5.0

Minor Changes

Patch Changes

@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

@chakra-ui/accordion@1.2.1

Patch Changes

@chakra-ui/alert@1.2.1

Patch Changes

@chakra-ui/avatar@1.2.1

Patch Changes

@chakra-ui/breadcrumb@1.2.1

Patch Changes

@chakra-ui/button@1.2.1

Patch Changes

@chakra-ui/checkbox@1.4.1

Patch Changes

@chakra-ui/clickable@1.1.1

Patch Changes

@chakra-ui/close-button@1.1.5

Patch Changes

@chakra-ui/color-mode@1.1.4

Patch Changes

@chakra-ui/control-box@1.0.8

Patch Changes

@chakra-ui/counter@1.1.1

Patch Changes

@chakra-ui/descendant@1.1.1

Patch Changes

  • Updated dependencies

@chakra-ui/editable@1.2.1

Patch Changes

@chakra-ui/focus-lock@1.1.4

Patch Changes

@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/hooks@1.3.1

Patch Changes

@chakra-ui/icon@1.1.5

Patch Changes

@chakra-ui/icons@1.0.9

Patch Changes

  • Updated dependencies

@chakra-ui/image@1.0.11

Patch Changes

@chakra-ui/input@1.2.1

Patch Changes

@chakra-ui/layout@1.4.1

Patch Changes

@chakra-ui/live-region@1.0.8

Patch Changes

@chakra-ui/media-query@1.0.9

Patch Changes

@chakra-ui/menu@1.3.1

Patch Changes

@chakra-ui/modal@1.8.1

Patch Changes

@chakra-ui/number-input@1.2.1

Patch Changes

@chakra-ui/pin-input@1.5.1

Patch Changes

@chakra-ui/portal@1.2.1

Patch Changes

@chakra-ui/progress@1.1.5

Patch Changes

@chakra-ui/radio@1.3.1

Patch Changes

@chakra-ui/react-utils@1.1.1

Patch Changes

@chakra-ui/select@1.1.5

Patch Changes

@chakra-ui/skeleton@1.1.8

Patch Changes

@chakra-ui/skip-nav@1.1.5

Patch Changes

@chakra-ui/slider@1.2.1

Patch Changes

@chakra-ui/spinner@1.1.5

Patch Changes

@chakra-ui/stat@1.1.5

Patch Changes

@chakra-ui/styled-system@1.10.1

Patch Changes

@chakra-ui/switch@1.2.1

Patch Changes

@chakra-ui/system@1.6.1

Patch Changes

@chakra-ui/tabs@1.3.1

Patch Changes

@chakra-ui/tag@1.1.5

Patch Changes

@chakra-ui/textarea@1.1.5

Patch Changes

@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/theme-tools@1.1.3

Patch Changes

@chakra-ui/toast@1.2.2

Patch Changes

@chakra-ui/tooltip@1.3.1

Patch Changes

@chakra-ui/transition@1.1.2

Patch Changes

@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

@chakra-ui/props-docs@1.0.22

Patch Changes

@chakra-ui/test-utils@1.0.22

Patch Changes

@chakra-ui/docs@1.2.1

Patch Changes