Skip to content

Latest commit

 

History

History
395 lines (261 loc) · 13.6 KB

v1.6.7.mdx

File metadata and controls

395 lines (261 loc) · 13.6 KB
Raw
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.
August 29, 2021
1.6.7

@chakra-ui/hooks@1.6.0

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

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/accordion@1.3.6

Patch Changes

@chakra-ui/avatar@1.2.9

Patch Changes

  • Updated dependencies

@chakra-ui/checkbox@1.5.6

Patch Changes

@chakra-ui/color-mode@1.1.12

Patch Changes

@chakra-ui/counter@1.1.9

Patch Changes

@chakra-ui/editable@1.2.9

Patch Changes

@chakra-ui/form-control@1.4.1

Patch Changes

@chakra-ui/image@1.0.19

Patch Changes

@chakra-ui/input@1.2.10

Patch Changes

  • Updated dependencies

@chakra-ui/layout@1.4.9

Patch Changes

@chakra-ui/menu@1.7.3

Patch Changes

@chakra-ui/modal@1.8.11

Patch Changes

@chakra-ui/number-input@1.2.10

Patch Changes

@chakra-ui/pin-input@1.6.5

Patch Changes

@chakra-ui/popover@1.8.3

Patch Changes

@chakra-ui/portal@1.2.9

Patch Changes

@chakra-ui/progress@1.1.13

Patch Changes

@chakra-ui/provider@1.6.7

Patch Changes

@chakra-ui/radio@1.3.10

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/react@1.6.7

Patch Changes

@chakra-ui/select@1.1.14

Patch Changes

  • Updated dependencies

@chakra-ui/skeleton@1.1.18

Patch Changes

@chakra-ui/slider@1.2.9

Patch Changes

@chakra-ui/switch@1.2.9

Patch Changes

  • Updated dependencies

@chakra-ui/system@1.7.3

Patch Changes

@chakra-ui/tabs@1.5.5

Patch Changes

@chakra-ui/textarea@1.1.14

Patch Changes

  • Updated dependencies

@chakra-ui/theme@1.10.1

Patch Changes

@chakra-ui/toast@1.2.11

Patch Changes

@chakra-ui/tooltip@1.3.10

Patch Changes

@chakra-ui/props-docs@1.0.32

Patch Changes

@chakra-ui/docs@2.0.0

Major Changes

Minor Changes

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

Patch Changes

@chakra-ui/test-utils@1.0.32

Patch Changes