chakra-ui/chakra-ui @chakra-ui/theme@1.8.4

on GitHub

Patch Changes

• 1d5e55272
  #3511 Thanks
  @TimKolberger! - The extendTheme function
  allows you to pass multiple overrides or extensions:

  import {
    extendTheme,
    withDefaultColorScheme,
    withDefaultSize,
    withDefaultVariant,
    withDefaultProps,
  } from "@chakra-ui/react"
  
  const customTheme = extendTheme(
    {
      colors: {
        brand: {
          // ...
          500: "#b4d455",
          // ...
        },
      },
    },
    withDefaultColorScheme({ colorScheme: "brand" }),
    withDefaultSize({
      size: "lg",
      components: ["Input", "NumberInput", "PinInput"],
    }),
    withDefaultVariant({
      variant: "outline",
      components: ["Input", "NumberInput", "PinInput"],
    }),
    // or all in one:
    withDefaultProps({
      defaultProps: {
        colorScheme: "brand",
        variant: "outline",
        size: "lg",
      },
      components: ["Input", "NumberInput", "PinInput"],
    }),
    // optional:
    yourCustomBaseTheme, // defaults to our chakra default theme
  )

• Updated dependencies
  [e9ac4cc76]:

  • @chakra-ui/utils@1.7.0
  • @chakra-ui/theme-tools@1.1.6