Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Releases: chakra-ui/ark

@ark-ui/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

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.

@ark-ui/[email protected]

17 Sep 08:32
ed379c8

Choose a tag to compare

Added

  • Added mergeProps utility for combining multiple props objects with proper event handler and className merging.
  • Added createContext utility for creating typed React contexts with improved DX.
import { createContext } from '@ark-ui/solid/utils'

@ark-ui/[email protected]

16 Sep 19:13
fd6d299

Choose a tag to compare

Added

  • Added mergeProps utility for combining multiple props objects with proper event handler and className merging.
  • Added createContext utility for creating typed React contexts with improved DX.
import { createContext } from '@ark-ui/solid/utils'

@ark-ui/[email protected]

16 Sep 19:08
dd27be0

Choose a tag to compare

Added

  • Added mergeProps utility for combining multiple props objects with proper event handler and className merging.
  • Added createContext utility for creating typed React contexts with improved DX.
import { createContext } from '@ark-ui/solid/utils'

Fixed

  • AngleSlider: Export angleSliderAnatomy from the anatomy exports

@ark-ui/[email protected]

16 Sep 19:03
15c17e7

Choose a tag to compare

Added

  • Added mergeProps utility for combining multiple props objects with proper event handler and className merging.
  • Added createContext utility for creating typed React contexts with improved DX.
import { createContext } from '@ark-ui/react/utils'

Fixed

  • AngleSlider: Export angleSliderAnatomy from the anatomy exports