v1.7.3.mdx

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.	chakra-ui#5186	December 9, 2021	1.7.3

@chakra-ui/[email protected]

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/[email protected]

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/[email protected]

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/[email protected]

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

• #4970 73235af10 Thanks @giuseppelt! - Fix issue where bgGradient parser doesn't work when a position is specified

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

• #5192 a1d5e7bfa Thanks @selrond! - Fixed issue where multi-value inset property doesn't work.

@chakra-ui/[email protected]

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/[email protected]

Patch Changes

• Updated dependencies [39846457e, 17400aff6]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [17400aff6]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [17400aff6]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [17400aff6]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [17400aff6]

@chakra-ui/[email protected]

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/[email protected]

Patch Changes

• #5135 53e2df4f9 Thanks @primos63! - Improved performance and behavior of useMediaQuery hook.

@chakra-ui/[email protected]

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/[email protected]

Patch Changes

• Updated dependencies [39846457e]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [17400aff6]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [586eb6090]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• #5133 6efe10f21 Thanks @yoannfleurydev! - Update storybook url configuration for @chakra-ui/react to https://storybook.chakra-ui.com
• Updated dependencies [26d2a547b, cd0b7996b, ba76b8125, d139cc151, 586eb6090, f565841c6, f15099adc, 98b9fbecb, c20aa919e, 53e2df4f9, b4decca9a, 39846457e, f4fd9441e, 17400aff6]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [586eb6090, 53e2df4f9]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [17400aff6]

@chakra-ui/[email protected]

Patch Changes

• #5117 586eb6090 Thanks @primos63! - Allow retrieving breakpoint tokens when using useToken

• Updated dependencies [26d2a547b, 73235af10, f15099adc, a1d5e7bfa]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [17400aff6]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

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

@chakra-ui/[email protected]

Patch Changes

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

@chakra-ui/[email protected]

Patch Changes

• #5130 39846457e Thanks @georgekrax! - Fixed issue where the ref of Slider returns null due to prop override

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [26d2a547b, 73235af10, 6efe10f21, f15099adc, a1d5e7bfa]

[email protected]

Patch Changes

• Updated dependencies [6efe10f21]

[email protected]

Patch Changes

• Updated dependencies [6efe10f21]

[email protected]

Patch Changes

• Updated dependencies [6efe10f21]

[email protected]

Patch Changes

• Updated dependencies [6efe10f21]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [6efe10f21]