v1.2.0.mdx

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.	chakra-ui#3216	January 30, 2021	1.2.0

@chakra-ui/[email protected]

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 [90c7a4fbf, b572bceed]

@chakra-ui/[email protected]

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 [90c7a4fbf]

@chakra-ui/[email protected]

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/[email protected]

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

• 98ed67bc0 #3007 Thanks @dodas! - The container and link parts are now themable.

@chakra-ui/[email protected]

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 [90c7a4fbf]

@chakra-ui/[email protected]

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/[email protected]

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 [90c7a4fbf]

@chakra-ui/[email protected]

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 [b572bceed]

@chakra-ui/[email protected]

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 [90c7a4fbf, b572bceed]

@chakra-ui/[email protected]

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/[email protected]

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 [90c7a4fbf]

@chakra-ui/[email protected]

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

• Updated dependencies [90c7a4fbf]

@chakra-ui/[email protected]

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

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

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

• Updated dependencies [90c7a4fbf, b572bceed, e41e6b81b]

@chakra-ui/[email protected]

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

• ab788323d #3181 Thanks @with-heart! - Resolved an issue where blurring NumberInputField did not clamp the value using the precision prop
• Updated dependencies [90c7a4fbf, b572bceed]

@chakra-ui/[email protected]

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 [b572bceed]

@chakra-ui/[email protected]

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 [90c7a4fbf, b572bceed, e41e6b81b]

@chakra-ui/[email protected]

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

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

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/[email protected]

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 [90c7a4fbf, b572bceed]

@chakra-ui/[email protected]

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

• 408096ca3 #3164 Thanks @ivanyeoh! - fix: Extend theme should not include polyfill function

• fa2083807 #3150 Thanks @TimKolberger! - Improve TypeScript type for extendTheme to allow deeply nested color objects

• Updated dependencies [500b1eea0, 14be4be2c, 98ed67bc0, ab788323d, 68694e5ab, 20fb74c07, f90d8be54, 90c7a4fbf, 4e193f721, 709ca0398, b572bceed, e41e6b81b]

@chakra-ui/[email protected]

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 [90c7a4fbf]

@chakra-ui/[email protected]

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 [90c7a4fbf, b572bceed]

@chakra-ui/[email protected]

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/[email protected]

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 [b572bceed]

@chakra-ui/[email protected]

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/[email protected]

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 [90c7a4fbf]

@chakra-ui/[email protected]

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/[email protected]

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 [90c7a4fbf, 4e193f721]

@chakra-ui/[email protected]

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 [e434aed4a, 90c7a4fbf, e859a9fc1]

@chakra-ui/[email protected]

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/[email protected]

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

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

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 [90c7a4fbf]

@chakra-ui/[email protected]

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 [90c7a4fbf]

@chakra-ui/[email protected]

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/[email protected]

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

• Updated dependencies [b572bceed, e41e6b81b]

@chakra-ui/[email protected]

Patch Changes

• e859a9fc1 #3133 Thanks @chrisbull! - useColorModeValue defaults to light mode on first render if system color mode is used.

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

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/[email protected]

Patch Changes

• Updated dependencies [90c7a4fbf]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [20fb74c07, 90c7a4fbf, 709ca0398, b572bceed]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [b572bceed]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e434aed4a, 408096ca3, 90c7a4fbf, fa2083807]

@chakra-ui/[email protected]

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

• c61ed9f52 #3155 Thanks @jungaretti! - - Correct capitalization of rightIcon prop
  • Add LinkOverlay docs
  • Restructure component groupings and add permanent redirects
  • Add docs for Portal component
• Updated dependencies [408096ca3, 90c7a4fbf, fa2083807]

[email protected]

Patch Changes

• Updated dependencies [408096ca3, 90c7a4fbf, fa2083807]

[email protected]

Patch Changes

• Updated dependencies [408096ca3, 90c7a4fbf, fa2083807]

[email protected]

Patch Changes

• Updated dependencies [408096ca3, 90c7a4fbf, fa2083807]

[email protected]

Patch Changes

• Updated dependencies [408096ca3, 90c7a4fbf, fa2083807]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [408096ca3, 90c7a4fbf, fa2083807]