Releases: chakra-ui/chakra-ui
@chakra-ui/[email protected]
@chakra-ui/[email protected]
@chakra-ui/[email protected]
Patch Changes
- #10368
62260a5
Thanks @tioluwani94! - Pro Blocks: Allow
CLI to read new documentation blocks filtering
@chakra-ui/[email protected]
@chakra-ui/[email protected]
@chakra-ui/[email protected]
Minor Changes
-
16fb3cc
Thanks @segunadebayo! - Enhanced
composition types with comprehensive CSS property supportText Style Properties: Added these properties to
theme.textStyles:- Basic properties (
color,direction,font,fontFamily,
fontFeatureSettings,fontKerning,fontLanguageOverride,
fontOpticalSizing,fontPalette) - Typography properties (
hangingPunctuation,hyphens,
hyphenateCharacter,hyphenateLimitChars,lineBreak,quotes,
overflowWrap,tabSize) - Text alignment (
textAlign,textAlignLast,textCombineUpright,
textJustify) - Text decoration (
textDecorationSkip,textDecorationSkipBox,
textDecorationSkipInk,textDecorationSkipInset,
textDecorationThickness,textEmphasis) - Text formatting (
textShadow,textStroke,textStrokeColor,
textStrokeWidth,textUnderlineOffset,textUnderlinePosition,
textWrap,textWrapMode,textWrapStyle) - Text layout (
unicodeBidi,verticalAlign,whiteSpace,wordBreak,
wordSpacing,writingMode)
Layer Style Properties: Added these properties to
theme.layerStyles:- Layout properties (
aspectRatio,display,contain,contentVisibility,
isolation) - Visual effects (
clipPath,mixBlendMode,maskClip,maskComposite,
maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,
maskSize) - Modern properties (
objectFit,objectPosition,pointerEvents,resize,
visibility,willChange) - Border properties (
borderImage,borderImageOutset,borderImageRepeat,
borderImageSlice,borderImageSource,borderImageWidth) - Overflow properties (
overflow,overflowX,overflowY)
- Basic properties (
Patch Changes
-
c741fe9
Thanks @segunadebayo! - - CodeBlock:
Fix issue where Line numbers display incorrectly whenmeta.wordWrapis true
in code blocks- Hover Card: Change default delay values for hover card to improve
accessibility.openDelay: from700msto600ms
- Tooltip: Change default delay values for tooltip to improve
accessibility.
Learn moreopenDelay: from1000msto400mscloseDelay: from500msto150ms
- Menu
- Fix issue where keyboard activation of menu items with
target="_blank"
would open two tabs - Fix issue where hovering a partially visible item with pointer causes it
to scroll into view
- Fix issue where keyboard activation of menu items with
- Combobox: Add
alwaysSubmitOnEnterprop to allow forcing the form to be
submitted immediately on Enter press.
- Hover Card: Change default delay values for hover card to improve
-
#10312
6189068
Thanks @itushh! - - CodeBlock: Allow
horizontal scrolling when code block overflows
@chakra-ui/[email protected]
@chakra-ui/[email protected]
@chakra-ui/[email protected]
Minor Changes
-
#10299
27b920a
Thanks @segunadebayo! - Add newblocks
command to add chakra pro blocks to your project.This command requires valid Chakra Pro license and API key in the
CHAKRA_UI_PRO_API_KEYenvironment variable.# Interactive block selection npx @chakra-ui/cli blocks add # Add all variants of a specific block npx @chakra-ui/cli blocks add hero # Add a specific variant of a block npx @chakra-ui/cli blocks add hero --variant "simple" # List available blocks npx @chakra-ui/cli blocks list # List blocks in a specific category npx @chakra-ui/cli blocks list --category "marketing"
@chakra-ui/[email protected]
@chakra-ui/[email protected]
@chakra-ui/[email protected]
Minor Changes
-
b9eede5
Thanks @segunadebayo! - - Listbox
[New]: Add new component with support for single/multi-select, grouping,
virtualization, controlled state, icons, descriptions, and accessibility
features.This component can be used to build command palettes, dropdowns with search,
and much more.<Listbox.Root collection={frameworks} width="320px"> <Listbox.Label>Select framework</Listbox.Label> <Listbox.Content> {frameworks.items.map((framework) => ( <Listbox.Item item={framework} key={framework.value}> <Listbox.ItemText>{framework.label}</Listbox.ItemText> <Listbox.ItemIndicator /> </Listbox.Item> ))} </Listbox.Content> </Listbox.Root>
- Hover Card: Add support for
disabledprop - Select, Menu: Fix issue where disabled items could be reached via
typeahead - Color Picker: Fix issue where color picker was not working correctly in
RTL mode - 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
- Hover Card: Add support for
Patch Changes
-
b9eede5
Thanks @segunadebayo! - CodeBlock: Add
configurable theme support and sync loading for Shiki adapter- Theme configuration is now required - The
themeproperty must be
explicitly provided tocreateShikiAdapter - Removed hard-coded theme fallbacks - Missing themes now throw
descriptive errors - Optional sync loading with
loadSyncmethod for better performance
// Before const adapter = createShikiAdapter({ async load() { /* ... */ }, }) // After const adapter = createShikiAdapter({ async load() { /* ... */ }, theme: { light: "github-light", dark: "github-dark", }, })
- Theme configuration is now required - The
@chakra-ui/[email protected]
@chakra-ui/[email protected]
@chakra-ui/[email protected]
@chakra-ui/[email protected]