Refactored PasswordField, SearchField, and MenuAutocomplete to use a
consistent flexbox positioning approach, improving maintainability and
visual consistency.
Key changes:
- Replaced absolute positioning with flexbox layouts
- Moved border and background styling from input to wrapper
- Used grid-centered containers for icons and buttons
- Added component-specific CSS variables for item height
Signed-off-by: Johan Persson <johanopersson@gmail.com>
All components have been migrated to React Aria Components, making
the @base-ui-components/react dependency obsolete.
Signed-off-by: Johan Persson <johanopersson@gmail.com>
Enhanced the Select component with search filtering and multi-selection capabilities through new searchable, selectionMode, and searchPlaceholder props.
Breaking changes:
- The SelectProps interface now accepts a generic type parameter for selection mode
Implementation details:
- Created SelectTrigger, SelectContent, and SelectListBox components for modular composition
- Integrated react-aria's Autocomplete and SearchField for search functionality
- Added support for multiple selection mode
- Added "No results found" empty state when search returns no matches
- Improved CSS organization and updated visual styling for better consistency
- Exported Option type as public API for type safety
- Updated API reports and added comprehensive Storybook stories
- Added documentation with examples for searchable and multiple selection modes
Migration guide:
If using SelectProps type directly, update the type parameter:
```diff
- SelectProps
+ SelectProps<'single' | 'multiple'>
```
Component usage remains backward compatible - existing Select implementations require no changes.
Signed-off-by: Johan Persson <johanopersson@gmail.com>
The Table Row component's href prop was being destructured but not
passed to the underlying ReactAriaRow component, preventing rows from
rendering as <a> elements. This blocked native browser link behaviors
like right-click "Open in new tab" and Cmd+Click.
Signed-off-by: Johan Persson <johanopersson@gmail.com>
This PR updates the backend plugin tutorial documentation to match the current plugin template.
Previously, the tutorial referenced a /health endpoint, which does not exist in the generated backend plugin.
Signed-off-by: Ayush More <ayushmore42595@gmail.com>
Replaces the Base UI Collapsible component with a new Accordion component built on React Aria's Disclosure primitives.
Key changes:
- Removed Collapsible component and all related files
- Added new Accordion component with AccordionTrigger, AccordionPanel, and AccordionGroup
- Introduced opinionated styling with built-in trigger component featuring animated chevron icon
- Added support for title/subtitle props and custom trigger content via children
- Implemented AccordionGroup with single/multiple expansion modes
- Updated all documentation from collapsible.mdx to accordion.mdx
- Added comprehensive migration guide in changeset
- Updated API reports and exports
This is a breaking change. Users must migrate from Collapsible to either:
1. Accordion (opinionated styled component) - recommended for most use cases
2. React Aria Disclosure directly - for full customization
The changeset provides detailed migration examples for both paths.
Signed-off-by: Johan Persson <johanopersson@gmail.com>
Stephen Glass