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

Skip to content

Releases: chakra-ui/ark

@ark-ui/[email protected]

04 Feb 14:54

Choose a tag to compare

Added

  • Date Picker: Added ValueText component for displaying selected date value(s) with placeholder support and scoped
    slot for custom formatting
  • Scroll Area: Added overflow CSS variables (--scroll-area-overflow-{x,y}-{start,end}) for scroll fade effects
  • Slider: Added thumbCollisionBehavior prop (none, push, swap)
  • Steps: Added isStepValid, isStepSkippable, and onStepInvalid for validation support
  • Tags Input: Added placeholder prop (shown only when no tags exist)
  • Tooltip: Added data-instant attribute for instant animations

Fixed

  • Auto Resize: Fixed change event not emitted after clearing controlled textarea
  • Color Picker, Combobox, Date Picker, Dialog, Hover Card, Menu, Popover, Select, Tooltip, Tour: Fixed
    exitComplete event not being exposed from root component
  • Date Picker: Fixed visibleRangeText to show correct format based on current view (year/month/day)
  • Dismissable: Fixed issue where closing a nested dialog/popover would incorrectly close its parent layers
  • Menu: Fixed glitchy submenu behavior when hovering between trigger items quickly
  • Checkbox: Fixed individual checkbox props being overridden by CheckboxGroup
  • Factory: Fixed error when first child doesn't exist before merging props
  • Scroll Area: Fixed ScrollAreaRootProvider not binding rootProps correctly
  • Collection, Tree View: Fixed initial focus when first node/branch is disabled
  • Color Picker: Fixed color not updating when selecting black shades in controlled mode
  • Floating Panel: Fixed double-click on minimized title bar incorrectly maximizing
  • Image Cropper: Fixed reset() destroying cropper, prop changes not updating instantly, and panning bounds
  • Number Input: Fixed cursor positioning after clicking label or scrubbing
  • Pagination: Fixed next trigger not disabled when count is 0
  • Slider: Fixed thumb drag from edge in thumbAlignment="contain" mode
  • Switch: Fixed api.toggleChecked() not working
  • Toast: Fixed toasts created before state machine connects not showing
  • Tour: Fixed janky scroll between steps

@ark-ui/[email protected]

04 Feb 14:55

Choose a tag to compare

Added

  • Date Picker: Added ValueText component for displaying selected date value(s) with placeholder support and
    snippet for custom formatting
  • Scroll Area: Added overflow CSS variables (--scroll-area-overflow-{x,y}-{start,end}) for scroll fade effects
  • Slider: Added thumbCollisionBehavior prop (none, push, swap)
  • Steps: Added isStepValid, isStepSkippable, and onStepInvalid for validation support
  • Tags Input: Added placeholder prop (shown only when no tags exist)
  • Tooltip: Added data-instant attribute for instant animations

Fixed

  • Auto Resize: Fixed change event not emitted after clearing controlled textarea
  • Date Picker: Fixed visibleRangeText to show correct format based on current view (year/month/day)
  • Dismissable: Fixed issue where closing a nested dialog/popover would incorrectly close its parent layers
  • Menu: Fixed glitchy submenu behavior when hovering between trigger items quickly
  • Checkbox: Fixed individual checkbox props being overridden by CheckboxGroup
  • Factory: Fixed textarea hydration marker issue
  • Collection, Tree View: Fixed initial focus when first node/branch is disabled
  • Color Picker: Fixed color not updating when selecting black shades in controlled mode
  • Floating Panel: Fixed double-click on minimized title bar incorrectly maximizing
  • Image Cropper: Fixed reset() destroying cropper, prop changes not updating instantly, and panning bounds
  • Number Input: Fixed cursor positioning after clicking label or scrubbing
  • Pagination: Fixed next trigger not disabled when count is 0
  • Slider: Fixed thumb drag from edge in thumbAlignment="contain" mode
  • Switch: Fixed api.toggleChecked() not working
  • Toast: Fixed toasts created before state machine connects not showing
  • Tour: Fixed janky scroll between steps

