@chakra-ui/react@3.30.0
Minor Changes
-
#10425
0168a04Thanks @Adebesin-Cell! - - Splitter [NEW]: Introduce new resizable splitter component<Splitter.Root panels={[{ id: "a" }, { id: "b" }]}> <Splitter.Panel id="a">Panel A</Splitter.Panel> <Splitter.ResizeTrigger id="a:b" /> <Splitter.Panel id="b">Panel B</Splitter.Panel> </Splitter.Root> -
7b9aa97Thanks @segunadebayo! - ### Added- Carousel: Added
autoSizeprop for variable width/height slides
Changed
- useListCollection:
initialItemsnow acceptsreadonlyarrays - Types: Exported
InteractOutsideEvent,FocusOutsideEvent,PointerDownOutsideEventtypes
Fixed
- Carousel: Fixed dragging after tab switch/scroll and mouse wheel scroll
with
allowMouseDrag - Combobox:
- Fixed
onHighlightChangenot firing when filtered to empty; - Fixed focus stealing in controlled mode
- Removed problematic
aria-hiddenbehavior
- Fixed
- File Upload: Fixed non-interactive children in dropzone not opening file picker
- Radio Group: Fixed inconsistent
data-focus-visible/data-focusattributes; fixed indicator showing before rect resolved (with Tabs) - Tabs: Fixed indicator showing before rect resolved (with Radio Group); fixed position not updating when inactive tabs resize
- Carousel: Added
-
503e11aThanks @segunadebayo! - ### Added- Semantic Tokens: Add new
bordersemantic token to all color palettes (gray.300/gray.700for gray,color.500/color.400for colored palettes) to improve outline component appearance
Changed
-
Button, Badge, Tag, Checkbox: Update outline variants to use
colorPalette.borderinstead ofcolorPalette.mutedor globalbordertoken for better appearance, especially for non-gray color palettes.NOTE: All changes include CSS variable fallbacks to
colorPalette.mutedfor backward compatibility.
- Semantic Tokens: Add new
Patch Changes
-
fd15569Thanks @segunadebayo! - - HoverCard, Tooltip, Popover: Fix arrow direction in RTL layouts -
81ec4e7Thanks @segunadebayo! - - TagsInput: Fix overflow issue where very long tags would overflow the container instead of truncating with ellipsis.- CheckboxGroup: Fix type issue where
CheckboxGroupPropscould not be passed to theCheckboxGroupcomponent.
- CheckboxGroup: Fix type issue where