Version 2.8.1

v2.8.1

@chakra-ui/tabs@3.0.0#

Major Changes#

• #7882 065fd24c7 Thanks @vennilamahalingam! - Distored UI when device orientation or width is changed - On changing the device width and change of device orientation, the tab indicator element which is position absolute aligns realtive to the outer container element.

  Hence, the position of immediate parent(tabs) is set to relative in this fix.This makes sure, if the orientation changes the tab indicator is aligned relative to its parent.

Patch Changes#

• Updated dependencies

@chakra-ui/css-reset@2.3.0#

Minor Changes#

• 3aaf0c3b1 Thanks @segunadebayo! - [POTENTIAL BREAKING CHANGE] Remove export defaults and favor of named exports.

  - import theme from "@chakra-ui/theme"
  + import { theme } from "@chakra-ui/theme"

  copy

  - import Icon from "@chakra-ui/icon"
  + import { Icon } from "@chakra-ui/icon"

  copy

  - import CSSReset from "@chakra-ui/css-reset"
  + import { CSSReset } from "@chakra-ui/css-reset"

  copy

  - import VisuallyHidden from "@chakra-ui/visually-hidden"
  + import { VisuallyHidden } from "@chakra-ui/visually-hidden"

  copy

@chakra-ui/icon@3.2.0#

Minor Changes#

• 3aaf0c3b1 Thanks @segunadebayo! - [POTENTIAL BREAKING CHANGE] Remove export defaults and favor of named exports.

  - import theme from "@chakra-ui/theme"
  + import { theme } from "@chakra-ui/theme"

  copy

  - import Icon from "@chakra-ui/icon"
  + import { Icon } from "@chakra-ui/icon"

  copy

  - import CSSReset from "@chakra-ui/css-reset"
  + import { CSSReset } from "@chakra-ui/css-reset"

  copy

  - import VisuallyHidden from "@chakra-ui/visually-hidden"
  + import { VisuallyHidden } from "@chakra-ui/visually-hidden"

  copy

@chakra-ui/theme@3.3.0#

Minor Changes#

• 3aaf0c3b1 Thanks @segunadebayo! - [POTENTIAL BREAKING CHANGE] Remove export defaults and favor of named exports.

  - import theme from "@chakra-ui/theme"
  + import { theme } from "@chakra-ui/theme"

  copy

  - import Icon from "@chakra-ui/icon"
  + import { Icon } from "@chakra-ui/icon"

  copy

  - import CSSReset from "@chakra-ui/css-reset"
  + import { CSSReset } from "@chakra-ui/css-reset"

  copy

  - import VisuallyHidden from "@chakra-ui/visually-hidden"
  + import { VisuallyHidden } from "@chakra-ui/visually-hidden"

  copy

Patch Changes#

• #7936 58e059d18 Thanks @yukukotani! - Remove "use client" directive since they are pure JS packages.

• #7690 6526e9be8 Thanks @Vija02! - Fix issue where zIndex of DrawerOverlay creates incorrect stacking order when multiple drawers are used.

• Updated dependencies [58e059d18]

@chakra-ui/visually-hidden@2.2.0#

Minor Changes#

• 3aaf0c3b1 Thanks @segunadebayo! - [POTENTIAL BREAKING CHANGE] Remove export defaults and favor of named exports.

  - import theme from "@chakra-ui/theme"
  + import { theme } from "@chakra-ui/theme"

  copy

  - import Icon from "@chakra-ui/icon"
  + import { Icon } from "@chakra-ui/icon"

  copy

  - import CSSReset from "@chakra-ui/css-reset"
  + import { CSSReset } from "@chakra-ui/css-reset"

  copy

  - import VisuallyHidden from "@chakra-ui/visually-hidden"
  + import { VisuallyHidden } from "@chakra-ui/visually-hidden"

  copy

@chakra-ui/accordion@2.3.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/alert@2.2.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/anatomy@2.2.1#

Patch Changes#

• #7936 58e059d18 Thanks @yukukotani! - Remove "use client" directive since they are pure JS packages.

@chakra-ui/checkbox@2.3.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/close-button@2.1.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/form-control@2.1.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/icons@2.1.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/input@2.1.1#

Patch Changes#

• Updated dependencies

@chakra-ui/layout@2.3.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/menu@2.2.1#

Patch Changes#

• 0b2c4049f Thanks @segunadebayo! - Fix issue where menu item causes page scroll unneccessarily

• Updated dependencies

@chakra-ui/modal@2.3.1#

Patch Changes#

• #7962 eb477b6e8 Thanks @backy22! - Added "slideInTop" and "slideInLeft" options in motionPreset prop in modal component
• Updated dependencies

@chakra-ui/number-input@2.1.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/popover@2.2.1#

Patch Changes#

• Updated dependencies

@chakra-ui/provider@2.4.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/radio@2.1.1#

Patch Changes#

• Updated dependencies

@chakra-ui/react@2.8.1#

Patch Changes#

• Updated dependencies [63431c1ef, 58e059d18, 6526e9be8, eb477b6e8, 065fd24c7, 3aaf0c3b1, 0b2c4049f]

@chakra-ui/select@2.1.1#

Patch Changes#

• Updated dependencies

@chakra-ui/stat@2.1.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/stepper@2.3.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/switch@2.1.1#

Patch Changes#

• Updated dependencies

@chakra-ui/tag@3.1.1#

Patch Changes#

• Updated dependencies [3aaf0c3b1]

@chakra-ui/textarea@2.1.1#

Patch Changes#

• Updated dependencies

@chakra-ui/theme-tools@2.1.1#

Patch Changes#

• #7936 58e059d18 Thanks @yukukotani! - Remove "use client" directive since they are pure JS packages.

• Updated dependencies [58e059d18]

@chakra-ui/toast@7.0.1#

Patch Changes#

• Updated dependencies [58e059d18, 6526e9be8, 3aaf0c3b1]

@chakra-ui/system@2.6.1#

Patch Changes#

• Updated dependencies

@chakra-ui/hooks@2.2.1#

Patch Changes#

• 63431c1ef Thanks @segunadebayo! - Fix issue with use client directive in next.js

@chakra-ui/theme-utils@2.0.20#

Patch Changes#

• Updated dependencies [58e059d18, 6526e9be8, 3aaf0c3b1]

@chakra-ui/test-utils@2.0.44#

Patch Changes#

• Updated dependencies [58e059d18, 6526e9be8, 3aaf0c3b1]