---
title: Version 1.8.7
description:
  Explore the changelog for Chakra UI version 1.8.7. Learn about the latest
  features, bug fixes, and improvements.
releaseUrl: https://github.com/chakra-ui/chakra-ui/pull/5719
releaseDate: March 27, 2022
version: 1.8.7
---

## @chakra-ui/checkbox@1.7.0

### Minor Changes

- [#5736](https://github.com/chakra-ui/chakra-ui/pull/5736)
  [`a7be72918`](https://github.com/chakra-ui/chakra-ui/commit/a7be72918f1e74ce20eb31544433e4321caf5c78)
  Thanks [@segunadebayo](https://github.com/segunadebayo)! - Add support for
  passing `inputProps` to underlying input element

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/hooks@1.9.0

### Minor Changes

- [#5199](https://github.com/chakra-ui/chakra-ui/pull/5199)
  [`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)
  Thanks [@mlajtos](https://github.com/mlajtos)! - Control whether Tooltip can
  be closed with Esc key

## @chakra-ui/modal@1.11.0

### Minor Changes

- [#5402](https://github.com/chakra-ui/chakra-ui/pull/5402)
  [`232853068`](https://github.com/chakra-ui/chakra-ui/commit/232853068ab9ec95cd123ccf378b044ad7861ba1)
  Thanks [@ShumRain](https://github.com/ShumRain)! - Add `onCloseComplete` prop
  to Modal which is called when all DOM nodes of the `Modal` are removed.

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/radio@1.5.0

### Minor Changes

- [#5736](https://github.com/chakra-ui/chakra-ui/pull/5736)
  [`a7be72918`](https://github.com/chakra-ui/chakra-ui/commit/a7be72918f1e74ce20eb31544433e4321caf5c78)
  Thanks [@segunadebayo](https://github.com/segunadebayo)! - Add support for
  passing `inputProps` to underlying input element

### Patch Changes

- [#5708](https://github.com/chakra-ui/chakra-ui/pull/5708)
  [`8e201b9f8`](https://github.com/chakra-ui/chakra-ui/commit/8e201b9f84a914e58cdc9ee90b3e03269fabf4d7)
  Thanks [@noobinthisgame](https://github.com/noobinthisgame)! - Add type for
  state returned by use-radio hook

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/styled-system@1.19.0

### Minor Changes

- [#5532](https://github.com/chakra-ui/chakra-ui/pull/5532)
  [`00d5d1516`](https://github.com/chakra-ui/chakra-ui/commit/00d5d151631436777a8dc71a0b46c2be52e71631)
  Thanks [@TimKolberger](https://github.com/TimKolberger)! - Updated `_dark` and
  `_light` pseudo selectors to allow semantic tokens to change with the
  `data-theme` attributes.

### Patch Changes

- [#5702](https://github.com/chakra-ui/chakra-ui/pull/5702)
  [`dc2c578f6`](https://github.com/chakra-ui/chakra-ui/commit/dc2c578f6b9686499911fa77d6b61dd0ced077ea)
  Thanks [@ardnahcivar](https://github.com/ardnahcivar)! - Added `number` type
  for text underline offset of text decoration props

## @chakra-ui/system@1.12.0

### Minor Changes

- [#5532](https://github.com/chakra-ui/chakra-ui/pull/5532)
  [`cedec803f`](https://github.com/chakra-ui/chakra-ui/commit/cedec803fb05b5d92ef32c67352265fc7636500c)
  Thanks [@TimKolberger](https://github.com/TimKolberger)! - Added
  `[data-theme]` to the CSS variables root selector. This allows the semantic
  tokens to change according to `data-theme="dark"` and `data-theme="light"` DOM
  element attributes.

### Patch Changes

- Updated dependencies
  \[[`00d5d1516`](https://github.com/chakra-ui/chakra-ui/commit/00d5d151631436777a8dc71a0b46c2be52e71631),
  [`dc2c578f6`](https://github.com/chakra-ui/chakra-ui/commit/dc2c578f6b9686499911fa77d6b61dd0ced077ea)]

## @chakra-ui/tooltip@1.5.0

### Minor Changes

- [#5199](https://github.com/chakra-ui/chakra-ui/pull/5199)
  [`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)
  Thanks [@mlajtos](https://github.com/mlajtos)! - Control whether Tooltip can
  be closed with Esc key

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/accordion@1.4.10

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/avatar@1.3.10

### Patch Changes

- Updated dependencies

## @chakra-ui/button@1.5.9

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/color-mode@1.4.7

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/counter@1.2.9

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/editable@1.4.1

### Patch Changes

- [#5684](https://github.com/chakra-ui/chakra-ui/pull/5684)
  [`6ec09741a`](https://github.com/chakra-ui/chakra-ui/commit/6ec09741acd40eb1835cbf6d02bfae642413b6ef)
  Thanks [@takethefake](https://github.com/takethefake)! - Call `setPrevValue`
  `onFocus` to avoid an outdated prev value when the field is controlled
- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/form-control@1.5.10

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/image@1.1.9

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/input@1.4.5

### Patch Changes

- Updated dependencies

## @chakra-ui/layout@1.7.8

### Patch Changes

- [#5679](https://github.com/chakra-ui/chakra-ui/pull/5679)
  [`1c14e0de8`](https://github.com/chakra-ui/chakra-ui/commit/1c14e0de84a7eb92482ba0ba2e04b27d738af804)
  Thanks [@m4x3d](https://github.com/m4x3d)! - Fix buttons zIndex within LinkBox
  and usage of LinkOverlay

- [#5737](https://github.com/chakra-ui/chakra-ui/pull/5737)
  [`e93b9f8c3`](https://github.com/chakra-ui/chakra-ui/commit/e93b9f8c3e695b56dbf927b37b4b13ded660451b)
  Thanks [@segunadebayo](https://github.com/segunadebayo)! - Remove `noreferrer`
  attribute from link component

## @chakra-ui/menu@1.8.10

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/number-input@1.4.6

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/pin-input@1.7.9

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/popover@1.11.8

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/portal@1.3.9

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/provider@1.7.13

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964),
  [`cedec803f`](https://github.com/chakra-ui/chakra-ui/commit/cedec803fb05b5d92ef32c67352265fc7636500c)]

## @chakra-ui/react@1.8.7

### Patch Changes

- Updated dependencies
  \[[`63c2bc070`](https://github.com/chakra-ui/chakra-ui/commit/63c2bc070303ecdf4947c896b85bf602381040a4),
  [`a7be72918`](https://github.com/chakra-ui/chakra-ui/commit/a7be72918f1e74ce20eb31544433e4321caf5c78),
  [`6ec09741a`](https://github.com/chakra-ui/chakra-ui/commit/6ec09741acd40eb1835cbf6d02bfae642413b6ef),
  [`1c14e0de8`](https://github.com/chakra-ui/chakra-ui/commit/1c14e0de84a7eb92482ba0ba2e04b27d738af804),
  [`e93b9f8c3`](https://github.com/chakra-ui/chakra-ui/commit/e93b9f8c3e695b56dbf927b37b4b13ded660451b),
  [`9a58c7ab8`](https://github.com/chakra-ui/chakra-ui/commit/9a58c7ab82f334d63dc1d0f528204d1dd172711c),
  [`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964),
  [`8e201b9f8`](https://github.com/chakra-ui/chakra-ui/commit/8e201b9f84a914e58cdc9ee90b3e03269fabf4d7),
  [`cedec803f`](https://github.com/chakra-ui/chakra-ui/commit/cedec803fb05b5d92ef32c67352265fc7636500c),
  [`232853068`](https://github.com/chakra-ui/chakra-ui/commit/232853068ab9ec95cd123ccf378b044ad7861ba1)]

## @chakra-ui/select@1.2.10

### Patch Changes

- Updated dependencies

## @chakra-ui/skeleton@1.2.13

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964),
  [`cedec803f`](https://github.com/chakra-ui/chakra-ui/commit/cedec803fb05b5d92ef32c67352265fc7636500c)]

## @chakra-ui/slider@1.5.10

### Patch Changes

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/switch@1.3.9

### Patch Changes

- Updated dependencies
  \[[`a7be72918`](https://github.com/chakra-ui/chakra-ui/commit/a7be72918f1e74ce20eb31544433e4321caf5c78)]

## @chakra-ui/tabs@1.6.9

### Patch Changes

- [#5665](https://github.com/chakra-ui/chakra-ui/pull/5665)
  [`63c2bc070`](https://github.com/chakra-ui/chakra-ui/commit/63c2bc070303ecdf4947c896b85bf602381040a4)
  Thanks [@josulliv101](https://github.com/josulliv101)! - Add height & width to
  the TabIndicator transition properties

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/textarea@1.2.10

### Patch Changes

- Updated dependencies

## @chakra-ui/toast@1.5.8

### Patch Changes

- [#5697](https://github.com/chakra-ui/chakra-ui/pull/5697)
  [`9a58c7ab8`](https://github.com/chakra-ui/chakra-ui/commit/9a58c7ab82f334d63dc1d0f528204d1dd172711c)
  Thanks [@takethefake](https://github.com/takethefake)! - use default options
  as well when providing options to useToast

- Updated dependencies
  \[[`73a06ae8c`](https://github.com/chakra-ui/chakra-ui/commit/73a06ae8ce1bee644e10f245edcf2f9f2b773964)]

## @chakra-ui/props-docs@1.0.51

### Patch Changes

- Updated dependencies
  \[[`00d5d1516`](https://github.com/chakra-ui/chakra-ui/commit/00d5d151631436777a8dc71a0b46c2be52e71631),
  [`dc2c578f6`](https://github.com/chakra-ui/chakra-ui/commit/dc2c578f6b9686499911fa77d6b61dd0ced077ea)]

## create-react-app-ts@1.1.14

### Patch Changes

- Updated dependencies

## gatsby-starter-default@0.3.14

### Patch Changes

- Updated dependencies

## chakra-nextjs@1.1.14

### Patch Changes

- Updated dependencies

## chakra-nextjs-ts@1.1.14

### Patch Changes

- Updated dependencies

## @chakra-ui/test-utils@1.1.13

### Patch Changes

- Updated dependencies