Releases: chakra-ui/ark
Releases · chakra-ui/ark
@ark-ui/react@5.5.0
Added
- Presence: Added support for skipping the initial animation when the component is mounted. This can be used in all
disclosure components (e.g.,Dialog
,DatePicker
,Menu
etc).
Fixed
-
Tabs: Fixed issue where tabs indicator animation behaves inconsistently.
-
Date Picker
- Fixed issue where datepicker throws error when navigating month view.
- Fixed issue where range selection doesn't reset correctly when clicking the same start date.
-
Disclosure Components
- Fixed issue where pointerdown outside doesn't work consistently on mobile devices.
- Improved pointerdown outside click detection in shadow DOM environments.
@ark-ui/vue@5.4.0
Added
-
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.
- Add support for
-
Menu
- Added
select
emit event to theMenu.Item
component.
- Added
Fixed
- Ensured each component's state machine starts before processing events.
- HoverCard, ColorPicker: Added missing
tabIndex
for better dialog support. - Menu: Assigned unique IDs to menu items to improve accessibility and HTML validation.
- Field: Fixed
Textarea
to useark.textarea
, ensuring support for theasChild
prop.
@ark-ui/solid@5.4.0
Added
-
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.
- Add support for
-
Menu
- Added
onSelect
event to theMenu.Item
component.
- Added
Fixed
- Ensured each component's state machine starts before processing events.
- HoverCard, ColorPicker: Added missing
tabIndex
for better dialog support. - Menu: Assigned unique IDs to menu items to improve accessibility and HTML validation.
- DatePicker: Improved reactivity of the
columns
prop inDatePicker.Table
. - Field: Improved reactivity of the
value
prop inField.Textarea
. - Toggle: Improved reactivity of the
children
andfallback
props inToggle.Indicator
.
@ark-ui/react@5.4.0
Added
-
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.
- Add support for
-
Menu
- Added
onSelect
event to theMenu.Item
component.
- Added
Fixed
- Ensured each component's state machine starts before processing events.
- HoverCard, ColorPicker: Added missing
tabIndex
for better dialog support. - Menu: Assigned unique IDs to menu items to improve accessibility and HTML validation.
@ark-ui/vue@5.3.0
Added
- Collapsible: Added an
Indicator
part to display whether the collapsible was open or closed. - ColorPicker: Added support for formatting the
ValueText
component.
<ColorPicker.ValueText format="hex" /> // #ff0000
Fixed
- Combobox: Fixed an issue where
onOpenChange
was called with the sameopen
value. - Splitter: Fixed an issue where
onResizeStart
andonResizeEnd
callbacks weren't triggered during keyboard
interactions.
@ark-ui/solid@5.3.1
Fixed
- Fixed an issue where a function was imported from a package that wasn't declared as a dependency.
@ark-ui/solid@5.3.0
Added
- Collapsible: Added an
Indicator
part to display whether the collapsible was open or closed. - ColorPicker: Added support for formatting the
ValueText
component.
<ColorPicker.ValueText format="hex" /> // #ff0000
Fixed
- Combobox: Fixed an issue where
onOpenChange
was called with the sameopen
value. - Splitter: Fixed an issue where
onResizeStart
andonResizeEnd
callbacks weren't triggered during keyboard
interactions.
@ark-ui/react@5.3.1
Fixed
- Fixed an issue where a function was imported from a package that wasn't declared as a dependency.
@ark-ui/react@5.3.0
Added
- Collapsible: Added an
Indicator
part to display whether the collapsible was open or closed. - ColorPicker: Added support for formatting the
ValueText
component.
<ColorPicker.ValueText format="hex" /> // #ff0000
Fixed
- Combobox: Fixed an issue where
onOpenChange
was called with the sameopen
value. - DownloadTrigger: Added the missing
use client
directive. - Splitter: Fixed an issue where
onResizeStart
andonResizeEnd
callbacks weren't triggered during keyboard
interactions.
@ark-ui/vue@5.2.0
Added
- [NEW] DownloadTrigger: Added Component for downloading a blob or file, whether retrieved synchronously or
asynchronously.
import { DownloadTrigger } from '@ark-ui/react/download-trigger'
export const DownloadImage = () => {
async function fetchImage() {
const response = await fetch('https://picsum.photos/200/300')
return response.blob()
}
return (
<DownloadTrigger data={fetchImage} fileName="avatar.jpeg" mimeType="image/jpeg">
Download Image
</DownloadTrigger>
)
}
Changed
- NumberInput: Set the default step to
0.01
whenformatOptions.style
was set topercent
. - [Breaking] Splitter: Redesigned splitter machine to support more use cases and improve DX. Check out the
Splitter documentation for more details.
Fixed
- Toast: Fixed issue where setting
offsets
toundefined
caused the machine to throw. - Select: Fixed issue where select
valueAsString
lost reactivity.