[Feat] Add reverse_color argument to kpi_card_reference

[huong-li-nguyen]

Description

When we initially created the KPI card functions, we were already thinking about incorporating the reverse_color argument. Back then we decided to keep the API small and see whether it's even requested.

It has been recently requested and is actually fairly simple to implement, so we've decided to introduce the argument now. See #976 for context.

• Enable reverse_color argument
• Update docs
• Update unit tests
• Update e2e component test in pure Dash app
• Update kpi screenshot tests in qa repo: https://github.com/mckinsey/vizro-qa/pull/160

Screenshot

Notice

• I acknowledge and agree that, by checking this box and clicking "Submit Pull Request":

  • I submit this contribution under the Apache 2.0 license and represent that I am entitled to do so on behalf of myself, my employer, or relevant third parties, as applicable.
  • I certify that (a) this contribution is my original creation and / or (b) to the extent it is not my original creation, I am authorized to submit this contribution on behalf of the original creator(s) or their licensees.
  • I certify that the use of this contribution as authorized by the Apache 2.0 license does not violate the intellectual property rights of anyone else.
  • I have not referenced individuals, products or companies in any commits, directly or indirectly.
  • I have not added data or restricted code in any commits, directly or indirectly.

[github-actions]

View the example dashboards of the current commit live on PyCafe ☕ 🚀

Updated on: 2025-02-05 14:50:00 UTC
Commit: 46dafe1

Link: vizro-core/examples/dev/

Link: vizro-core/examples/scratch_dev

Link: vizro-core/examples/visual-vocabulary/

Link: vizro-ai/examples/dashboard_ui/

[petar-qb]

I enjoy reviewing your PRs 😄. This looks perfect!

[antonymilne]

Perfect! 💯

Should @l0uden update his tests to include this? I think he may have tests for KPI cards as components in a pure Dash app and within vizro.

[huong-li-nguyen]

Perfect! 💯

Should @l0uden update his tests to include this? I think he may have tests for KPI cards as components in a pure Dash app and within vizro.

I can just extend his tests 👍 Give me a sec, will update the screenshots as well.