Skip to content

Releases: chakra-ui/ark

@ark-ui/solid@5.26.1

15 Oct 21:10

Choose a tag to compare

Fixed

  • Checkbox

    • Fix issue where setting initial checked state to indeterminate doesn't work
    • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")
  • Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

  • Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

  • Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

  • Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Slider

    • Fix issue where slider could stop abruptly when scrubbing thumb
    • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs
  • Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

@ark-ui/react@5.26.1

15 Oct 21:08

Choose a tag to compare

Fixed

  • Checkbox

    • Fix issue where setting initial checked state to indeterminate doesn't work
    • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")
  • Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

  • Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

  • Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

  • Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Slider

    • Fix issue where slider could stop abruptly when scrubbing thumb
    • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs
  • Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

@ark-ui/vue@5.26.0

08 Oct 20:52

Choose a tag to compare

Added

  • Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
    collapsible content when in its collapsed state.

  • Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
    for menus, popovers, etc. to be portalled and work correctly.

  • Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})
  • Select: Add SelectRootComponentProps type export for better component type composition.

  • Listbox: Add ListboxRootComponentProps type export for better component type composition.

  • Combobox: Add ComboboxRootComponentProps type export for better component type composition.

  • TreeView:

    • Add TreeViewRootComponentProps type export for better component type composition.
    • (Experimental) Add support for node renaming functionality:
      • Add TreeViewNodeRenameInput component for inline node label editing
      • Add canRename prop to control which nodes can be renamed
      • Add renameStart, beforeRename, and renameComplete event emitters for rename lifecycle
      • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type exports

Fixed

  • Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

  • Slider: Fix issue where slider continues dragging when disabled during drag operation.

  • Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

@ark-ui/svelte@5.11.0

08 Oct 20:52

Choose a tag to compare

Added

  • Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
    collapsible content when in its collapsed state.

  • Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
    for menus, popovers, etc. to be portalled and work correctly.

  • Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})
  • Select: Add SelectRootComponentProps type export for better component type composition.

  • Listbox: Add ListboxRootComponentProps type export for better component type composition.

  • Combobox: Add ComboboxRootComponentProps type export for better component type composition.

  • TreeView:

    • Add TreeViewRootComponentProps type export for better component type composition.
    • (Experimental) Add support for node renaming functionality:
      • Add TreeViewNodeRenameInput component for inline node label editing
      • Add canRename prop to control which nodes can be renamed
      • Add onRenameStart, onBeforeRename, and onRenameComplete callbacks for rename lifecycle
      • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type exports

Fixed

  • Select: Fix issue where Select.HiddenSelect doesn't emit correct values when using custom objects with itemToValue

  • Field: Fix issue where bind:value doesn't work correctly in Field.Textarea, Field.Input, and Field.Select
    components

  • Password Input: Fix issue where bind:value doesn't work correctly in PasswordInput.Input component

  • Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

  • Slider: Fix issue where slider continues dragging when disabled during drag operation.

  • Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

  • Presence: Fix issue where exit animations don't work on subsequent toggles when using lazyMount and unmountOnExit together

@ark-ui/solid@5.26.0

08 Oct 20:51

Choose a tag to compare

Added

  • Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
    collapsible content when in its collapsed state.

  • Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
    for menus, popovers, etc. to be portalled and work correctly.

  • Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})
  • Select: Add SelectRootComponentProps type export for better component type composition.

  • Listbox: Add ListboxRootComponentProps type export for better component type composition.

  • Combobox: Add ComboboxRootComponentProps type export for better component type composition.

  • TreeView:

    • Add TreeViewRootComponentProps type export for better component type composition.
    • (Experimental) Add support for node renaming functionality:
      • Add TreeViewNodeRenameInput component for inline node label editing
      • Add canRename prop to control which nodes can be renamed
      • Add onRenameStart, onBeforeRename, and onRenameComplete callbacks for rename lifecycle
      • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type exports

Fixed

  • Listbox: Fixed type signature of useListbox to accept MaybeAccessor<UseListboxProps> instead of just
    UseListboxProps. This allows reactive props to be passed correctly.

  • Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

  • Slider: Fix issue where slider continues dragging when disabled during drag operation.

  • Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

@ark-ui/react@5.26.0

08 Oct 20:50

Choose a tag to compare

