v2.4.0.mdx

title	description	releaseUrl	releaseDate	version
Version 2.4.0	Explore the changelog for Chakra UI version 2.4.0. Learn about the latest features, bug fixes, and improvements.	chakra-ui#6948	November 14, 2022	2.4.0

All packages

Fix issue where using @chakra-ui/react or any sub-package in a TypeScript project with "type": "module" in package.json and "moduleResolution": "Node16" in tsconfig.json cannot find the types.

@chakra-ui/[email protected]

Introduced new Card component

export function Basic() {
  return (
    <Card>
      <CardHeader>
        <Heading size="md"> Customer dashboard</Heading>
      </CardHeader>
      <CardBody>
        <Text>View a summary of all your customers over the last month.</Text>
      </CardBody>
      <CardFooter>
        <Button>View here</Button>
      </CardFooter>
    </Card>
  )
}

@chakra-ui/[email protected]

Remove Dict type dependency from createStyleContext

@chakra-ui/[email protected]

Fixed issue where dynamically changing a tooltip's isDisabled when it is open didn't have any effect.

Now, changing the isDisabled prop will close the tooltip leading to a more consistent behavior.

@chakra-ui/[email protected]

Refactor theme to use CSS variables