@ark-ui/[email protected]

Fixed

• Floating Components: Fixed issue where clicking outside of a dialog on mobile passed click
  events through.

• Popover: Fixed issue where popover did not restore focus when open state was changed
  programmatically

• Avatar: Fixed issue where avatar could throw when the fallback inner text changed

• Steps: Improved accessibility of tablist semantics by using aria-owns

Added

• FileUpload: Add support for more file types in file upload accept intellisense

• Toast: Add support for action property when creating toasts, giving you the ability to add a
  action.label and action.onClick. The onClick function will be called when the user clicks
  the action trigger.

toaster.create({
  title: 'Uploaded successfully',
  type: 'success',
  action: {
    label: 'Undo',
    onClick: () => {
      console.log('undo')
    },
  },
})

• File Upload: Added support for invalid prop in file upload to explicitly mark upload
  operation as invalid. This could be paired with the rejectedFiles to show an error message.

Changed

• Floating Components: Refactored boundary to only support function that returns an element.

• Select

  • Refactored opening and selection to be based on click events rather than pointerdown/up cycles.
  • Improved usability and accessibility of the select component.
  • Fixed issue where controlled multiple selects open state behaved unexpectedly.

@ark-ui/[email protected]

Fixed

• Floating Components: Fixed issue where clicking outside of a dialog on mobile passed click
  events through.

• Popover: Fixed issue where popover did not restore focus when open state was changed
  programmatically

• Avatar: Fixed issue where avatar could throw when the fallback inner text changed

• Steps: Improved accessibility of tablist semantics by using aria-owns

Added

• FileUpload: Add support for more file types in file upload accept intellisense

• Toast: Add support for action property when creating toasts, giving you the ability to add a
  action.label and action.onClick. The onClick function will be called when the user clicks
  the action trigger.

toaster.create({
  title: 'Uploaded successfully',
  type: 'success',
  action: {
    label: 'Undo',
    onClick: () => {
      console.log('undo')
    },
  },
})

• File Upload: Added support for invalid prop in file upload to explicitly mark upload
  operation as invalid. This could be paired with the rejectedFiles to show an error message.

Changed

• Floating Components: Refactored boundary to only support function that returns an element.

• Select

  • Refactored opening and selection to be based on click events rather than pointerdown/up cycles.
  • Improved usability and accessibility of the select component.
  • Fixed issue where controlled multiple selects open state behaved unexpectedly.

@ark-ui/[email protected]

Fixed

• Floating Components: Fixed issue where clicking outside of a dialog on mobile passed click
  events through.

• Popover: Fixed issue where popover did not restore focus when open state was changed
  programmatically

• Avatar: Fixed issue where avatar could throw when the fallback inner text changed

• Steps: Improved accessibility of tablist semantics by using aria-owns

Added

• FileUpload: Add support for more file types in file upload accept intellisense

• Toast: Add support for action property when creating toasts, giving you the ability to add a
  action.label and action.onClick. The onClick function will be called when the user clicks
  the action trigger.

toaster.create({
  title: 'Uploaded successfully',
  type: 'success',
  action: {
    label: 'Undo',
    onClick: () => {
      console.log('undo')
    },
  },
})

• File Upload: Added support for invalid prop in file upload to explicitly mark upload
  operation as invalid. This could be paired with the rejectedFiles to show an error message.

Changed

• Floating Components: Refactored boundary to only support function that returns an element.

• Select

  • Refactored opening and selection to be based on click events rather than pointerdown/up cycles.
  • Improved usability and accessibility of the select component.
  • Fixed issue where controlled multiple selects open state behaved unexpectedly.

@ark-ui/[email protected]

Fixed

• All Components: Fixed issue where exit animations weren't working correctly.

• Steps: Fixed issue where steps context was not exported.

Added

• Checkbox: Added invalid prop to Checkbox.Group

@ark-ui/[email protected]

Fixed

• Steps: Fixed issue where steps context was not exported

Added

• Checkbox: Added invalid prop to Checkbox.Group

@ark-ui/[email protected]

Fixed

• Steps: Fixed issue where steps context was not exported

Added

• Checkbox: Added invalid prop to Checkbox.Group

@ark-ui/[email protected]

Added

• Editable

  • Add support for controlled the editable's state (edit/preview) using edit and onEditChange

• Pagination

  • Expose api.count property

Changed

• Editable

  • Removed onEdit in favor of onEditChange
  • Removed startsWithEditView in favor of edit prop

Fixed

• Dialog

  • Fix issue where closing a nested dialog focuses the first focusable element in the parent dialog
    instead of the previously focused element.

• Steps: Fixed issue where the steps component was not exported in the index file.

• Select: Fixed issue where Nuxt was not able to resolve the @zag-js/utils package.

@ark-ui/[email protected]

Added

• Editable

  • Add support for controlled the editable's state (edit/preview) using edit and onEditChange

• Pagination

  • Expose api.count property

Changed

• Editable

  • Removed onEdit in favor of onEditChange
  • Removed startsWithEditView in favor of edit prop

Fixed

• Dialog

  • Fix issue where closing a nested dialog focuses the first focusable element in the parent dialog instead of the
    previously focused element.

• Steps: Fixed issue where the steps component was not exported in the index file.

@ark-ui/[email protected]

Added

• Editable

  • Add support for controlled the editable's state (edit/preview) using edit and onEditChange

• Pagination

  • Expose api.count property

Changed

• Editable

  • Removed onEdit in favor of onEditChange
  • Removed startsWithEditView in favor of edit prop

Fixed

• Dialog

  • Fix issue where closing a nested dialog focuses the first focusable element in the parent dialog instead of the
    previously focused element.

• Steps: Fixed issue where the steps component was not exported in the index file.

@ark-ui/[email protected]

Added

• Steps (Preview): Added Steps component.

<Steps.Root count={1}>
  <Steps.List>
    <Steps.Item index={0}>
      <Steps.Trigger>
        <Steps.Indicator>1</Steps.Indicator>
        First
      </Steps.Trigger>
      <Steps.Separator />
    </Steps.Item>
  </Steps.List>

  <Steps.Content index={0}>Content</Steps.Content>
  <Steps.CompletedContent>Completed</Steps.CompletedContent>

  <Steps.PrevTrigger>Back</Steps.PrevTrigger>
  <Steps.NextTrigger>Next</Steps.NextTrigger>
</Steps.Root>

• Timer (Preview): Added Timer component.

<Timer.Root>
  <Timer.Item type="days" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="hours" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="minutes" />
  <Timer.Separator>:</Timer.Separator>
  <Timer.Item type="seconds" />
</Timer.Root>