Releases: chakra-ui/ark
@ark-ui/[email protected]
Added
-
Field: Add
data-requiredattribute toField.Label -
Select, Combobox, Listbox, TreeView: Export
RootComponentandRootProviderComponenttypes which are useful
when building compositions that wrap theRootandRootProvidercomponents and you still want type-safety for the
collection.import { Select } from '@ark-ui/solid/select' import { styled } from 'styling-lib' const Root = styled(Select.Root) as Select.RootComponent<{}>
Fixed
- Menu: Fix
Menu.ItemTextnot working insideMenu.TriggerItem
@ark-ui/[email protected]
Added
- Field: Add
data-requiredattribute toField.Label - Select, Combobox, Listbox, TreeView: Export
RootComponentandRootProviderComponenttypes which are useful
when building compositions that wrap theRootandRootProvidercomponents and you still want type-safety for the
collection.
Fixed
-
Menu: Fix
Menu.ItemTextnot working insideMenu.TriggerItemimport { Select } from '@ark-ui/react/select' import { styled } from 'styling-lib' const Root = styled(Select.Root) as Select.RootComponent<{}>
@ark-ui/[email protected]
Added
- Added
get_component_propstool to retrieve component props/properties for specific Ark UI components
@ark-ui/[email protected]
Fixed
Add missing node shebang to the stdio script.
@ark-ui/[email protected]
Fixed
Don't ship the src directory to the package.
@ark-ui/[email protected]
Added
- Initial release of the official MCP server for Ark UI
@ark-ui/[email protected]
Added
-
Combobox: Add
ComboboxEmptycomponent to display content when the combobox has no items -
Listbox: Add
ListboxEmptycomponent to display content when the listbox has no items -
Hover Card: Add support for
disabledprop
Fixed
-
Collection: Fix issue where disabled items could be reached via typeahead
-
Color Picker: Fix issue where color picker was not working correctly in RTL mode
-
Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
and blurred -
Dismissable: Expose
onRequestDismisscustom event handler for event a parent layer requests the child layer to
dismiss. If prevented viaevent.preventDefault(), the child layer will not dismiss when the parent layer is
dismissed. -
Number Input
- Omit the input
patternwhenformatOptionsis provided. This prevents native pattern validation from conflicting
with formatted values (e.g., currency or percent). - Handle empty values consistently across all format options.
- Add
data-scrubbingattribute to the number input parts.
- Omit the input
-
Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
within thecontrolpart. -
Tooltip
- Set
closeOnPointerdowntofalsewhencloseOnClickis set tofalse - Reduce bundle size by replacing
@zag-js/storedependency with a lightweight store implementation.
- Set
@ark-ui/[email protected]
Added
-
Combobox: Add
ComboboxEmptycomponent to display content when the combobox has no items -
Listbox: Add
ListboxEmptycomponent to display content when the listbox has no items -
Hover Card: Add support for
disabledprop
Fixed
-
Collection: Fix issue where disabled items could be reached via typeahead
-
Color Picker: Fix issue where color picker was not working correctly in RTL mode
-
Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
and blurred -
Dismissable: Expose
onRequestDismisscustom event handler for event a parent layer requests the child layer to
dismiss. If prevented viaevent.preventDefault(), the child layer will not dismiss when the parent layer is
dismissed. -
Number Input
- Omit the input
patternwhenformatOptionsis provided. This prevents native pattern validation from conflicting
with formatted values (e.g., currency or percent). - Handle empty values consistently across all format options.
- Add
data-scrubbingattribute to the number input parts.
- Omit the input
-
Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
within thecontrolpart. -
Tooltip
- Set
closeOnPointerdowntofalsewhencloseOnClickis set tofalse - Reduce bundle size by replacing
@zag-js/storedependency with a lightweight store implementation.
- Set
@ark-ui/[email protected]
Added
-
Combobox: Add
ComboboxEmptycomponent to display content when the combobox has no items -
Listbox: Add
ListboxEmptycomponent to display content when the listbox has no items -
Hover Card: Add support for
disabledprop
Fixed
-
Collection: Fix issue where disabled items could be reached via typeahead
-
Color Picker: Fix issue where color picker was not working correctly in RTL mode
-
Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
and blurred -
Dismissable: Expose
onRequestDismisscustom event handler for event a parent layer requests the child layer to
dismiss. If prevented viaevent.preventDefault(), the child layer will not dismiss when the parent layer is
dismissed. -
Number Input
- Omit the input
patternwhenformatOptionsis provided. This prevents native pattern validation from conflicting
with formatted values (e.g., currency or percent). - Handle empty values consistently across all format options.
- Add
data-scrubbingattribute to the number input parts.
- Omit the input
-
Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
within thecontrolpart. -
Tooltip
- Set
closeOnPointerdowntofalsewhencloseOnClickis set tofalse - Reduce bundle size by replacing
@zag-js/storedependency with a lightweight store implementation.
- Set
@ark-ui/[email protected]
Added
-
Combobox: Add
ComboboxEmptycomponent to display content when the combobox has no items -
Listbox: Add
ListboxEmptycomponent to display content when the listbox has no items -
Hover Card: Add support for
disabledprop
Fixed
-
Collection: Fix issue where disabled items could be reached via typeahead
-
Color Picker: Fix issue where color picker was not working correctly in RTL mode
-
Date Picker: Fix issue where datepicker doesn't revert to a valid value when the input value exceeds the min/max
and blurred -
Dismissable: Expose
onRequestDismisscustom event handler for event a parent layer requests the child layer to
dismiss. If prevented viaevent.preventDefault(), the child layer will not dismiss when the parent layer is
dismissed. -
Number Input
- Omit the input
patternwhenformatOptionsis provided. This prevents native pattern validation from conflicting
with formatted values (e.g., currency or percent). - Handle empty values consistently across all format options.
- Add
data-scrubbingattribute to the number input parts.
- Omit the input
-
Tags Input: Fix issue where highlighted item doesn't clear when tabbing out of the input to an external button
within thecontrolpart. -
Tooltip
- Set
closeOnPointerdowntofalsewhencloseOnClickis set tofalse - Reduce bundle size by replacing
@zag-js/storedependency with a lightweight store implementation.
- Set