Replace deprecated Grafana SCSS styles

[ashharrison90]

Hi from the Grafana team 👋

In Grafana 12, we'll be removing Angular support. As part of that, we'll also be removing a lot of legacy CSS classes. It looks like this plugin relies on one of these classes:

• grafana-info-box
• alert
• alert-error

The CSS class names that Grafana provides can change at any time and should not be relied on as a stable external API. The recommendation would be to either:

• Use an existing component from the component library at @grafana/ui
  • in this case, you could use the <Alert severity="info" /> component directly
• Use the theme object with emotion to style your components. The theme object is a stable API that is maintained according to SemVer.
• Apply these styles yourself within this repo. You can find the existing styles here as a reference.

Thanks again for your contributions and support! 🙌

[lcc3108]

Thank you for letting me know in advance. I understand that it is available until Grafana 11, and I will update it until 12.

Thank you.

[ashharrison90]

yep you've got plenty of time, and should be a very quick replacement 👍