v1.6.8.mdx

title	description	releaseUrl	releaseDate	version
Version 1.6.8	Explore the changelog for Chakra UI version 1.6.8. Learn about the latest features, bug fixes, and improvements.	chakra-ui#4668	September 20, 2021	1.6.8

@chakra-ui/[email protected]

Minor Changes

• 8c61e75ec #3837 Thanks @mcha-dev! - Drawer: Add support for RTL-aware placement values. You can now pass start and end values. The drawer will use left/right placement depending on the specified theme.direction value.

Patch Changes

• c1d1029bc Thanks @segunadebayo! - Drawer: omit the motionPreset prop type since Drawer only implements the Slide transition, unlike Modal that allows you switch its motion preset.

@chakra-ui/[email protected]

Minor Changes

• 4146a9051 #3837 Thanks @mcha-dev! - usePopper now accepts a direction prop so it can handle placement for RTL languages. Values such as top-start, top-end, bottom-start and bottom-end will be flipped depending on the theme's direction value.

  In addition to the default popper.js placement, you can pass start-start, start-end, end-start and end-end. This will resolve to the equivalent popper.js placement as well.

@chakra-ui/[email protected]

Minor Changes

• 74fada62b #3837 Thanks @mcha-dev! - Add RTL support by using the theme's direction ("ltr" or "rtl") to set the default isReversed property when the orientation is horizontal

@chakra-ui/[email protected]

Minor Changes

• 347294426 #3837 Thanks @mcha-dev! - Add support for RTL-aware position values. You can now use top-start, top-end, bottom-start and bottom-end values. The toast will flip depending on the direction provided in the theme.

Patch Changes

• Updated dependencies [09577b088]

@chakra-ui/[email protected]

Patch Changes

• a096ccdde #4721 Thanks @chasinhues! - Add missing breadcrumb part

• a02b0de8b Thanks @segunadebayo! - Add container part to checkbox

• Updated dependencies [09577b088]:

  • @chakra-ui/[email protected]

@chakra-ui/[email protected]

Patch Changes

• 93c99bdd7 Thanks @segunadebayo! - Fix issue where avatar blinks during API call due to its fallback logic. You can disable the fallback logic by setting ignoreFallback, just like you can with the Image component
• Updated dependencies [a1ca91b76, 11eebac4c]

@chakra-ui/[email protected]

Patch Changes

• 87ffdd1cb Thanks @segunadebayo! - Fix issue where composing Button with framer-motion's motion factory breaks animation/transition

@chakra-ui/[email protected]

Patch Changes

• 726105acb Thanks @segunadebayo! - Add state data-* attributes to the checkbox container to allow user style the _checked, _invalid and _disabled states

@chakra-ui/[email protected]

Patch Changes

• a1ca91b76 Thanks @segunadebayo! - Fix issue where onload doesn't get called when using srcset

• 11eebac4c #4659 Thanks @takethefake! - If the user doesn't provide a fallbackSrc or a fallback ignoreFallback is applied by default

@chakra-ui/[email protected]

Patch Changes

• 19d9abe75 #4691 Thanks @segunadebayo! - Fix issue where keyboard navigation doesn't work when MenuButton isn't rendered. This is useful in scenarios where you want the menu to be triggered by a command or right-click.
• Updated dependencies [4146a9051]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [4146a9051]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [09577b088]

@chakra-ui/[email protected]

Patch Changes

• 17c84be66 Thanks @segunadebayo! - - Resolve dependency issues caused by previous release
  • Add ChakraProviderProps type what was removed in previous release

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [09577b088, 726105acb, 74fada62b, 8c61e75ec, a1ca91b76, 4146a9051, 93c99bdd7, 347294426, 11eebac4c, 17c84be66, c1d1029bc, 19d9abe75, 87ffdd1cb, fba77bf32]

@chakra-ui/[email protected]

Patch Changes

• fba77bf32 #4660 Thanks @takethefake! - The disabled state of the SelectIcon can be reflected by a disabled FormControl or by the isDisabled-flag of the select field

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [726105acb]

@chakra-ui/[email protected]

Patch Changes

• 09577b088 #4708 Thanks @hiroppy! - Replace tinycolor2 with @ctrl/tinycolor to get better tree-shaking benefits

• Updated dependencies [09577b088, a096ccdde, a02b0de8b]

@chakra-ui/[email protected]

Patch Changes

• 09577b088 #4708 Thanks @hiroppy! - Replace tinycolor2 with @ctrl/tinycolor to get better tree-shaking benefits

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [4146a9051]

@chakra-ui/[email protected]

Patch Changes

• c96f44e16 #4725 Thanks @TimKolberger! - Fixed an issue where the CLI did not resolve custom tsconfig paths.

  🚨 Please note that only the first alias target from the string array will be resolved.

  // tsconfig.json
  {
    //...
    compilerOptions: {
      baseUrl: "src",
      paths: {
        "@alias/*": ["target/*"],
        //           ^-- only the first target will be resolved
      },
    },
  }

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Minor Changes

• 3612559a7 #4687 Thanks @lazarnikolov94! - Added egghead course banner in Getting Started page

Patch Changes

• Updated dependencies [09577b088, c96f44e16]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies