Skip to content

@ark-ui/[email protected]

Pre-release
Pre-release
Compare
Choose a tag to compare
@cschroeter cschroeter released this 19 Apr 18:47
· 459 commits to main since this release

Added

  • Added a Context component to allow access to the internal machine API. Previously, it was only possible to access the internal API at the root level, which is manageable for small components but could lead to cumbersome composition in larger components. Additionally, this pattern clashed with the asChild composition pattern we use.
<template>
  <Popover.Root>
    <Popover.Trigger>Open</Popover.Trigger>
    <Popover.Positioner>
      <Popover.Context v-slot="popover">
          <Popover.Content>
            <Popover.Title @click="() => popover.close()">Title</Popover.Title>
            <Popover.Description>Description</Popover.Description>
          </Popover.Content>
      </Popover.Context>
    </Popover.Positioner>
  </Popover.Root>
</template>
  • Added Format and Collapsible component
  • Add an optional index prop to the DatePicker.Input to support multiple inputs.
  • Add the DatePicker.PresetTrigger component
  • Improve a controlled state in ColorPicker, DatePicker, Dialog, HoverCard, Menu, Popover, Select, and Tooltip components
  • Added defaultOpen to Tooltip

Changed

  • Changed TreeView.BranchTrigger from button to div for the accessibility reasons.

Fixed

  • Prevent calling interaction outside when scrollbar is clicked.
  • Fix issue where positioned components don't respond to window resizing.
  • Fix issue where restoring scroll causes a smooth scroll transition back to the initial scroll point.
  • Fix issue in Combobox, Menu, and Select where scrolling into view could result in scrolling the body element.
  • Fix issue where DatePicker does not show correct number of weeks when startOfWeek is set
  • Fix issue in the Editable where cannot delete text when maxLength reached
  • Fix issue in the Select where item group's label id pointed to the wrong element
  • Fix issue where Select uses the incorrect id for aria-activedecesendant field
  • Resolved an issue in DatePicker where the min and max props did not support date string values
  • Fix issue where close animation doesn't work for components that use the presence component.

Removed

  • Removed the unused parse prop from the DatePicker component.