@empoweredvote/ev-ui 0.8.11 → 0.8.12

package/dist/index.js

@@ -344,10 +344,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" }
         }
       );
@@ -389,10 +389,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" }
         }
       );
@@ -4016,7 +4016,8 @@ function CommitteeTable({
   committees = [],
   title = "Committee Memberships",
   maxVisible = 6,
-  style = {}
+  style = {},
+  darkMode = false
 }) {
   const [showAll, setShowAll] = (0, import_react21.useState)(false);
   if (committees.length === 0) {
@@ -4036,7 +4037,7 @@ function CommitteeTable({
       fontFamily: fonts.primary,
       fontWeight: fontWeights.semibold,
       fontSize: "18px",
-      color: "#101828",
+      color: darkMode ? "#f3f4f6" : "#101828",
       margin: 0,
       marginBottom: spacing[3]
     },
@@ -4045,7 +4046,7 @@ function CommitteeTable({
       borderCollapse: "collapse"
     },
     row: {
-      borderBottom: "1px solid #F3F4F6"
+      borderBottom: `1px solid ${darkMode ? "#374151" : "#F3F4F6"}`
     },
     cell: {
       padding: `${spacing[2]} 0`,
@@ -4054,16 +4055,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: {
@@ -4073,7 +4074,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`,
@@ -4969,7 +4970,7 @@ function PoliticianProfile({
       darkMode,
       style: { marginTop: allWebsites.length > 0 ? "8px" : 0 }
     }
-  )))), committees.length > 0 && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", { style: divider }), /* @__PURE__ */ import_react24.default.createElement(CommitteeTable, { committees })), pol.is_judicial ? /* @__PURE__ */ import_react24.default.createElement(
+  )))), committees.length > 0 && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", { style: divider }), /* @__PURE__ */ import_react24.default.createElement(CommitteeTable, { committees, darkMode })), pol.is_judicial ? /* @__PURE__ */ import_react24.default.createElement(
     JudicialScorecard,
     {
       judicialRecord,