[Toggle] Fix elementStyle prop not being used and tests to prove

[mkralla11]

• PR has tests / docs demo, and is linted.
• Commit and PR titles begin with [ComponentName], and are in imperative form: "[Component] Fix leaky abstraction".
• Description explains the issue / use-case resolved, and auto-closes the related issue(s) (http://tr.im/vFqem).

Toggle component elementStyle prop was not being used due to this and this.

The test I provided fails before my change, and passes after, respectively.

[oliviertassinari]

I don't understand the use case, why not using the iconStyle property?

[mkralla11]

Looking at the source code, what is the point of elementStyle then? it simply gets disregarded as pointed out in the original links of the description of my PR. I see now that wrapStyles is being extended by iconStyles here and then used here, but why even have elementStyle in the source code - or even bother documenting it? I feel like references to elementStyle should be removed if they are not being used. Please let me know if you would rather me take that route (If so, I can update my test to utilize the iconStyle prop instead and remove references to elementStyle).

Let me know and thanks for you time on this. I was a little concerned when using elementStyle resulted in no altered styling.

[oliviertassinari]

@mkralla11 I wouldn't worry that much about the v0.x version. We have been reimplementing it from scratch on the v1 version. From my perspective, it's legacy. As long as we don't introduce regression, I'm fine.

[mkralla11]

I'm going to close this then. iconStyle will suffice like you said. If I (or someone else) has time, at least removing elementStyle from the documentation could ease the pain of anyone else trying to debug this. Thanks again!

[oliviertassinari]

@mkralla11 Sounds great :)