@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>

@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>

@ark-ui/[email protected]

Changed

• Progress: Update Progress.ValueText to render percentage as string.

Fixed

• Field:

  • Fixed issue where id of field parts could not be customized, breaking Zag.js composition.
  • Added data-* attributes to control part to allow for better styling.

• Select: Fixed reactivity issues when items and value are updated.

@ark-ui/[email protected]

Changed

• Progress: Update Progress.ValueText to render percentage as string.

Fixed

• Field:

  • Fixed issue where id of field parts could not be customized, breaking Zag.js composition.
  • Added data-* attributes to control part to allow for better styling.

• Select: Fixed reactivity issues when items and value are updated.

@ark-ui/[email protected]

Changed

• Progress: Updated Progress.ValueText to render percentage as string.

Fixed

• Field:

  • Fixed SSR warning related to useLayoutEffect usage.
  • Fixed issue where id of field parts could not be customized, breaking Zag.js composition.
  • Added data-* attributes to control part to allow for better styling.

• Select: Fixed reactivity issues when items and value are updated.

@ark-ui/[email protected]

Changed

• DatePicker: Added support for index in getLabelProps.

Fixed

• DatePicker:
  • Fixed issue where the selected date doesn't reflect in the input when clicking the trigger and then focusing the input.
  • Fixed SSR issue when using getPresetTrigger.
• Slider: Fixed issue where onValueChangeEnd was called with an incorrect value.
• Fixed an import issue with @internationalized/date.

@ark-ui/[email protected]

Changed

• DatePicker: Added support for index in getLabelProps.

Fixed

• DatePicker:
  • Fixed issue where the selected date doesn't reflect in the input when clicking the trigger and then focusing the input.
  • Fixed SSR issue when using getPresetTrigger.
• Slider: Fixed issue where onValueChangeEnd was called with an incorrect value.
• Fixed an import issue with @internationalized/date.

@ark-ui/[email protected]

Changed

• DatePicker: Added support for index in getLabelProps.

Fixed

• DatePicker:
  • Fixed issue where the selected date doesn't reflect in the input when clicking the trigger and then focusing the input.
  • Fixed SSR issue when using getPresetTrigger.
• Slider: Fixed issue where onValueChangeEnd was called with an incorrect value.
• Fixed an import issue with @internationalized/date.

@ark-ui/[email protected]

Changed

• Highlight:
  • Enabled import from @ark-ui/react/highlight.
  • Exported HighlightChunk type to enhance type inference in userland code.

Fixed

• Select: Fixed HiddenSelect to correctly emit values when a simple string array is used as the value for the Select component.
• ColorPicker: Fixed an issue where an invalid color value was emitted if no default value was provided.

@ark-ui/[email protected]

Changed

• Highlight: Exported HighlightChunk type to enhance type inference in userland code.

Fixed

• Select: Fixed HiddenSelect to correctly emit values when a simple string array is used as the value for the Select component.