From 1ef3d23581b9c384422aba8f9b20f4e0f19202b7 Mon Sep 17 00:00:00 2001
From: Kevin Silva <kevin.silva@sonarsource.com>
Date: Fri, 22 Dec 2023 09:28:46 +0100
Subject: [PATCH] SONAR-21311 - Portfolio overview change main card to MIUI

---
 .../sonar-web/design-system/src/components/DonutChart.tsx  | 2 +-
 server/sonar-web/design-system/src/components/index.ts     | 1 +
 server/sonar-web/design-system/src/theme/light.ts          | 7 +++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/server/sonar-web/design-system/src/components/DonutChart.tsx b/server/sonar-web/design-system/src/components/DonutChart.tsx
index 883b258c714..2c916ebe7cd 100644
--- a/server/sonar-web/design-system/src/components/DonutChart.tsx
+++ b/server/sonar-web/design-system/src/components/DonutChart.tsx
@@ -19,7 +19,7 @@
  */
 import { arc as d3Arc, pie as d3Pie, PieArcDatum } from 'd3-shape';
 
-interface DataPoint {
+export interface DataPoint {
   fill: string;
   value: number;
 }
diff --git a/server/sonar-web/design-system/src/components/index.ts b/server/sonar-web/design-system/src/components/index.ts
index b39467294fa..d4a4e5a6bb7 100644
--- a/server/sonar-web/design-system/src/components/index.ts
+++ b/server/sonar-web/design-system/src/components/index.ts
@@ -30,6 +30,7 @@ export * from './CodeSnippet';
 export * from './CodeSyntaxHighlighter';
 export * from './ColorsLegend';
 export * from './CoverageIndicator';
+export * from './DonutChart';
 export { ActionsDropdown, Dropdown } from './Dropdown';
 export * from './DropdownMenu';
 export { DropdownToggler } from './DropdownToggler';
diff --git a/server/sonar-web/design-system/src/theme/light.ts b/server/sonar-web/design-system/src/theme/light.ts
index a1c81650c33..32d33e51cfe 100644
--- a/server/sonar-web/design-system/src/theme/light.ts
+++ b/server/sonar-web/design-system/src/theme/light.ts
@@ -433,6 +433,13 @@ export const lightTheme = {
     'rating.D': COLORS.orange[200],
     'rating.E': COLORS.red[200],
 
+    // rating donut outside circle indicators
+    'ratingDonut.A': COLORS.green[400],
+    'ratingDonut.B': COLORS.yellowGreen[400],
+    'ratingDonut.C': COLORS.yellow[400],
+    'ratingDonut.D': COLORS.orange[400],
+    'ratingDonut.E': COLORS.red[400],
+
     // date picker
     datePicker: COLORS.white,
     datePickerIcon: secondary.default,
-- 
2.39.5