Skip to content

Latest commit

 

History

History
663 lines (468 loc) · 26.3 KB

v1.6.6.mdx

File metadata and controls

663 lines (468 loc) · 26.3 KB
Raw
title description releaseUrl releaseDate version
Version 1.6.6
Explore the changelog for Chakra UI version 1.6.6. Learn about the latest features, bug fixes, and improvements.
August 9, 2021
1.6.6

@chakra-ui/form-control@1.4.0

Minor Changes

  • ff4dc7c38 #4317 Thanks @bhishp! - Added a container part to the FormControl component theme, allowing the root FormControl element to be themed.

    import { extendTheme } from "@chakra-ui/react"

export const theme = extendTheme({
  components: {
    Form: {
      variants: {
        // create a variant named "custom"
        custom: {
          // style the root `FormControl` element
          container: {
            color: "white",
            bg: "blue.900",
          },
        },
      },
    },
  },
})

Patch Changes

  • 4c1071969 #4437 Thanks @Toxiapo! - Remove code that was added as a workaround for pre-releases of React concurrent mode.

  • 4981d9898 #4538 Thanks @takethefake! - if an aria-describedby property is passed it will be joined with the id's from helper-text and error-message instead of being overwritten.

  • Updated dependencies [4c1071969, 43f66097b]

@chakra-ui/theme@1.10.0

Minor Changes

  • ff4dc7c38 #4317 Thanks @bhishp! - Added a container part to the FormControl component theme, allowing the root FormControl element to be themed.

    import { extendTheme } from "@chakra-ui/react"

export const theme = extendTheme({
  components: {
    Form: {
      variants: {
        // create a variant named "custom"
        custom: {
          // style the root `FormControl` element
          container: {
            color: "white",
            bg: "blue.900",
          },
        },
      },
    },
  },
})

Patch Changes

@chakra-ui/accordion@1.3.5

Patch Changes

@chakra-ui/alert@1.2.7

Patch Changes

@chakra-ui/avatar@1.2.8

Patch Changes

@chakra-ui/breadcrumb@1.2.8

Patch Changes

@chakra-ui/button@1.4.2

Patch Changes

  • bafcc39aa #4353 Thanks @dsumer! - Resolved an issue where a Button in loading state didn't consider the width of leftIcon and rightIcon, resulting in layout shifts when the button leaves the loading state. Buttons now render with the same width regardless of state.
  • Updated dependencies [4c1071969, 43f66097b]

@chakra-ui/checkbox@1.5.5

Patch Changes

@chakra-ui/clickable@1.1.7

Patch Changes

@chakra-ui/close-button@1.1.11

Patch Changes

@chakra-ui/color-mode@1.1.11

Patch Changes

@chakra-ui/control-box@1.0.15

Patch Changes

@chakra-ui/counter@1.1.8

Patch Changes

@chakra-ui/editable@1.2.8

Patch Changes

@chakra-ui/react-env@1.0.6

Patch Changes

@chakra-ui/focus-lock@1.1.10

Patch Changes

@chakra-ui/hooks@1.5.5

Patch Changes

@chakra-ui/icon@1.1.11

Patch Changes

@chakra-ui/icons@1.0.15

Patch Changes

  • Updated dependencies

@chakra-ui/image@1.0.18

Patch Changes

@chakra-ui/input@1.2.9

Patch Changes

@chakra-ui/layout@1.4.8

Patch Changes

  • a8dcdfdb6 #4452 Thanks @jamesopti! - fix(Stack): Ensure that when cloning children, their provided keys are preferred over index. This prevents them from being destroyed and recreated when a child's position in the list changes.
  • Updated dependencies [4c1071969, 43f66097b]

@chakra-ui/live-region@1.0.14

Patch Changes

@chakra-ui/media-query@1.1.2

Patch Changes

@chakra-ui/menu@1.7.2

Patch Changes

@chakra-ui/modal@1.8.10

Patch Changes

@chakra-ui/number-input@1.2.9

Patch Changes

@chakra-ui/pin-input@1.6.4

Patch Changes

@chakra-ui/popover@1.8.2

Patch Changes

@chakra-ui/portal@1.2.8

Patch Changes

@chakra-ui/progress@1.1.12

Patch Changes

@chakra-ui/radio@1.3.9

Patch Changes

@chakra-ui/react@1.6.6

Patch Changes

@chakra-ui/select@1.1.13

Patch Changes

@chakra-ui/skeleton@1.1.17

Patch Changes

@chakra-ui/skip-nav@1.1.11

Patch Changes

@chakra-ui/slider@1.2.8

Patch Changes

@chakra-ui/spinner@1.1.12

Patch Changes

@chakra-ui/stat@1.1.12

Patch Changes

@chakra-ui/styled-system@1.12.2

Patch Changes

  • 1d4b1f874 #4460 Thanks @primos63! - Corrected parseGradient function so that it checks for CSS functions.

    Previously, using the CSS calc function would result in invalid CSS being generated.

    The expectation is that

    <Heading bgGradient="linear(to-r, green.200, pink.500 calc(20px + 20px))">
  Chakra-UI: Create accessible React apps with speed
</Heading>

    functions similar to linear-gradient which handles using a CSS function

    <Heading
  bgImage="linear-gradient(
    to right,
    var(--chakra-colors-green-200)),
    var(--chakra-colors-pink-500 calc(20px + 20px))"
>
  Chakra-UI: Create accessible React apps with speed
</Heading>

  • 270b71ebb #4368 Thanks @avendiart! - Grid props type definitions now correclty reflect the implemented behavior in regard to tokens.

  • Updated dependencies [4c1071969, 43f66097b]

@chakra-ui/switch@1.2.8

Patch Changes

@chakra-ui/system@1.7.2

Patch Changes

  • d3d85956c #4511 Thanks @jrolfs! - Fix type definitions for apply prop.

    The apply prop supports responsive styles:

    // Before: type error, expects `string` for `apply`
<Text apply={{ sm: 'styles.h3', lg: 'styles.h4' }}>

// After: no type error, expects `ResponsiveValue<string>` for `apply`
<Text apply={{ sm: 'styles.h3', lg: 'styles.h4' }}>

  • Updated dependencies [4c1071969, 1d4b1f874, 270b71ebb, 43f66097b]

@chakra-ui/table@1.2.6

Patch Changes

@chakra-ui/tabs@1.5.4

Patch Changes

@chakra-ui/tag@1.1.12

Patch Changes

@chakra-ui/textarea@1.1.13

Patch Changes

@chakra-ui/theme-tools@1.1.9

Patch Changes

@chakra-ui/toast@1.2.10

Patch Changes

@chakra-ui/tooltip@1.3.9

Patch Changes

@chakra-ui/transition@1.3.4

Patch Changes

@chakra-ui/utils@1.8.2

Patch Changes

@chakra-ui/visually-hidden@1.0.14

Patch Changes

@chakra-ui/props-docs@1.0.31

Patch Changes

@chakra-ui/test-utils@1.0.31

Patch Changes

  • Updated dependencies

@chakra-ui/docs@1.3.2

Patch Changes

  • f5d7a458b #4493 Thanks @takethefake! - - Migrated from next-mdx-enhanced to next-mdx-remote
    • Generate Headings from mdx before rendering instead of rendered React.Element
    • removed getUserData generation if there is an author mentioned in frontmatter because we partially ran into rate limits from octokit/rest but didn't used the data at all
  • Updated dependencies [4c1071969, 43f66097b]