[CSSReset] When resetCSS is false, Chakra is still overriding body styles

🐛 Bug report

I have resetCSS set to false in my chakra provider, but I’m still getting body styles overridden by chakra.

💥 Steps to reproduce

1. Set resetCSS to false in the chakra provider.
2. Check the styling for a piece of text and see that it’s still getting body styling from chakra.

💻 Link to reproduction

Please create a minimal reproduction in CodeSandbox https://codesandbox.io/s/strange-dhawan-phri5?file=/src/App.tsx

🧐 Expected behavior

Either the body styles shouldn’t be overridden, or there should be a way to prevent this.

🌍 System information

Software	Version(s)
Chakra UI	1.0.3
Browser	Chrome
Operating System	MacOS

📝 Additional information

[bazookanu]

Agree with @nahumzs- my use case is to inject a chat component into existing web pages. So I’d like to restrict Chakra CSS to that component only.

[nahumzs]

I have been testing chackra in a prototype for some time now, I honestly can’t understand how a simple component like the Box component will inject so many global styles and resets, IMHO Styles within the scope of a UI library should be agnostic and specific to the component that you want to use, having this global concept of styles plus forcing a reset in an application decrease heavily the chances for a serious application to adopt chackra partially.

Pretty much at this point is all in with chakra you adopt it or you don’t, also even if you adopt it I can see many conflicts with third party components that you might want to use in your application, this can be brutal if you don’t have access to the styles for third party components. 😦

It would be great to have a function like:

import { avoidCSSInjection } from "@chackra-ui/core"

avoidCSSInjection()

And prevent this from happening.