Skip to content

Releases: chakra-ui/ark

@ark-ui/react@5.5.0

05 Apr 11:59
Compare
Choose a tag to compare

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

28 Mar 14:28
Compare
Choose a tag to compare

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.
  • Menu

    • Added select emit event to the Menu.Item component.

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 use ark.textarea, ensuring support for the asChild prop.

@ark-ui/solid@5.4.0

28 Mar 14:26
Compare
Choose a tag to compare

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.
  • Menu

    • Added onSelect event to the Menu.Item component.

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 in DatePicker.Table.
  • Field: Improved reactivity of the value prop in Field.Textarea.
  • Toggle: Improved reactivity of the children and fallback props in Toggle.Indicator.

@ark-ui/react@5.4.0

28 Mar 14:29
Compare
Choose a tag to compare

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.
  • Menu

    • Added onSelect event to the Menu.Item component.

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

24 Mar 20:57
Compare
Choose a tag to compare

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 same open value.
  • Splitter: Fixed an issue where onResizeStart and onResizeEnd callbacks weren't triggered during keyboard
    interactions.

@ark-ui/solid@5.3.1

24 Mar 21:40
Compare
Choose a tag to compare

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

24 Mar 20:58
Compare
Choose a tag to compare

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 same open value.
  • Splitter: Fixed an issue where onResizeStart and onResizeEnd callbacks weren't triggered during keyboard
    interactions.

@ark-ui/react@5.3.1

24 Mar 21:40
Compare
Choose a tag to compare

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

24 Mar 19:46
Compare
Choose a tag to compare

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 same open value.
  • DownloadTrigger: Added the missing use client directive.
  • Splitter: Fixed an issue where onResizeStart and onResizeEnd callbacks weren't triggered during keyboard
    interactions.

@ark-ui/vue@5.2.0

22 Mar 19:20
Compare
Choose a tag to compare

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 when formatOptions.style was set to percent.
  • [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 to undefined caused the machine to throw.
  • Select: Fixed issue where select valueAsString lost reactivity.