github chakra-ui/chakra-ui @chakra-ui/react@1.6.0

latest releases: @chakra-ui/system@2.6.2, @chakra-ui/styled-system@2.9.2, @chakra-ui/storybook-addon@5.1.0...
3 years ago

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

Patch Changes

  • Updated dependencies
    [17c57be68,
    1f94620a1,
    82f08867f,
    ad8a7b9f1,
    d14c97420,
    04be15201,
    946f8eab5,
    1d5e55272,
    e9ac4cc76]:
    • @chakra-ui/pin-input@1.6.0
    • @chakra-ui/menu@1.6.0
    • @chakra-ui/accordion@1.3.0
    • @chakra-ui/tabs@1.5.0
    • @chakra-ui/button@1.3.1
    • @chakra-ui/progress@1.1.8
    • @chakra-ui/theme@1.8.4
    • @chakra-ui/utils@1.7.0
    • @chakra-ui/alert@1.2.4
    • @chakra-ui/avatar@1.2.4
    • @chakra-ui/breadcrumb@1.2.4
    • @chakra-ui/checkbox@1.5.1
    • @chakra-ui/editable@1.2.4
    • @chakra-ui/form-control@1.3.4
    • @chakra-ui/hooks@1.5.1
    • @chakra-ui/input@1.2.4
    • @chakra-ui/layout@1.4.4
    • @chakra-ui/modal@1.8.4
    • @chakra-ui/number-input@1.2.4
    • @chakra-ui/popover@1.6.1
    • @chakra-ui/popper@2.1.2
    • @chakra-ui/portal@1.2.4
    • @chakra-ui/radio@1.3.4
    • @chakra-ui/slider@1.2.4
    • @chakra-ui/system@1.6.4
    • @chakra-ui/tooltip@1.3.4
    • @chakra-ui/table@1.2.3
    • @chakra-ui/toast@1.2.5
    • @chakra-ui/close-button@1.1.8
    • @chakra-ui/control-box@1.0.11
    • @chakra-ui/counter@1.1.4
    • @chakra-ui/react-env@1.0.3
    • @chakra-ui/icon@1.1.8
    • @chakra-ui/image@1.0.14
    • @chakra-ui/live-region@1.0.11
    • @chakra-ui/media-query@1.0.12
    • @chakra-ui/select@1.1.8
    • @chakra-ui/skeleton@1.1.11
    • @chakra-ui/spinner@1.1.8
    • @chakra-ui/stat@1.1.8
    • @chakra-ui/switch@1.2.4
    • @chakra-ui/tag@1.1.8
    • @chakra-ui/textarea@1.1.8
    • @chakra-ui/transition@1.2.2
    • @chakra-ui/visually-hidden@1.0.11

Don't miss a new chakra-ui release

NewReleases is sending notifications on new releases.