@empoweredvote/ev-ui 0.8.2 → 0.8.3

package/dist/index.mjs

@@ -14,10 +14,11 @@ function RadarChartCore({
   size = 400,
   labelFontSize = 13,
   padding = 80,
-  labelOffset = 32,
+  labelOffset = 52,
   tightFit = false,
   activeSpoke = null,
-  writeIns = {}
+  writeIns = {},
+  darkMode = false
 }) {
   var _a;
   const radius = size / 2 - 40;
@@ -129,7 +130,7 @@ function RadarChartCore({
       ring.push(`${centerX + radius * scale * Math.sin(angle)},${centerY - radius * scale * Math.cos(angle)}`);
     }
     guidePolygons.push(
-      /* @__PURE__ */ React.createElement("polygon", { key: level, points: ring.join(" "), fill: "none", stroke: "#ccc" })
+      /* @__PURE__ */ React.createElement("polygon", { key: level, points: ring.join(" "), fill: "none", stroke: darkMode ? "#555" : "#ccc" })
     );
   }
   const getStanceText = (shortTitle, value) => {
@@ -166,7 +167,7 @@ function RadarChartCore({
           y1: centerY,
           x2: endX,
           y2: endY,
-          stroke: isUnanswered ? "#9ca3af" : "#aaa",
+          stroke: isUnanswered ? "#9ca3af" : darkMode ? "#bbb" : "#888",
           strokeDasharray: isUnanswered ? "4 3" : void 0,
           opacity: isUnanswered ? 0.6 : 1
         }
@@ -198,7 +199,7 @@ function RadarChartCore({
       if (isTop && lines.length > 1) labelY -= (lines.length - 1) * lineHeight;
       const isActive = shortTitle === activeSpoke;
       const isUnansweredLabel = !!unansweredSpokes[shortTitle];
-      const fSize = isActive ? labelFontSize * 1.2 : labelFontSize;
+      const fSize = labelFontSize;
       return /* @__PURE__ */ React.createElement(
         "text",
         {
@@ -208,7 +209,7 @@ function RadarChartCore({
           textAnchor: "middle",
           dominantBaseline: isBottom ? "hanging" : "auto",
           onClick: () => onReplaceTopic(shortTitle),
-          fill: isActive ? "#E85D26" : isUnansweredLabel ? "#9ca3af" : "#555",
+          fill: isActive ? "#E85D26" : isUnansweredLabel ? "#9ca3af" : darkMode ? "#D3D7DE" : "#555",
           fontWeight: isActive ? "bold" : "normal",
           style: { cursor: "pointer", userSelect: "none", fontSize: fSize, fontFamily: "sans-serif" }
         },
@@ -330,14 +331,14 @@ function RadarChartCore({
           {
             xmlns: "http://www.w3.org/1999/xhtml",
             style: {
-              background: "white",
-              border: "1px solid #d1d5db",
-              borderRadius: 6,
-              padding: "6px 10px",
-              fontSize: 11,
+              background: darkMode ? "#2F3237" : "#ffffff",
+              border: darkMode ? "1px solid #59B0C4" : "1px solid #d1d5db",
+              borderRadius: 8,
+              padding: "7px 11px",
+              fontSize: 12,
               lineHeight: 1.4,
-              color: "#111",
-              boxShadow: "0 2px 8px rgba(0,0,0,0.12)",
+              color: darkMode ? "#EBEDEF" : "#111",
+              boxShadow: darkMode ? "0 2px 12px rgba(0,0,0,0.4)" : "0 2px 8px rgba(0,0,0,0.12)",
               width: tipW + "px",
               wordWrap: "break-word"
             }