@ark-ui/[email protected]

04 Feb 14:53

Choose a tag to compare

Added

  • Date Picker: Added ValueText component for displaying selected date value(s) with placeholder support and render
    prop for custom formatting
  • Scroll Area: Added overflow CSS variables (--scroll-area-overflow-{x,y}-{start,end}) for scroll fade effects
  • Slider: Added thumbCollisionBehavior prop (none, push, swap)
  • Steps: Added isStepValid, isStepSkippable, and onStepInvalid for validation support
  • Tags Input: Added placeholder prop (shown only when no tags exist)
  • Tooltip: Added data-instant attribute for instant animations

Fixed

  • Auto Resize: Fixed change event not emitted after clearing controlled textarea
  • Date Picker: Fixed visibleRangeText to show correct format based on current view (year/month/day)
  • Dismissable: Fixed issue where closing a nested dialog/popover would incorrectly close its parent layers
  • Menu: Fixed glitchy submenu behavior when hovering between trigger items quickly
  • SSR: Fixed Deno SSR crashes by replacing native HTML elements with ark factory components
  • Checkbox: Fixed individual checkbox props being overridden by CheckboxGroup
  • Collection, Tree View: Fixed initial focus when first node/branch is disabled
  • Color Picker: Fixed color not updating when selecting black shades in controlled mode
  • Floating Panel: Fixed double-click on minimized title bar incorrectly maximizing
  • Image Cropper: Fixed reset() destroying cropper, prop changes not updating instantly, and panning bounds
  • Number Input: Fixed cursor positioning after clicking label or scrubbing
  • Pagination: Fixed next trigger not disabled when count is 0
  • Slider: Fixed thumb drag from edge in thumbAlignment="contain" mode
  • Switch: Fixed api.toggleChecked() not working
  • Toast: Fixed toasts created before state machine connects not showing
  • Tour: Fixed janky scroll between steps

@ark-ui/[email protected]

04 Feb 14:52

Choose a tag to compare

Added

  • Date Picker: Added ValueText component for displaying selected date value(s) with placeholder support and render
    prop for custom formatting
  • Scroll Area: Added overflow CSS variables (--scroll-area-overflow-{x,y}-{start,end}) for scroll fade effects
  • Slider: Added thumbCollisionBehavior prop (none, push, swap)
  • Steps: Added isStepValid, isStepSkippable, and onStepInvalid for validation support
  • Tags Input: Added placeholder prop (shown only when no tags exist)
  • Tooltip: Added data-instant attribute for instant animations

Fixed

  • Auto Resize: Fixed change event not emitted after clearing controlled textarea
  • Date Picker: Fixed visibleRangeText to show correct format based on current view (year/month/day)
  • Dismissable: Fixed issue where closing a nested dialog/popover would incorrectly close its parent layers
  • Menu: Fixed glitchy submenu behavior when hovering between trigger items quickly
  • Checkbox: Fixed individual checkbox props being overridden by CheckboxGroup
  • Collection, Tree View: Fixed initial focus when first node/branch is disabled
  • Color Picker: Fixed color not updating when selecting black shades in controlled mode
  • Floating Panel: Fixed double-click on minimized title bar incorrectly maximizing
  • Image Cropper: Fixed reset() destroying cropper, prop changes not updating instantly, and panning bounds
  • Number Input: Fixed cursor positioning after clicking label or scrubbing
  • Pagination: Fixed next trigger not disabled when count is 0
  • Slider: Fixed thumb drag from edge in thumbAlignment="contain" mode
  • Switch: Fixed api.toggleChecked() not working
  • Toast: Fixed toasts created before state machine connects not showing
  • Tour: Fixed janky scroll between steps

@ark-ui/[email protected]

10 Dec 23:05

Choose a tag to compare

Added

  • Date Picker: Added required and invalid props
  • Number Input: Added onValueCommit callback that fires when the input loses focus or Enter is pressed
  • Pagination:
    • Added FirstTrigger and LastTrigger components for navigating to first/last page
    • Added boundaryCount parameter for controlling boundary pages (start/end)
    • Implemented balanced pagination algorithm for consistent UI with max 7 elements
  • Radio Group: Added invalid and required props with corresponding data-* and aria-* attributes
  • Tree View: Added scrollToIndexFn prop to enable keyboard navigation in virtualized trees

