Skip to content

Releases: chakra-ui/ark

@ark-ui/[email protected]

08 Sep 11:52

Choose a tag to compare

Added

  • Field: Add data-required attribute to Field.Label

  • Select, Combobox, Listbox, TreeView: Export RootComponent and RootProviderComponent types which are useful
    when building compositions that wrap the Root and RootProvider components and you still want type-safety for the
    collection.

    import { Select } from '@ark-ui/solid/select'
    import { styled } from 'styling-lib'
    
    const Root = styled(Select.Root) as Select.RootComponent<{}>

Fixed

  • Menu: Fix Menu.ItemText not working inside Menu.TriggerItem

@ark-ui/[email protected]

08 Sep 11:51

Choose a tag to compare

Added

  • Field: Add data-required attribute to Field.Label
  • Select, Combobox, Listbox, TreeView: Export RootComponent and RootProviderComponent types which are useful
    when building compositions that wrap the Root and RootProvider components and you still want type-safety for the
    collection.

Fixed

  • Menu: Fix Menu.ItemText not working inside Menu.TriggerItem

    import { Select } from '@ark-ui/react/select'
    import { styled } from 'styling-lib'
    
    const Root = styled(Select.Root) as Select.RootComponent<{}>

@ark-ui/[email protected]

04 Sep 15:58

Choose a tag to compare

Added

  • Added get_component_props tool to retrieve component props/properties for specific Ark UI components

@ark-ui/[email protected]

03 Sep 12:14

Choose a tag to compare

Fixed

Add missing node shebang to the stdio script.

@ark-ui/[email protected]

01 Sep 16:29

Choose a tag to compare

Fixed

Don't ship the src directory to the package.

@ark-ui/[email protected]

01 Sep 15:34

Choose a tag to compare

Added

  • Initial release of the official MCP server for Ark UI

@ark-ui/[email protected]

28 Aug 10:21

Choose a tag to compare

Added

  • Combobox: Add ComboboxEmpty component to display content when the combobox has no items

  • Listbox: Add ListboxEmpty component to display content when the listbox has no items

  • Hover Card: Add support for disabled prop

Fixed

  • Collection: Fix issue where disabled items could be reached via typeahead

  • Color Picker: Fix issue where color picker was not working correctly in RTL mode

  • Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
    and blurred

  • Dismissable: Expose onRequestDismiss custom event handler for event a parent layer requests the child layer to
    dismiss. If prevented via event.preventDefault(), the child layer will not dismiss when the parent layer is
    dismissed.

  • Number Input

    • Omit the input pattern when formatOptions is provided. This prevents native pattern validation from conflicting
      with formatted values (e.g., currency or percent).
    • Handle empty values consistently across all format options.
    • Add data-scrubbing attribute to the number input parts.
  • Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
    within the control part.

  • Tooltip

    • Set closeOnPointerdown to false when closeOnClick is set to false
    • Reduce bundle size by replacing @zag-js/store dependency with a lightweight store implementation.

@ark-ui/[email protected]

28 Aug 10:22

Choose a tag to compare

Added

  • Combobox: Add ComboboxEmpty component to display content when the combobox has no items

  • Listbox: Add ListboxEmpty component to display content when the listbox has no items

  • Hover Card: Add support for disabled prop

Fixed

  • Collection: Fix issue where disabled items could be reached via typeahead

  • Color Picker: Fix issue where color picker was not working correctly in RTL mode

  • Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
    and blurred

  • Dismissable: Expose onRequestDismiss custom event handler for event a parent layer requests the child layer to
    dismiss. If prevented via event.preventDefault(), the child layer will not dismiss when the parent layer is
    dismissed.

  • Number Input

    • Omit the input pattern when formatOptions is provided. This prevents native pattern validation from conflicting
      with formatted values (e.g., currency or percent).
    • Handle empty values consistently across all format options.
    • Add data-scrubbing attribute to the number input parts.
  • Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
    within the control part.

  • Tooltip

    • Set closeOnPointerdown to false when closeOnClick is set to false
    • Reduce bundle size by replacing @zag-js/store dependency with a lightweight store implementation.

@ark-ui/[email protected]

28 Aug 10:21

Choose a tag to compare

Added

  • Combobox: Add ComboboxEmpty component to display content when the combobox has no items

  • Listbox: Add ListboxEmpty component to display content when the listbox has no items

  • Hover Card: Add support for disabled prop

Fixed

  • Collection: Fix issue where disabled items could be reached via typeahead

  • Color Picker: Fix issue where color picker was not working correctly in RTL mode

  • Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
    and blurred

  • Dismissable: Expose onRequestDismiss custom event handler for event a parent layer requests the child layer to
    dismiss. If prevented via event.preventDefault(), the child layer will not dismiss when the parent layer is
    dismissed.

  • Number Input

    • Omit the input pattern when formatOptions is provided. This prevents native pattern validation from conflicting
      with formatted values (e.g., currency or percent).
    • Handle empty values consistently across all format options.
    • Add data-scrubbing attribute to the number input parts.
  • Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
    within the control part.

  • Tooltip

    • Set closeOnPointerdown to false when closeOnClick is set to false
    • Reduce bundle size by replacing @zag-js/store dependency with a lightweight store implementation.

@ark-ui/[email protected]

28 Aug 10:19

Choose a tag to compare

Added

  • Combobox: Add ComboboxEmpty component to display content when the combobox has no items

  • Listbox: Add ListboxEmpty component to display content when the listbox has no items

  • Hover Card: Add support for disabled prop

Fixed

  • Collection: Fix issue where disabled items could be reached via typeahead

  • Color Picker: Fix issue where color picker was not working correctly in RTL mode

  • Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
    and blurred

  • Dismissable: Expose onRequestDismiss custom event handler for event a parent layer requests the child layer to
    dismiss. If prevented via event.preventDefault(), the child layer will not dismiss when the parent layer is
    dismissed.

  • Number Input

    • Omit the input pattern when formatOptions is provided. This prevents native pattern validation from conflicting
      with formatted values (e.g., currency or percent).
    • Handle empty values consistently across all format options.
    • Add data-scrubbing attribute to the number input parts.
  • Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
    within the control part.

  • Tooltip

    • Set closeOnPointerdown to false when closeOnClick is set to false
    • Reduce bundle size by replacing @zag-js/store dependency with a lightweight store implementation.