Sourced from @​chakra-ui/react's releases.

@​chakra-ui/react@​3.24.0

Minor Changes

• #10164 79971c0 Thanks @​segunadebayo! - Add new codeblock component with support for highlight.js and shiki.

  <CodeBlock.AdapterProvider value={shikiAdapter}>
    <CodeBlock.Root code="console.log('Hello, world!')" language="tsx">
      <CodeBlock.Content>
        <CodeBlock.Code>
          <CodeBlock.CodeText />
        </CodeBlock.Code>
      </CodeBlock.Content>
    </CodeBlock.Root>
  </CodeBlock.AdapterProvider>
  

Patch Changes

• #10199 5e7831f Thanks @​ponharu! - fix: check if separator is a valid React element

@​chakra-ui/react@​3.23.0

Minor Changes

• 86ca96a Thanks @​segunadebayo! - - System: Add unstyled prop support to compound component children to opt-out of recipe styles per component.

  <Accordion.Root defaultValue={["a"]}>
    <Accordion.Item value="a">
      {/* Opt-out of recipe styles */}
      <Accordion.ItemTrigger unstyled bg="red.500" />
      <Accordion.ItemContent>
        <Accordion.ItemBody />
      </Accordion.ItemContent>
    </Accordion.Item>
  </Accordion.Root>
  

  • Group: Add support changing group gap globally via --group-gap CSS variable

... (truncated)

Sourced from @​chakra-ui/react's changelog.

3.24.0

Minor Changes

• #10164 79971c0 Thanks @​segunadebayo! - Add new codeblock component with support for highlight.js and shiki.

  <CodeBlock.AdapterProvider value={shikiAdapter}>
    <CodeBlock.Root code="console.log('Hello, world!')" language="tsx">
      <CodeBlock.Content>
        <CodeBlock.Code>
          <CodeBlock.CodeText />
        </CodeBlock.Code>
      </CodeBlock.Content>
    </CodeBlock.Root>
  </CodeBlock.AdapterProvider>
  

Patch Changes

• #10199 5e7831f Thanks @​ponharu! - fix: check if separator is a valid React element

3.23.0

Minor Changes

• 86ca96a Thanks @​segunadebayo! - - System: Add unstyled prop support to compound component children to opt-out of recipe styles per component.

  <Accordion.Root defaultValue={["a"]}>
    <Accordion.Item value="a">
      {/* Opt-out of recipe styles */}
      <Accordion.ItemTrigger unstyled bg="red.500" />
      <Accordion.ItemContent>
        <Accordion.ItemBody />
      </Accordion.ItemContent>
    </Accordion.Item>
  </Accordion.Root>
  

  • Group: Add support changing group gap globally via --group-gap CSS

... (truncated)

• 4f61b0a Version Packages (#10200)
• 79971c0 feat: Codeblock component (#10164)
• 9d87724 chore: refactor skip nav stories
• 74957b4 refactor: isolate simple-grid
• af85275 chore: update links
• 407a285 docs: flex with spacer
• bf28509 refactor: isolate absolute center
• 5e7831f fix: check if separator is a valid React element (#10199)
• 323f52b chore: table examples
• 4ec69e0 Version Packages (#10145)
• Additional commits viewable in compare view

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)