Fixed

  • Accordion, Menu: Fixed issue where querying elements by aria-controls attribute could fail when lazy mounting the content
  • Color Picker: Added role="dialog" to content and aria-haspopup="dialog" to trigger when not inline for better accessibility
  • Date Picker: Fixed issue where date picker input does not update format when locale changes
  • Floating Panel:
    • Fixed dir prop now properly delegated to all panel parts
    • Fixed double-click behavior improvements and to check event.defaultPrevented for custom behavior
  • Listbox:
    • Fixed issue where data-highlighted wasn't applied to the first item when using autoHighlight with input filtering
  • Number Input:
    • Fixed improved controlled usage sync
    • Fixed issue where input element doesn't sync when formatOptions changes dynamically
    • Ensured cursor position is preserved when Enter key is pressed and formatting is triggered
    • Fixed cursor jumping to start when value is changed externally via props while user is typing
  • Pagination: Fixed ellipsis showing when only 1 page gap
  • Rating Group: Fixed issue where rating group becomes unfocusable via keyboard when value is 0
  • Tooltip: Fixed tooltip not showing when scrolling with pointer over trigger

Changed

  • Tree View: getVisibleNodes() now returns { node, indexPath }[] instead of node[]

@ark-ui/[email protected]

10 Dec 23:05

Choose a tag to compare

Added

  • Date Picker: Added required and invalid props
  • Number Input: Added onValueCommit callback that fires when the input loses focus or Enter is pressed
  • Pagination:
    • Added FirstTrigger and LastTrigger components for navigating to first/last page
    • Added boundaryCount parameter for controlling boundary pages (start/end)
    • Implemented balanced pagination algorithm for consistent UI with max 7 elements
  • Radio Group: Added invalid and required props with corresponding data-* and aria-* attributes
  • Tree View: Added scrollToIndexFn prop to enable keyboard navigation in virtualized trees

Fixed

  • Accordion, Menu: Fixed issue where querying elements by aria-controls attribute could fail when lazy mounting the content
  • Color Picker: Added role="dialog" to content and aria-haspopup="dialog" to trigger when not inline for better accessibility
  • Date Picker: Fixed issue where date picker input does not update format when locale changes
  • Floating Panel:
    • Fixed dir prop now properly delegated to all panel parts
    • Fixed double-click behavior improvements and to check event.defaultPrevented for custom behavior
  • Listbox:
    • Fixed issue where data-highlighted wasn't applied to the first item when using autoHighlight with input filtering
  • Number Input:
    • Fixed issue where input element doesn't sync when formatOptions changes dynamically
    • Ensured cursor position is preserved when Enter key is pressed and formatting is triggered
    • Fixed cursor jumping to start when value is changed externally via props while user is typing
  • Pagination: Fixed ellipsis showing when only 1 page gap
  • Rating Group: Fixed issue where rating group becomes unfocusable via keyboard when value is 0
  • Tooltip: Fixed tooltip not showing when scrolling with pointer over trigger
  • Collapsible, Presence, Tour: Fixed machines setting reactive state in unmount lifecycle

Changed

  • Tree View: getVisibleNodes() now returns { node, indexPath }[] instead of node[]

@ark-ui/[email protected]

10 Dec 23:04

Choose a tag to compare

Added

  • Date Picker: Added required and invalid props
  • Number Input: Added onValueCommit callback that fires when the input loses focus or Enter is pressed
  • Pagination:
    • Added FirstTrigger and LastTrigger components for navigating to first/last page
    • Added boundaryCount parameter for controlling boundary pages (start/end)
    • Implemented balanced pagination algorithm for consistent UI with max 7 elements
  • Radio Group: Added invalid and required props with corresponding data-* and aria-* attributes
  • Tree View: Added scrollToIndexFn prop to enable keyboard navigation in virtualized trees