Added

  • Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
    collapsible content when in its collapsed state.

  • Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
    for menus, popovers, etc. to be portalled and work correctly.

  • Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})
  • Select: Add SelectRootComponentProps type export for better component type composition.

  • Listbox: Add ListboxRootComponentProps type export for better component type composition.

  • Combobox: Add ComboboxRootComponentProps type export for better component type composition.

  • TreeView:

    • Add TreeViewRootComponentProps type export for better component type composition.
    • (Experimental) Add support for node renaming functionality:
      • Add TreeViewNodeRenameInput component for inline node label editing
      • Add canRename prop to control which nodes can be renamed
      • Add onRenameStart, onBeforeRename, and onRenameComplete callbacks for rename lifecycle
      • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type exports

Fixed

  • Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

  • Slider: Fix issue where slider continues dragging when disabled during drag operation.

  • Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

@ark-ui/vue@5.25.1

27 Sep 19:08

Choose a tag to compare

Fixed

  • Date Picker

    • Fix issue where year range picker doesn't show the hovered range
    • Fix issue where quarter presets returns incorrect date
  • FormatByte: Add support for unitSystem property to allow changing between decimal (1000 bytes) and binary (1024
    bytes) systems.

  • Number Input: When formatOptions is used (like style: "currency"), the cursor would jump to the end of the
    input when typing in the middle. The cursor now maintains its relative position during formatting changes.

  • Pin Input: Fix issue where using the keyboard shortcuts Cmd+Backspace and Cmd+Delete to delete text in pin
    inputs would insert "undefined" instead of clearing the field.

  • Scroll Area: Fix issue where resize tracking was not observing the root element, which caused the scrollbar to not
    update when the root element's size changed.

@ark-ui/svelte@5.10.1

27 Sep 19:08

Choose a tag to compare

Fixed

  • Date Picker

    • Fix issue where year range picker doesn't show the hovered range
    • Fix issue where quarter presets returns incorrect date
  • FormatByte: Add support for unitSystem property to allow changing between decimal (1000 bytes) and binary (1024
    bytes) systems.

  • Number Input: When formatOptions is used (like style: "currency"), the cursor would jump to the end of the
    input when typing in the middle. The cursor now maintains its relative position during formatting changes.

  • Pin Input: Fix issue where using the keyboard shortcuts Cmd+Backspace and Cmd+Delete to delete text in pin
    inputs would insert "undefined" instead of clearing the field.

  • Scroll Area: Fix issue where resize tracking was not observing the root element, which caused the scrollbar to not
    update when the root element's size changed.

  • Select: Fix inconsistent lazyMount/unmountOnExit behavior where the positioner remained in the DOM when the
    component was closed, while the content was correctly unmounted.

  • Exports: Fix issue where Node.js programs like PandaCSS were not able to resolve the @ark-ui/svelte/anatomy
    entrypoint due to the missing default condition

@ark-ui/solid@5.25.1

27 Sep 19:07

Choose a tag to compare

Fixed

  • Date Picker

    • Fix issue where year range picker doesn't show the hovered range
    • Fix issue where quarter presets returns incorrect date
  • FormatByte: Add support for unitSystem property to allow changing between decimal (1000 bytes) and binary (1024
    bytes) systems.

  • Number Input: When formatOptions is used (like style: "currency"), the cursor would jump to the end of the
    input when typing in the middle. The cursor now maintains its relative position during formatting changes.

  • Pin Input: Fix issue where using the keyboard shortcuts Cmd+Backspace and Cmd+Delete to delete text in pin
    inputs would insert "undefined" instead of clearing the field.

  • Scroll Area: Fix issue where resize tracking was not observing the root element, which caused the scrollbar to not
    update when the root element's size changed.

@ark-ui/react@5.25.1

27 Sep 19:06

Choose a tag to compare

Fixed

  • Date Picker

    • Fix issue where year range picker doesn't show the hovered range
    • Fix issue where quarter presets returns incorrect date
  • FormatByte: Add support for unitSystem property to allow changing between decimal (1000 bytes) and binary (1024
    bytes) systems.

  • Number Input: When formatOptions is used (like style: "currency"), the cursor would jump to the end of the
    input when typing in the middle. The cursor now maintains its relative position during formatting changes.

  • Pin Input: Fix issue where using the keyboard shortcuts Cmd+Backspace and Cmd+Delete to delete text in pin
    inputs would insert "undefined" instead of clearing the field.

  • Scroll Area: Fix issue where resize tracking was not observing the root element, which caused the scrollbar to not
    update when the root element's size changed.