@empoweredvote/ev-ui 0.8.10 → 0.8.12

package/dist/index.mjs

@@ -24,7 +24,8 @@ function RadarChartCore({
   // replacedSpokes: short_titles of substitute spokes (not the user's original defaults)
   replacedSpokes = {},
   // boldOriginalSpokes: when true, bold spokes that are NOT replacements
-  boldOriginalSpokes = false
+  boldOriginalSpokes = false,
+  highlightedSpoke = null
 }) {
   var _a;
   const radius = size / 2 - 40;
@@ -217,7 +218,7 @@ function RadarChartCore({
           textAnchor: "middle",
           dominantBaseline: isBottom ? "hanging" : "auto",
           onClick: () => onReplaceTopic(shortTitle),
-          fill: isActive ? "#E85D26" : isUnansweredLabel ? "#9ca3af" : darkMode ? "#D3D7DE" : "#555",
+          fill: isActive ? "#E85D26" : shortTitle === highlightedSpoke ? darkMode ? "#7DD4E8" : "#59B0C4" : isUnansweredLabel ? "#9ca3af" : darkMode ? "#D3D7DE" : "#555",
           fontWeight: isActive || shouldBold ? "bold" : "normal",
           style: { cursor: "pointer", userSelect: "none", fontSize: fSize, fontFamily: "sans-serif" }
         },
@@ -252,10 +253,10 @@ function RadarChartCore({
           key: `user-dot-${i}`,
           cx,
           cy,
-          r: matches ? 8 : 7,
+          r: matches ? 6 : 5,
           fill: matches ? "#fed12e" : "#7C6B9E",
           stroke: "#FFFFFF",
-          strokeWidth: 3,
+          strokeWidth: 2,
           style: { pointerEvents: "none" }
         }
       );
@@ -297,10 +298,10 @@ function RadarChartCore({
           key: `compare-dot-${i}`,
           cx,
           cy,
-          r: matches ? 8 : 7,
+          r: matches ? 6 : 5,
           fill: matches ? "#fed12e" : darkMode ? "#6DD28C" : "#5A9A6E",
           stroke: "#FFFFFF",
-          strokeWidth: 3,
+          strokeWidth: 2,
           style: { pointerEvents: "none" }
         }
       );
@@ -3936,7 +3937,8 @@ function CommitteeTable({
   committees = [],
   title = "Committee Memberships",
   maxVisible = 6,
-  style = {}
+  style = {},
+  darkMode = false
 }) {
   const [showAll, setShowAll] = useState11(false);
   if (committees.length === 0) {
@@ -3956,7 +3958,7 @@ function CommitteeTable({
       fontFamily: fonts.primary,
       fontWeight: fontWeights.semibold,
       fontSize: "18px",
-      color: "#101828",
+      color: darkMode ? "#f3f4f6" : "#101828",
       margin: 0,
       marginBottom: spacing[3]
     },
@@ -3965,7 +3967,7 @@ function CommitteeTable({
       borderCollapse: "collapse"
     },
     row: {
-      borderBottom: "1px solid #F3F4F6"
+      borderBottom: `1px solid ${darkMode ? "#374151" : "#F3F4F6"}`
     },
     cell: {
       padding: `${spacing[2]} 0`,
@@ -3974,16 +3976,16 @@ function CommitteeTable({
       verticalAlign: "top"
     },
     nameCell: {
-      color: "#364153",
+      color: darkMode ? "#d1d5db" : "#364153",
       paddingRight: spacing[4]
     },
     positionCell: {
-      color: "#6A7282",
+      color: darkMode ? "#9ca3af" : "#6A7282",
       textAlign: "right",
       whiteSpace: "nowrap"
     },
     link: {
-      color: "#364153",
+      color: darkMode ? "#d1d5db" : "#364153",
       textDecoration: "none"
     },
     toggle: {
@@ -3993,7 +3995,7 @@ function CommitteeTable({
       fontFamily: fonts.primary,
       fontSize: "14px",
       fontWeight: fontWeights.medium,
-      color: "#6A7282",
+      color: darkMode ? "#9ca3af" : "#6A7282",
       background: "none",
       border: "none",
       padding: `${spacing[2]} 0`,
@@ -4889,7 +4891,7 @@ function PoliticianProfile({
       darkMode,
       style: { marginTop: allWebsites.length > 0 ? "8px" : 0 }
     }
-  )))), committees.length > 0 && /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", { style: divider }), /* @__PURE__ */ React22.createElement(CommitteeTable, { committees })), pol.is_judicial ? /* @__PURE__ */ React22.createElement(
+  )))), committees.length > 0 && /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", { style: divider }), /* @__PURE__ */ React22.createElement(CommitteeTable, { committees, darkMode })), pol.is_judicial ? /* @__PURE__ */ React22.createElement(
     JudicialScorecard,
     {
       judicialRecord,