Version 2.8.0

v2.8.0

@chakra-ui/accordion@2.3.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/alert@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/anatomy@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

• #7756 119a52932 Thanks @jrolfs! - Add group part to inputAnatomy

Patch Changes#

• #7791 d6036930a Thanks @Mitelak! - Allow styling MenuIcon as part of Menu theme

@chakra-ui/avatar@2.3.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• #7826 122d53c92 Thanks @cranium! - Pass referrerPolicy to AvatarImage instead of keeping it on the parent span

• Updated dependencies [754d9d4f4]

@chakra-ui/breadcrumb@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/button@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/card@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/checkbox@2.3.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• 8254cc913 Thanks @segunadebayo! - Fix issue where switch thumb state can't be styled with pseudo props.

• #7829 ddfd11632 Thanks @bparish628! - use addEventListener for form resets instead of overriding the onreset form function.

• Updated dependencies [754d9d4f4]

@chakra-ui/clickable@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/close-button@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/color-mode@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/control-box@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/counter@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/css-reset@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/descendant@3.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/editable@3.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-env@3.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/focus-lock@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/form-control@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/icon@3.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/icons@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/image@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/input@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• #7756 119a52932 Thanks @jrolfs! - Fix InputElement and InputAddon sizing when using a responsive size value for InputGroup.

  Note: this requires changes in the latest @chakra-ui/theme or, for custom themes, sizes to be driven with CSS variables. See the default theme for an example.

• Updated dependencies [754d9d4f4]

@chakra-ui/layout@2.3.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/live-region@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/media-query@3.3.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• #7793 4b88b6c71 Thanks @owjs3901! - Support null value in useBreakpointValue hook

• Updated dependencies [754d9d4f4]

@chakra-ui/menu@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• #7791 d6036930a Thanks @Mitelak! - Allow styling MenuIcon as part of Menu theme

• Updated dependencies [754d9d4f4]

@chakra-ui/modal@2.3.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/number-input@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/pin-input@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/popover@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• #7858 6ae02e93f Thanks @BaBa0525! - Clarify the usage of openDelay and closeDelay properties of Popover component
• Updated dependencies [754d9d4f4]

@chakra-ui/popper@3.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/portal@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/progress@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/provider@2.4.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/radio@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react@2.8.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [4b88b6c71, 119a52932, 2a7189d80, 0d99f5180, 122d53c92, 8254cc913, 119a52932, 6ae02e93f, 00a06704e, ddfd11632, f65421e18, d6036930a, 754d9d4f4]

@chakra-ui/select@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/skeleton@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [4b88b6c71, 754d9d4f4]

@chakra-ui/skip-nav@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/slider@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/spinner@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/stat@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/stepper@2.3.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/switch@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• 8254cc913 Thanks @segunadebayo! - Fix issue where switch thumb state can't be styled with pseudo props.

• Updated dependencies [8254cc913, ddfd11632, 754d9d4f4]

@chakra-ui/table@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/tabs@2.2.0#

Minor Changes#

• #7706 2a7189d80 Thanks @kylebustard! - Updates the UseTabOptions interface, potentially affecting code using useTab() or <Tab /> components:

  • Removes the following unused fields: id, panelId, and isSelected.
  • Adds the field isFocusable which was being directly accessed and used, but was not explicitly typed or documented.
  • Adds the default value of false for isDisabled and isFocusable. The former was documented as defaulting to false, but both were defaulting to undefined.

  Please review your codebase to ensure compatibility with these changes.

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/tag@3.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/textarea@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/theme@3.2.0#

Minor Changes#

• #7756 119a52932 Thanks @jrolfs! - Move all Input size styles to CSS variables and apply them to both the field part and the new group part so that said variables are available to both the field and elements/addons within an InputGroup.

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• #7854 f65421e18 Thanks @TylerAPfledderer! - Revert getColorVar usage to getColor

• #7791 d6036930a Thanks @Mitelak! - Allow styling MenuIcon as part of Menu theme

• Updated dependencies [d6036930a, 754d9d4f4, 119a52932]

@chakra-ui/theme-tools@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [d6036930a, 754d9d4f4, 119a52932]

@chakra-ui/toast@7.0.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• 0d99f5180 Thanks @segunadebayo! - Fix issue where toast provider region doesn't have a label

• Updated dependencies [119a52932, f65421e18, d6036930a, 754d9d4f4]

@chakra-ui/tooltip@2.3.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• #7792 00a06704e Thanks @jeferson-sb! - Fix tooltip prevent onClose to get fired on tooltip opened

• Updated dependencies [754d9d4f4]

@chakra-ui/transition@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/visually-hidden@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/system@2.6.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-context@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/react-use-animation-state@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-callback-ref@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/react-use-controllable-state@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-disclosure@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-event-listener@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-focus-effect@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-focus-on-pointer-down@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-interval@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-latest-ref@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/react-use-merge-refs@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/react-use-outside-click@2.2.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-pan-event@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-previous@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/react-use-safe-layout-effect@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/react-use-size@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/react-use-timeout@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

Patch Changes#

• Updated dependencies [754d9d4f4]

@chakra-ui/react-use-update-effect@2.1.0#

Minor Changes#

• 754d9d4f4 Thanks @segunadebayo! - To improve support for the App Router, all components and hooks are exported with the "use client" directive.

@chakra-ui/next-js@2.1.5#

Patch Changes#

• e16ee11eb Thanks @segunadebayo! - Fix issue where DOM image props are not forwarded to Image component

@chakra-ui/theme-utils@2.0.19#

Patch Changes#

• Updated dependencies [119a52932, f65421e18, d6036930a, 754d9d4f4]

@chakra-ui/storybook-addon@5.0.1#

Patch Changes#

• #7820 a0144a1d8 Thanks @TylerAPfledderer! - Improve build and exports

  • Export a preview object containing the provider decorator
  • Modify tsup config for improved build and to generate .dts files for prod
  • Use up-to-date decorator function type for Provider decorator
    • Turns the first argument for the story into a function which returns the preview.

@chakra-ui/test-utils@2.0.43#

Patch Changes#

• Updated dependencies [119a52932, f65421e18, d6036930a, 754d9d4f4]