RCPCH Chart - Global styles are not encapsulated to component - v7.0.12

[dmc-cambric]

Hi Team,

Got another small issue with the font import changes. When the RCPCHChart component is rendered on the screen, its font is applied to other elements in our web app outside of the RCPCH component.

I think the source of the issue is the createGlobalStyle function from styled-components, I believe that when RCPCHChart component is mounted, the font styles applied to the header and body tags are applied globally to the DOM, and thus across our app.

Could these styles be changed instead to apply to tags within a wrapper div element so there's no overlap when using the component?

createGlobalStyle func:

digital-growth-charts-react-component-library/src/RCPCHChart/RCPCHChart.tsx

Line 56 in 5c6b367

h1, h2, h3, h4, h5, h6 {

In app example:

[mbarton]

Thanks for the report and sorry for the delayed acknowledgement @dmc-cambric - we are working on this