@empoweredvote/ev-ui 0.8.7 → 0.8.9

package/dist/index.js

@@ -111,7 +111,11 @@ function RadarChartCore({
   writeIns = {},
   darkMode = false,
   lineColor,
-  ringColor
+  ringColor,
+  // replacedSpokes: short_titles of substitute spokes (not the user's original defaults)
+  replacedSpokes = {},
+  // boldOriginalSpokes: when true, bold spokes that are NOT replacements
+  boldOriginalSpokes = false
 }) {
   var _a;
   const radius = size / 2 - 40;
@@ -292,6 +296,8 @@ function RadarChartCore({
       if (isTop && lines.length > 1) labelY -= (lines.length - 1) * lineHeight;
       const isActive = shortTitle === activeSpoke;
       const isUnansweredLabel = !!unansweredSpokes[shortTitle];
+      const isReplaced = !!replacedSpokes[shortTitle];
+      const shouldBold = boldOriginalSpokes && !isReplaced;
       const fSize = labelFontSize;
       return /* @__PURE__ */ import_react.default.createElement(
         "text",
@@ -303,7 +309,7 @@ function RadarChartCore({
           dominantBaseline: isBottom ? "hanging" : "auto",
           onClick: () => onReplaceTopic(shortTitle),
           fill: isActive ? "#E85D26" : isUnansweredLabel ? "#9ca3af" : darkMode ? "#D3D7DE" : "#555",
-          fontWeight: isActive ? "bold" : "normal",
+          fontWeight: isActive || shouldBold ? "bold" : "normal",
           style: { cursor: "pointer", userSelect: "none", fontSize: fSize, fontFamily: "sans-serif" }
         },
         isUnansweredLabel && /* @__PURE__ */ import_react.default.createElement("title", null, "No stance on file for this topic."),
@@ -350,14 +356,24 @@ function RadarChartCore({
       {
         key: "compare-static",
         points: comparePoints,
-        style: { fill: "rgba(90, 154, 110, 0.3)", stroke: "#5A9A6E", strokeWidth: 2 }
+        style: {
+          fill: darkMode ? "rgba(110, 210, 140, 0.55)" : "rgba(90, 154, 110, 0.45)",
+          stroke: darkMode ? "#6DD28C" : "#5A9A6E",
+          strokeWidth: 2,
+          mixBlendMode: darkMode ? "normal" : "multiply"
+        }
       }
     ) : /* @__PURE__ */ import_react.default.createElement(
       import_web.animated.polygon,
       {
         key: "compare-animated",
         points: compareSpring.points,
-        style: { fill: "rgba(90, 154, 110, 0.3)", stroke: "#5A9A6E", strokeWidth: 2 }
+        style: {
+          fill: darkMode ? "rgba(110, 210, 140, 0.55)" : "rgba(90, 154, 110, 0.45)",
+          stroke: darkMode ? "#6DD28C" : "#5A9A6E",
+          strokeWidth: 2,
+          mixBlendMode: darkMode ? "normal" : "multiply"
+        }
       }
     ) : null,
     hasCompareData && compareCoords && compareCoords.map(([cx, cy], i) => {
@@ -373,7 +389,7 @@ function RadarChartCore({
           cx,
           cy,
           r: matches ? 8 : 7,
-          fill: matches ? "#fed12e" : "#5A9A6E",
+          fill: matches ? "#fed12e" : darkMode ? "#6DD28C" : "#5A9A6E",
           stroke: "#FFFFFF",
           strokeWidth: 3,
           style: { pointerEvents: "none" }