remove `chakra-*` class names from prod builds

I’ve noticed that in Prod builds chakra- classes are being added, but they are not being used. So why would we need them especially in Prod builds?

I think having an option to remove them make sense, i feel now that cluttering html classes with this, especially considering they are not being used and just there.

[with-heart]

does this help to target them when in this example i already see two elements with same class name

Yes, this is fairly traditional css behavior. Like most other things, we can’t predict what users will or won’t need to target or how they do the targeting, but this at least gives them the option to do so.

Gonna close this as a duplicate of #2229. You should be able to achieve this in your own build process using babel-plugin-react-remove-classname or something similar.

[bbcntolga]

@with-heart Maybe this should be a issue to think about. There should be an easy integrated way in chakra to replace the “chakra” prefix with some other string.