Fixed

  • Accordion, Menu: Fixed issue where querying elements by aria-controls attribute could fail when lazy mounting the content
  • Color Picker: Added role="dialog" to content and aria-haspopup="dialog" to trigger when not inline for better accessibility
  • Date Picker: Fixed issue where date picker input does not update format when locale changes
  • Floating Panel:
    • Fixed dir prop now properly delegated to all panel parts
    • Fixed double-click behavior improvements and to check event.defaultPrevented for custom behavior
  • Listbox:
    • Fixed issue where data-highlighted wasn't applied to the first item when using autoHighlight with input filtering
  • Number Input:
    • Fixed improved controlled usage sync
    • Fixed issue where input element doesn't sync when formatOptions changes dynamically
    • Ensured cursor position is preserved when Enter key is pressed and formatting is triggered
    • Fixed cursor jumping to start when value is changed externally via props while user is typing
  • Pagination: Fixed ellipsis showing when only 1 page gap
  • Rating Group: Fixed issue where rating group becomes unfocusable via keyboard when value is 0
  • Tooltip: Fixed tooltip not showing when scrolling with pointer over trigger

Changed

  • Tree View: getVisibleNodes() now returns { node, indexPath }[] instead of node[]

@ark-ui/[email protected]

10 Dec 23:03

Choose a tag to compare

Added

  • Date Picker: Added required and invalid props
  • Number Input: Added onValueCommit callback that fires when the input loses focus or Enter is pressed
  • Pagination:
    • Added FirstTrigger and LastTrigger components for navigating to first/last page
    • Added boundaryCount parameter for controlling boundary pages (start/end)
    • Implemented balanced pagination algorithm for consistent UI with max 7 elements
  • Radio Group: Added invalid and required props with corresponding data-* and aria-* attributes
  • Tree View: Added scrollToIndexFn prop to enable keyboard navigation in virtualized trees

Fixed

  • Accordion, Menu: Fixed issue where querying elements by aria-controls attribute could fail when lazy mounting the content
  • Color Picker: Added role="dialog" to content and aria-haspopup="dialog" to trigger when not inline for better accessibility
  • Date Picker: Fixed issue where date picker input does not update format when locale changes
  • Floating Panel:
    • Fixed dir prop now properly delegated to all panel parts
    • Fixed double-click behavior improvements and to check event.defaultPrevented for custom behavior
  • Listbox:
    • Fixed issue in React where filtering items with an input would throw a flushSync was called from inside a lifecycle method warning
    • Fixed issue where data-highlighted wasn't applied to the first item when using autoHighlight with input filtering
  • Number Input:
    • Fixed improved controlled usage sync
    • Fixed issue where input element doesn't sync when formatOptions changes dynamically
    • Ensured cursor position is preserved when Enter key is pressed and formatting is triggered
    • Fixed cursor jumping to start when value is changed externally via props while user is typing
  • Pagination: Fixed ellipsis showing when only 1 page gap
  • Rating Group: Fixed issue where rating group becomes unfocusable via keyboard when value is 0
  • Tooltip: Fixed tooltip not showing when scrolling with pointer over trigger

Changed

  • Tree View: getVisibleNodes() now returns { node, indexPath }[] instead of node[]

@ark-ui/[email protected]

22 Nov 16:23

Choose a tag to compare

Fixed

  • Fieldset: Fixed aria-describedby resolution to correctly reference helper text and error text IDs, and corrected aria-labelledby to use legend ID instead of label ID
  • Floating Panel:
    • Fixed resize trigger issue with n axis by explicitly setting top: 0
    • Fixed draggable and resizable options not being respected when set to false
  • Presence: Fixed regression where UNMOUNT transition might not be called consistently

@ark-ui/[email protected]

22 Nov 16:23

Choose a tag to compare

Fixed

  • Floating Panel:
    • Fixed resize trigger issue with n axis by explicitly setting top: 0
    • Fixed draggable and resizable options not being respected when set to false
  • Presence: Fixed regression where UNMOUNT transition might not be called consistently