Skip to content

Latest commit

 

History

History
463 lines (340 loc) · 16.7 KB

v1.7.3.mdx

File metadata and controls

463 lines (340 loc) · 16.7 KB
title description releaseUrl releaseDate version
Version 1.7.3
Explore the changelog for Chakra UI version 1.7.3. Learn about the latest features, bug fixes, and improvements.
December 9, 2021
1.7.3

@chakra-ui/icon@2.0.0

Major Changes

  • #5129 17400aff6 Thanks @zgid123! - Auto assign key when passing array of paths to createIcon

    const HeartIcon = createIcon({
  displayName: "HeartIcon",
  path: [<path stroke="none" d="..." fill="none" />, <path d="..." />],
})

@chakra-ui/layout@1.6.0

Minor Changes

  • #5123 26d2a547b Thanks @TimKolberger! - Add support for style props gap, columnGap and rowGap. Those CSS properties are valid in a grid or flex context

    For further information see MDN Docs

Patch Changes

  • f565841c6 Thanks @segunadebayo! - Fix TS issue with Grid component due to the native gap, rowGap and columnGap we added to styled system.
  • Updated dependencies [17400aff6]:
    • @chakra-ui/icon@2.0.0

@chakra-ui/popover@1.11.0

Minor Changes

  • #5044 f4fd9441e Thanks @dodas! - Add PopoverAnchor component which allows you to set the Popover reference point without acting as a trigger.

    <Popover>
  {/* triggers the popover to open/close */}
  <PopoverTrigger>
    <button>Trigger</button>
  </PopoverTrigger>
  {/* popover will be positioned relative to this */}
  <PopoverAnchor>
    <Box width="40px" height="40px" />
  </PopoverAnchor>
  <PopoverContent>Hello World</PopoverContent>
</Popover>

Patch Changes

  • cd0b7996b Thanks @segunadebayo! - Fix issue where enabled TS type was exposed to popover and menu from UsePopperProps. This was resolved by omitting enabled from the type

  • #4877 d139cc151 Thanks @noyanyan! - Fix issue where Popover will be display:none when inner element focused.

  • Updated dependencies []:

    • @chakra-ui/close-button@1.2.2

@chakra-ui/styled-system@1.15.0

Minor Changes

  • #5123 26d2a547b Thanks @TimKolberger! - Add support for style props gap, columnGap and rowGap. Those CSS properties are valid in a grid or flex context

    For further information see MDN Docs

Patch Changes

@chakra-ui/toast@1.5.0

Minor Changes

  • #4922 98b9fbecb Thanks @karrui! - The toast function now exposes a containerStyle property you can use to override the default styles for the toast container.

    function Example() {
  // Via instantiation
  const toast = useToast({
    position: "top",
    title: "Container style is customizable",
    containerStyle: {
      maxWidth: "100%",
    },
  })

  // Or via trigger
  return (
    <Button
      onClick={() => {
        toast({
          containerStyle: {
            maxWidth: "100%",
          },
        })
      }}
    >
      Click me to show toast with custom container style.
    </Button>
  )
}

Patch Changes

  • b4decca9a Thanks @segunadebayo! - Fix TS issue with toast placement utility

  • Updated dependencies [f15099adc, 39846457e]:

    • @chakra-ui/theme@1.12.2
    • @chakra-ui/transition@1.4.2
    • @chakra-ui/alert@1.3.2
    • @chakra-ui/close-button@1.2.2

@chakra-ui/accordion@1.4.2

Patch Changes

  • Updated dependencies [39846457e, 17400aff6]:
    • @chakra-ui/transition@1.4.2
    • @chakra-ui/icon@2.0.0

@chakra-ui/alert@1.3.2

Patch Changes

  • Updated dependencies [17400aff6]:
    • @chakra-ui/icon@2.0.0

@chakra-ui/close-button@1.2.2

Patch Changes

  • Updated dependencies [17400aff6]:
    • @chakra-ui/icon@2.0.0

