Skip to content

Latest commit

 

History

History
861 lines (615 loc) · 34.9 KB

v1.2.0.mdx

File metadata and controls

861 lines (615 loc) · 34.9 KB
Raw
title description releaseUrl releaseDate version
Version 1.2.0
Explore the changelog for Chakra UI version 1.2.0. Learn about the latest features, bug fixes, and improvements.
January 30, 2021
1.2.0

@chakra-ui/accordion@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/alert@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/avatar@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

  • Updated dependencies

@chakra-ui/breadcrumb@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/button@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/checkbox@1.2.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

  • 4e193f721 #3180 Thanks @with-heart! - Resolved an issue where Checkbox used inside CheckboxGroup would call the group's onChange handler twice
  • Updated dependencies [b572bceed]

@chakra-ui/close-button@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/editable@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/form-control@1.2.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/icon@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

@chakra-ui/input@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/layout@1.3.0

Minor Changes

  • f90d8be54 Thanks @segunadebayo! - Bug Fixes:

    • Update transform style for AbsoluteCenter when axis is both

    Features:

    • Add shouldWrapChildren to Wrap component to make it possible use Wrap directly without thinking about WrapItem.

    • Update LinkBox and LinkOverlay components and make them public in docs.

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience

    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/menu@1.1.0

Minor Changes

  • 68694e5ab #3141 Thanks @dodas! - - The MenuItem now accepts a commandSpacing prop that can be used to adjust the space between the command and label.

    • Add support rootProps to MenuList so it's possible override the styles for root container for menu list. Common use case is to change the applied zIndex of the menulist.

    • Make it possible to override zIndex by passing props to MenuList

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience

    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/modal@1.5.0

Minor Changes

  • 14be4be2c #3210 Thanks @segunadebayo! - Add support for forwarding props to the underlying Portal component. Pass the portalProps prop to achive this.

    The 2 props you can pass to the portalProps are:

    • containerRef: ref for the element where to mount the portal
    • appendToParentPortal: If false, it'll opt out of portal nesting
    <Modal portalProps={{ containerRef: ref }}>
  <ModalOverlay />
  <ModalContent>
    <Box>Modal content</Box>
    <Tooltip portalProps={{ appendToParentPortal: false }}>
      Some tooltip
    </Tooltip>
  </ModalContent>
</Modal>

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience

    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/number-input@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/pin-input@1.3.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/popover@1.2.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/portal@1.1.0

Minor Changes

  • e41e6b81b #3210 Thanks @segunadebayo! - - Add support for changing the container that portal is appended to. You can now pass containerRef to portal.

    • Update portal README.md and tests.
    • Add support for appendToParentPortal={false} to opt out of nested portals.
    • Fix issue with portal zIndex container where it renders elements outside of view.
    • Renamed getContainer prop to containerRef to make it possible to pass the ref directly. This affects the Modal component primarily
    // Before
<Portal getContainer={() => ref.current}>{/** Content */}</Portal>

// After
<Portal containerRef={ref}>{/** Content */}</Portal>

Patch Changes

@chakra-ui/progress@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

@chakra-ui/radio@1.2.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/react@1.2.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/select@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/skeleton@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/skip-nav@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

@chakra-ui/slider@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/spinner@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

@chakra-ui/stat@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/styled-system@1.6.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

  • e434aed4a #3214 Thanks @TimKolberger! - Fix issue where CSS color names are not passed correctly.

    <Box backgroundColor="red">Background is red</Box>

@chakra-ui/switch@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/system@1.2.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/table@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

@chakra-ui/tabs@1.1.0

Minor Changes

  • 500b1eea0 #3187 Thanks @dodas! - The useTabsContext hook is now exported and can be used in userland.

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience

    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/tag@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/textarea@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/theme@1.5.0

Minor Changes

  • 20fb74c07 Thanks @segunadebayo! - - Add 8xl to size tokens. It maps to 90rem

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience

    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

  • 709ca0398 #3200 Thanks @dodas! - A Button with variant="link" has now verticalAlign set to baseline, instead of middle.

@chakra-ui/tooltip@1.1.0

Minor Changes

  • 14be4be2c #3210 Thanks @segunadebayo! - Add support for forwarding props to the underlying Portal component. Pass the portalProps prop to achive this.

    The 2 props you can pass to the portalProps are:

    • containerRef: ref for the element where to mount the portal
    • appendToParentPortal: If false, it'll opt out of portal nesting
    <Modal portalProps={{ containerRef: ref }}>
  <ModalOverlay />
  <ModalContent>
    <Box>Modal content</Box>
    <Tooltip portalProps={{ appendToParentPortal: false }}>
      Some tooltip
    </Tooltip>
  </ModalContent>
</Modal>

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience

    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

@chakra-ui/color-mode@1.0.6

Patch Changes

@chakra-ui/counter@1.0.6

Patch Changes

@chakra-ui/descendant@1.0.6

Patch Changes

@chakra-ui/hooks@1.1.3

Patch Changes

  • b572bceed Thanks @segunadebayo! - useOutsideClick:

    • Update reference to document.addEventListener to detect owner document based on ref passed. This would help detect outside click currently from within an iframe.

@chakra-ui/icons@1.0.4

Patch Changes

@chakra-ui/image@1.0.6

Patch Changes

@chakra-ui/popper@1.1.2

Patch Changes

@chakra-ui/toast@1.1.8

Patch Changes

@chakra-ui/transition@1.0.7

Patch Changes

@chakra-ui/props-docs@1.0.12

Patch Changes

@chakra-ui/docs@1.1.0

Minor Changes

  • 90c7a4fbf #3092 Thanks @TimKolberger! - - Improved theme typing in order to provide a better autocomplete experience
    • Fixed a type issue where pseudo style props like _hover and _active didn't allow regular css properties

Patch Changes

chakra-cra@1.0.12

Patch Changes

gatsby-starter-default@0.1.10

Patch Changes

chakra-nextjs@1.0.12

Patch Changes

chakra-nextjs-ts@1.0.12

Patch Changes

@chakra-ui/test-utils@1.0.12

Patch Changes