🚀 chakra-ui/chakra-ui - Release Notes
@chakra-ui/react@3.15.0 (2025-03-29)
### Minor Changes
- [`2f4ea3b`](https://github.com/chakra-ui/chakra-ui/commit/2f4ea3b31792b6df212798c5f00e174276acc274)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - -
**useMediaQuery**: Fix type signature to allow skipping the second argument
- **RadioCard**: Fix accessibility issue due to html structure
- **Slider**
- Add support for `origin: end` to align the thumb to the end of the track.
- Expose `thumbSize` as CSS variables in the root element. Can be useful for
styling the slider.
- **Menu**
- Added `onSelect` event to the `Menu.Item` component.
- Ensure menu items have unique IDs to improve accessibility and HTML
validation.
@chakra-ui/panda-preset@3.15.0 (2025-03-29)
@chakra-ui/cli@3.15.0 (2025-03-29)
@chakra-ui/charts@3.15.0 (2025-03-29)
### Patch Changes
- [`d1782c8`](https://github.com/chakra-ui/chakra-ui/commit/d1782c8e9604f5186b202d95beada6b4813da7db)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - Initial release of
the `@chakra-ui/charts` package.
@chakra-ui/react@3.14.2 (2025-03-24)
### Patch Changes
- [`87a072b`](https://github.com/chakra-ui/chakra-ui/commit/87a072b7c0c699154651a9f415d578a8c972b21d)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - - Fix potential
import error from `@zag-js/utils` in `@ark-ui/react`
@chakra-ui/react@3.14.1 (2025-03-24)
### Patch Changes
- [`0eb769e`](https://github.com/chakra-ui/chakra-ui/commit/0eb769ef66e3766aa3f78983054766d4371d2008)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - - **System**: Fix
issue where output of `.css(...)` from Chakra UI can't be assigned to
`Interpolation` from `@emotion/react`.
- **General**: Bump `@ark-ui/react` to latest version.
@chakra-ui/react@3.14.0 (2025-03-24)
### Minor Changes
- [`354eaa6`](https://github.com/chakra-ui/chakra-ui/commit/354eaa6a68dd49c3e983f12afb0350c3fc615c6b)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - Improve render
performance by upgrading to the latest Ark UI v5.
This brings a **1.5x–4x** performance improvements across components. Learn
more from the
[Ark UI v5 changelog](https://ark-ui.com/react/docs/overview/changelog#500---2025-03-06).
@chakra-ui/panda-preset@3.14.2 (2025-03-24)
@chakra-ui/panda-preset@3.14.1 (2025-03-24)
@chakra-ui/panda-preset@3.14.0 (2025-03-24)
@chakra-ui/cli@3.14.2 (2025-03-24)
@chakra-ui/cli@3.14.1 (2025-03-24)
@chakra-ui/cli@3.14.0 (2025-03-24)
@chakra-ui/react@3.13.0 (2025-03-13)
### Minor Changes
- [#9797](https://github.com/chakra-ui/chakra-ui/pull/9797)
[`eba44a3`](https://github.com/chakra-ui/chakra-ui/commit/eba44a33fd51af10cb85eb9a8778325affbee4bd)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - - **ColorPicker**
- Add support for `ColorPicker.ChannelText` component
- Add `ColorPicker.EyeDropper` component that wraps `IconButton`
- Add `ColorPicker.Slider` and `ColorPicker.Input` shortcut components to
reduce LOC.
- **InputGroup**
- Export directly from the `@chakra-ui/react` package
- **Pagination**
- Add `Pagination.Items` shortcut component to render the number of pages
based on the `count` and `pageSize` props.
- Add `Pagination.PageText` component to render the current page and total
pages.
@chakra-ui/panda-preset@3.13.0 (2025-03-13)
### Patch Changes
- [#9786](https://github.com/chakra-ui/chakra-ui/pull/9786)
[`65f932d`](https://github.com/chakra-ui/chakra-ui/commit/65f932dd52782de35e69157dcac7fee255c4efc0)
Thanks [@isBatak](https://github.com/isBatak)! - Generate latest preset
@chakra-ui/cli@3.13.0 (2025-03-13)
@chakra-ui/react@3.12.0 (2025-03-10)
### Minor Changes
- [`7abe7e3`](https://github.com/chakra-ui/chakra-ui/commit/7abe7e3ccc589c7088f32d5e8f76d471747bd4eb)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - - **FileUpload:**
- Add `FileUpload.FileText` to render the list of uploaded file names.
- Add `FileUpload.Items` shorcut component to render the list of uploaded
files.
- Add `FileUpload.List` shortcut component that combines `FileUpload.Items`
and `FileUpload.ItemGroup`.
@chakra-ui/panda-preset@3.12.0 (2025-03-10)
@chakra-ui/cli@3.12.0 (2025-03-10)
@chakra-ui/react@3.11.0 (2025-03-08)
### Minor Changes
- [`8789401`](https://github.com/chakra-ui/chakra-ui/commit/87894014191052a24a8cb3716ed068be9a744fbc)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - - **Accordion**
- Fix issue where `Accordion.ItemTrigger` doesn't apply `textAlign: start`
- **SegmentGroup**
- Add new `SegmentGroup.Items` shortcut component to render multiple
`SegmentGroup.Item` components based on the `items` prop
@chakra-ui/react@3.10.0 (2025-03-08)
### Minor Changes
- [`11bdf77`](https://github.com/chakra-ui/chakra-ui/commit/11bdf77f897ecf36da0ee45f0f52b9edb974da5e)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - - **Menu**
- Set the default children of `Menu.Arrow` to `Menu.ArrowTip`
- **HoverCard**
- Set the default children of `HoverCard.Arrow` to `HoverCard.ArrowTip`
- **Dialog, Drawer**
- Update recipe to include absolute positioning styles for close trigger,
instead of relying on snippet styles.
@chakra-ui/panda-preset@3.11.0 (2025-03-08)
@chakra-ui/panda-preset@3.10.0 (2025-03-08)
@chakra-ui/cli@3.11.0 (2025-03-08)
@chakra-ui/cli@3.10.0 (2025-03-08)
@chakra-ui/react@3.9.0 (2025-03-05)
### Minor Changes
- [`52a97d0`](https://github.com/chakra-ui/chakra-ui/commit/52a97d0f0baaa06f257b2af2d17d909993cbb30d)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - - **Skeleton**
Bring back `SkeletonCircle` and `SkeletonText` components.
- **Switch**
- Transition background color when checked
- Set the default `children` for `Switch.Control` to `Switch.Thumb` to
reduce LOC for common use cases.
- **Checkbox**
- Set the default `children` for `Checkbox.Control` to `Checkbox.Indicator`
to reduce LOC for common use cases.
- **NumberInput**
- Set the default `children` for `NumberInput.Control` to
`NumberInput.IncrementTrigger` and `NumberInput.DecrementTrigger` to
reduce LOC for common use cases.
- **QrCode**
- Set the `QrCode.Frame` component to `QrCode.Pattern` to reduce LOC for
common use cases.
- **RatingGroup**
- Set the default `children` for `RatingGroup.Control` to the array of
`RatingGroup.Item` components to reduce LOC for common use cases.
- **Slider**
- Add `Slider.Marks` component to render marks on the slider track. This is
a closed composition of `Slider.MarkerGroup` and `Slider.Marker` to reduce
LOC for common use cases.
- Add `Slider.Thumbs` component to render thumbs on the slider track. This
is a closed composition of `Slider.Thumb` to reduce LOC for common use
cases.
- **PinInput**
- Add support for `attached` variant prop to render a pin input with
attached inputs. This removes the need for the `Group` component to wrap
the inputs.
@chakra-ui/panda-preset@3.9.0 (2025-03-05)
@chakra-ui/cli@3.9.0 (2025-03-05)
@chakra-ui/react@3.8.2 (2025-03-04)
### Patch Changes
- [`91945b7`](https://github.com/chakra-ui/chakra-ui/commit/91945b78792962913fb862ca60cfc1599b655ccf)
Thanks [@segunadebayo](https://github.com/segunadebayo)! - Fix issue where
`mt` alias to `marginBlockStart` instead of `marginTop`
- [#9712](https://github.com/chakra-ui/chakra-ui/pull/9712)
[`f733a87`](https://github.com/chakra-ui/chakra-ui/commit/f733a87477d371a7dc66c69b321f079c0bbe75bd)
Thanks [@CerealeZ](https://github.com/CerealeZ)! - AspectRatio: Fix issue
where `css` prop was not respected
@chakra-ui/panda-preset@3.8.2 (2025-03-04)