@chakra-ui/form-control@1.5.2

Patch Changes

  • Updated dependencies [17400aff6]:
    • @chakra-ui/icon@2.0.0

@chakra-ui/icons@1.1.2

Patch Changes

  • Updated dependencies [17400aff6]:
    • @chakra-ui/icon@2.0.0

@chakra-ui/input@1.3.2

Patch Changes

  • #5106 ba76b8125 Thanks @anubra266! - Fixed an issue where InputGroup passes undefined size and variant props which overrides the ones defined by default in a custom Input component.
  • Updated dependencies []:
    • @chakra-ui/form-control@1.5.2

@chakra-ui/media-query@1.2.2

Patch Changes

@chakra-ui/menu@1.8.2

Patch Changes

  • cd0b7996b Thanks @segunadebayo! - Fix issue where enabled TS type was exposed to popover and menu from UsePopperProps. This was resolved by omitting enabled from the type
  • Updated dependencies [39846457e]:
    • @chakra-ui/transition@1.4.2

@chakra-ui/modal@1.10.2

Patch Changes

  • Updated dependencies [39846457e]:
    • @chakra-ui/transition@1.4.2
    • @chakra-ui/close-button@1.2.2

@chakra-ui/number-input@1.3.2

Patch Changes

  • Updated dependencies [17400aff6]:
    • @chakra-ui/icon@2.0.0
    • @chakra-ui/form-control@1.5.2

@chakra-ui/provider@1.7.3

Patch Changes

  • Updated dependencies [586eb6090]:
    • @chakra-ui/system@1.8.3

@chakra-ui/radio@1.4.3

Patch Changes

  • Updated dependencies []:
    • @chakra-ui/form-control@1.5.2

@chakra-ui/react@1.7.3

Patch Changes

@chakra-ui/select@1.2.2

Patch Changes

  • Updated dependencies []:
    • @chakra-ui/form-control@1.5.2

@chakra-ui/skeleton@1.2.3

Patch Changes

  • Updated dependencies [586eb6090, 53e2df4f9]:
    • @chakra-ui/system@1.8.3
    • @chakra-ui/media-query@1.2.2

@chakra-ui/stat@1.2.2

Patch Changes

  • Updated dependencies [17400aff6]:
    • @chakra-ui/icon@2.0.0

@chakra-ui/system@1.8.3

Patch Changes

@chakra-ui/tag@1.2.2

Patch Changes

  • Updated dependencies [17400aff6]:
    • @chakra-ui/icon@2.0.0

@chakra-ui/textarea@1.2.2

Patch Changes

  • Updated dependencies []:
    • @chakra-ui/form-control@1.5.2

@chakra-ui/theme@1.12.2

Patch Changes

  • f15099adc Thanks @segunadebayo! - Fix issue where tokens autocomplete don't show up anymore except user runs the cli command.

@chakra-ui/tooltip@1.4.2

Patch Changes

  • #5139 c20aa919e Thanks @mlajtos! - Prevent onKeyDown callback from de/registering on every call of useTooltip

@chakra-ui/transition@1.4.2

Patch Changes

@chakra-ui/props-docs@1.0.41

Patch Changes

create-react-app-ts@1.1.4

Patch Changes

  • Updated dependencies [6efe10f21]:
    • @chakra-ui/react@1.7.3

gatsby-starter-default@0.3.4

Patch Changes

  • Updated dependencies [6efe10f21]:
    • @chakra-ui/react@1.7.3

chakra-nextjs@1.1.4

Patch Changes

  • Updated dependencies [6efe10f21]:
    • @chakra-ui/react@1.7.3

chakra-nextjs-ts@1.1.4

Patch Changes

  • Updated dependencies [6efe10f21]:
    • @chakra-ui/react@1.7.3
    • @chakra-ui/icons@1.1.2

@chakra-ui/test-utils@1.1.3

Patch Changes

  • Updated dependencies [6efe10f21]:
    • @chakra-ui/react@1.7.3