v1.6.7.mdx

title	description	releaseUrl	releaseDate	version
Version 1.6.7	Explore the changelog for Chakra UI version 1.6.7. Learn about the latest features, bug fixes, and improvements.	chakra-ui#4637	August 29, 2021	1.6.7

@chakra-ui/[email protected]

Minor Changes

• 28af4c030 #4595 Thanks @margalit! - - Added an enabled prop to the useOutsideClick hook to conditionally attach event handlers.

  • Updated the useMenu hook to only enable the useOutsideClick hook when the menu is open.

@chakra-ui/[email protected]

Minor Changes

• 01c913309 #4611 Thanks @segunadebayo! - Add new helpers to the theme-tools package to make the process of creating component themes less cumbersome.

  • cssVar - function to create css vars
  • calc - function that makes it easy to create the css calc string
  • anatomy- function to define and extend component parts

  Creating a CSS variable in the theme

  import { cssVar, calc } from "@chakra-ui/theme-tools"
  
  const $width = cssVar("slider-width")
  const $height = cssVar("slider-height")
  
  const $diff = calc($width).subtract($height).toString()
  
  $width.variable // => '--slider-width'
  $width.reference // => 'var(--slider-width)'

  Create a component anatomy

  import { anatomy }  from "@chakra-ui/theme-tools"
  import type { PartsStyle } from "@chakra-ui/theme-tools"
  
  const btn = anatomy("button").parts("label", "container")
  
  const newBtn = btn.extend("icon") //  extend button to include icon part
  
  // Using the anatomy in component theme
  const baseStyle: PartsStyle<typeof newBtn> = {
    // auto-complete for the component parts
    icon: {...},
    label: {...}
  }

  Added PartsStyleObject and PartStyleFunction types for easy creation of type-safe, multipart component styles.

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• 83eecb75f #4560 Thanks @take! - Fix url for LinkBox component

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [01c913309]

@chakra-ui/[email protected]

Patch Changes

• 52640a1fd #4594 Thanks @feychenie! - Move ChakraProvider to a separate package @chakra-ui/provider

• Updated dependencies [01c913309, 28af4c030]:

  • @chakra-ui/[email protected]
  • @chakra-ui/[email protected]

@chakra-ui/[email protected]

Patch Changes

• b41191868 #4552 Thanks @takethefake! - Add isDisabled to RadioGroup to make it possible to disable all Radio inside RadioGroup

• a48449550 #4552 Thanks @takethefake! - Add isFocusable to RadioGroup to make it possible to define the focusable-state for all Radio inside a RadioGroup

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• 52640a1fd #4594 Thanks @feychenie! - Move ChakraProvider to a separate package @chakra-ui/provider

• e7a732755 #4611 Thanks @segunadebayo! - Loosen types of extendTheme to allow recent TS compiler to work and avoid Type instantiation is excessively deep and possibly infinite errors.

  This might lead to a slightly degraded autocomplete experience when extended the theme but we promise to revisit the typings and API very soon.

  In the meantime, please use ThemeOverrides type to provide

• Updated dependencies [ed8301181, 9cdbf4127, 01c913309, b41191868, 52640a1fd, 28af4c030, 7b04008b2, 83eecb75f, a48449550, 6532f97eb, 633df562f]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• 9cdbf4127 #4444 Thanks @codetheweb! - Don't animate when skeleton was previously loaded

• Updated dependencies [01c913309, 28af4c030]

@chakra-ui/[email protected]

Patch Changes

• ed8301181 #4564 Thanks @trabuchhobbes! - Fix issue where slider thumb gets focus when onChangeEnd changes.

• 6532f97eb #4575 Thanks @takethefake! - Call onChangeStart/ onChangeEnd when clicking somewhere in the SliderTrack without dragging the DragHandle

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• 01c913309 #4611 Thanks @segunadebayo! - Update useStyleConfig to read parts array from the new anatomy class

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• 633df562f #4576 Thanks @takethefake! - Added overview:"visible" to baseStyle of TagLabel to avoid clipped text

• Updated dependencies [01c913309]

@chakra-ui/[email protected]

Patch Changes

• 7b04008b2 #4605 Thanks @LarsOlt! - Add correct variant type to UseToastOptions

• Updated dependencies [28af4c030, 633df562f]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [28af4c030]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [52640a1fd, e7a732755]

@chakra-ui/[email protected]

Major Changes

• 2418de87b Thanks @MasterGordon! - Removed blog since nobody has written any articles.

Minor Changes

• e3bad39bc #4615 Thanks @shubhsk88! - - Included the example in Tooltip for forwardref
  • Automate the changelog generation process

Patch Changes

• ed0ce623f #4568 Thanks @lazarnikolov94! - Fixed the sidebar links' active state

• Updated dependencies [01c913309, 52640a1fd, e7a732755]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [52640a1fd, e7a732755]