Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Releases: chakra-ui/chakra-ui

@chakra-ui/[email protected]

06 Oct 21:51
83c1641

Choose a tag to compare

@chakra-ui/[email protected]

06 Oct 21:51
83c1641

Choose a tag to compare

Patch Changes

@chakra-ui/[email protected]

06 Oct 21:51
83c1641

Choose a tag to compare

@chakra-ui/[email protected]

14 Sep 20:31
c737ca5

Choose a tag to compare

Minor Changes

  • 16fb3cc
    Thanks @segunadebayo! - Enhanced
    composition types with comprehensive CSS property support

    Text 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)

Patch Changes

  • c741fe9
    Thanks @segunadebayo! - - CodeBlock:
    Fix issue where Line numbers display incorrectly when meta.wordWrap is true
    in code blocks

    • Hover Card: Change default delay values for hover card to improve
      accessibility.
      • openDelay: from 700ms to 600ms
    • Tooltip: Change default delay values for tooltip to improve
      accessibility.
      Learn more
      • openDelay: from 1000ms to 400ms
      • closeDelay: from 500ms to 150ms
    • 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
    • Combobox: Add alwaysSubmitOnEnter prop to allow forcing the form to be
      submitted immediately on Enter press.
  • #10312
    6189068
    Thanks @itushh! - - CodeBlock: Allow
    horizontal scrolling when code block overflows

@chakra-ui/[email protected]

14 Sep 20:31
c737ca5

Choose a tag to compare

@chakra-ui/[email protected]

14 Sep 20:31
c737ca5

Choose a tag to compare

Minor Changes

  • #10299
    27b920a
    Thanks @segunadebayo! - Add new blocks
    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_KEY environment 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]

14 Sep 20:31
c737ca5

Choose a tag to compare

@chakra-ui/[email protected]

29 Aug 00:09
d17db11

Choose a tag to compare

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 disabled prop
    • 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 pattern when formatOptions is 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-scrubbing attribute to the number input parts.

Patch Changes

  • b9eede5
    Thanks @segunadebayo! - CodeBlock: Add
    configurable theme support and sync loading for Shiki adapter

    • Theme configuration is now required - The theme property must be
      explicitly provided to createShikiAdapter
    • Removed hard-coded theme fallbacks - Missing themes now throw
      descriptive errors
    • Optional sync loading with loadSync method for better performance
    // Before
    const adapter = createShikiAdapter({
      async load() { /* ... */ },
    })
    
    // After
    const adapter = createShikiAdapter({
      async load() { /* ... */ },
      theme: {
        light: "github-light",
        dark: "github-dark",
      },
    })

@chakra-ui/[email protected]

29 Aug 00:09
d17db11

Choose a tag to compare

@chakra-ui/[email protected]

29 Aug 00:09
d17db11

Choose a tag to compare