Allow the use of a class for the non highlighted

[danvc]

There is a issue that doesn’t allow the user use a specific class for
the elements that has no highlighted texts.

[bvaughn]

className is already used for the top level <span className={className}>

[danvc]

Yes, but it should be applied to the children as well, don you think?

It's creating

<span class="my-parent-class">
  <span>xxx</span>
  <mark>y</mark>
  <span>zzz</span>
</span>

The main idea is that the user would not need to create extra classes, but, inherit it from the actual implementation.

[bvaughn]

Yes, but it should be applied to the children as well, don you think?

That would limit what you're able to do with the class. 😕 Plus it wouldn't be a backwards-compatible change.

[danvc]

how about a new prop name?

Please, take a look in the new implementation.

[bvaughn]

Hm. I guess I don't object, although I think inactive is probably better than nonActive

The props docs would also need to be updated.

[danvc]

I believe that now it's correct @bvaughn

[danvc]

Thank you so much Brian. You did a great job!

[bvaughn]

Cool. Thanks for the contribution. 😄

I apologize, but last night when you opened this PR I was watching TV with my wife and I didn't give the property name we discussed enough thought. activeClassName isn't the property this is the opposite of. Actually it's the opposite of highlightClassName so this property should have been named something more like unhighlightClassName. I've gone ahead and renamed after merging your PR and updated the docs.

This feature is out as v0.8.0!