Releases: chakra-ui/ark
@ark-ui/[email protected]
Added
-
Collapsible: Add support for
collapsedHeightandcollapsedWidthprops to control the dimensions of the
collapsible content when in its collapsed state. -
Focus Trap: Allow elements referenced by
aria-controlsto be included in the trap scope. This makes it possible
for menus, popovers, etc. to be portalled and work correctly. -
Pagination: Add
getPageUrlprop for generatinghrefattributes when using pagination as links.
const service = useMachine(pagination.machine, {
type: 'link',
getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})-
Select: Add
SelectRootComponentPropstype export for better component type composition. -
Listbox: Add
ListboxRootComponentPropstype export for better component type composition. -
Combobox: Add
ComboboxRootComponentPropstype export for better component type composition. -
TreeView:
- Add
TreeViewRootComponentPropstype export for better component type composition. - (Experimental) Add support for node renaming functionality:
- Add
TreeViewNodeRenameInputcomponent for inline node label editing - Add
canRenameprop to control which nodes can be renamed - Add
onRenameStart,onBeforeRename, andonRenameCompletecallbacks for rename lifecycle - Add
CheckedChangeDetails,LoadChildrenErrorDetails,RenameStartDetails, andRenameCompleteDetailstype exports
- Add
- Add
Fixed
-
Listbox: Fixed type signature of
useListboxto acceptMaybeAccessor<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-activeis inconsistently applied whendisabledstate changes at runtime
@ark-ui/[email protected]
Added
-
Collapsible: Add support for
collapsedHeightandcollapsedWidthprops to control the dimensions of the
collapsible content when in its collapsed state. -
Focus Trap: Allow elements referenced by
aria-controlsto be included in the trap scope. This makes it possible
for menus, popovers, etc. to be portalled and work correctly. -
Pagination: Add
getPageUrlprop for generatinghrefattributes when using pagination as links.
const service = useMachine(pagination.machine, {
type: 'link',
getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})-
Select: Add
SelectRootComponentPropstype export for better component type composition. -
Listbox: Add
ListboxRootComponentPropstype export for better component type composition. -
Combobox: Add
ComboboxRootComponentPropstype export for better component type composition. -
TreeView:
- Add
TreeViewRootComponentPropstype export for better component type composition. - (Experimental) Add support for node renaming functionality:
- Add
TreeViewNodeRenameInputcomponent for inline node label editing - Add
canRenameprop to control which nodes can be renamed - Add
onRenameStart,onBeforeRename, andonRenameCompletecallbacks for rename lifecycle - Add
CheckedChangeDetails,LoadChildrenErrorDetails,RenameStartDetails, andRenameCompleteDetailstype exports
- Add
- Add
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-activeis inconsistently applied whendisabledstate changes at runtime
@ark-ui/[email protected]
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
unitSystemproperty to allow changing between decimal (1000 bytes) and binary (1024
bytes) systems. -
Number Input: When
formatOptionsis used (likestyle: "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+BackspaceandCmd+Deleteto 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]
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
unitSystemproperty to allow changing between decimal (1000 bytes) and binary (1024
bytes) systems. -
Number Input: When
formatOptionsis used (likestyle: "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+BackspaceandCmd+Deleteto 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/unmountOnExitbehavior 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 missingdefaultcondition
@ark-ui/[email protected]
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
unitSystemproperty to allow changing between decimal (1000 bytes) and binary (1024
bytes) systems. -
Number Input: When
formatOptionsis used (likestyle: "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+BackspaceandCmd+Deleteto 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]
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
unitSystemproperty to allow changing between decimal (1000 bytes) and binary (1024
bytes) systems. -
Number Input: When
formatOptionsis used (likestyle: "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+BackspaceandCmd+Deleteto 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]
Added
- Added
mergePropsutility for combining multiple props objects with proper event handler and className merging. - Added
createContextutility for creating typed React contexts with improved DX.
import { createContext } from '@ark-ui/solid/utils'@ark-ui/[email protected]
Added
- Added
mergePropsutility for combining multiple props objects with proper event handler and className merging. - Added
createContextutility for creating typed React contexts with improved DX.
import { createContext } from '@ark-ui/solid/utils'@ark-ui/[email protected]
Added
- Added
mergePropsutility for combining multiple props objects with proper event handler and className merging. - Added
createContextutility for creating typed React contexts with improved DX.
import { createContext } from '@ark-ui/solid/utils'Fixed
- AngleSlider: Export
angleSliderAnatomyfrom the anatomy exports
@ark-ui/[email protected]
Added
- Added
mergePropsutility for combining multiple props objects with proper event handler and className merging. - Added
createContextutility for creating typed React contexts with improved DX.
import { createContext } from '@ark-ui/react/utils'Fixed
- AngleSlider: Export
angleSliderAnatomyfrom the anatomy exports