chakra-ui/chakra-ui @chakra-ui/react@3.25.0

on GitHub

Minor Changes

• #10254
  3fb9d7c
  Thanks @segunadebayo! - Add new scroll area
  component

  <ScrollArea.Root>
    <ScrollArea.Viewport>
      <ScrollArea.Content>{/* Scrolling content */}</ScrollArea.Content>
    </ScrollArea.Viewport>
    <ScrollArea.Scrollbar>
      <ScrollArea.Thumb />
    </ScrollArea.Scrollbar>
    <ScrollArea.Corner />
  </ScrollArea.Root>

Patch Changes

• d3a1064
  Thanks @segunadebayo! - Fix nested token
  override issue during theme merging

  const defaultConfig = {
    theme: {
      tokens: {
        colors: {
          black: { value: "#000000" },
        },
      },
    },
  }
  
  const userConfig = {
    theme: {
      tokens: {
        colors: {
          black: {
            100: { value: "#EE0F0F" },
            200: { value: "#CC0C0C" },
          },
        },
      },
    },
  }
  
  // Before: This would return undefined
  const system = createSystem(defaultConfig, userConfig)
  system.token("colors.black.100") // undefined
  
  // After: This will return merged correctly, preserving the default value
  system.token("colors.black.100") // "#EE0F0F"
  system.token("colors.black.200") // "#CC0C0C"
  system.token("colors.black") // "#000000"

• #10244
  9501179
  Thanks @isBatak! - - System: Implement
  preset for table border-spacing property and improve documentation

  • Menu
    • Fix issue where onCheckedChange could be called twice on checkbox or
      radio item
    • Add data-state attribute for context menu trigger
    • Fix context menu positioning bug where reopening at the same coordinates
      fails to reposition
  • Radio Group: Fixed issue where arrow key navigation doesn't apply
    data-focus-visible on the newly focused item.
  • Highlight: Add exactMatch prop that enables whole-word matching using
    regex word boundaries.