[EuiBadge] Fix the inline styles being wiped by consumer passed styles

[tiaanduplessis]

Summary

Closes #3282 where the inline styles for EuiBadge are being wiped by consumer passed inline styles.

Checklist

• Check against all themes for compatibility in both light and dark modes
• [ ] Checked in mobile
• Checked in IE11 and Firefox
• [ ] Props have proper autodocs
• [ ] Added documentation examples
• Added or updated jest tests
• [ ] Checked for breaking changes and labeled appropriately
• [ ] Checked for accessibility including keyboard-only and screenreader modes
• A changelog entry exists and is marked appropriately

[kibanamachine]

Since this is a community submitted pull request, a Jenkins build has not been kicked off automatically. Can an Elastic organization member please verify the contents of this patch and then kick off a build manually?

[cla-checker-service]

💚 CLA has been signed

[elizabetdev]

jenkis test this

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3284/

[thompsongl]

jenkins test this

[cchaos]

Welcome @tiaanduplessis !! Thanks for taking on this issue.

I'm running it locally to test and added a custom border style via the style prop on the first example. It looks like most of them are working properly except for the hollow color. I think it has to do with the if/then logic that only applies the style if optionalCustomStyles exists.

You'll need to add to make sure that the style prop get passed to the element in the case that optionalCustomStyles is null.

---

I have also update the checklist in the PR summary of items that should still be checked/added, even though it's such a small change. Since this is a bug fix we need to ensure we don't re-create the bug again.

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3284/

[tiaanduplessis]

Hi @cchaos 👋

I've made updates for the case that optionalCustomStyles is null. I'll take a look at the other checklist items as soon as possible.

[tiaanduplessis]

Tested on Firefox 75.0

[cchaos]

retest

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3284/

[cchaos]

This is great! Thanks @tiaanduplessis! I'll commit the Changelog suggestion for you and get this merged. 🥇

[cchaos]

retest

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_3284/

[tiaanduplessis]

Awesome! Thanks @cchaos