@empoweredvote/ev-ui 0.9.6 → 0.9.8

package/dist/index.mjs

@@ -883,6 +883,9 @@ function Header({
   logoSrc,
   logoAlt = "Empowered Vote",
   logoHref = "https://empowered.vote",
+  centerLogoSrc,
+  centerLogoHref,
+  centerLogoAlt,
   navItems = [],
   ctaButton,
   secondaryAction,
@@ -957,6 +960,7 @@ function Header({
       ...style
     },
     container: {
+      position: "relative",
       maxWidth: "1512px",
       margin: "0 auto",
       padding: isMobile ? `${spacing[3]} ${spacing[3]}` : `${spacing[4]} ${spacing[6]}`,
@@ -969,6 +973,14 @@ function Header({
       height: "43px",
       cursor: "pointer"
     },
+    centerLogo: {
+      position: "absolute",
+      left: "50%",
+      top: "50%",
+      transform: "translate(-50%, -50%)",
+      display: "flex",
+      alignItems: "center"
+    },
     nav: {
       display: isMobile ? "none" : "flex",
       flex: "1 1 auto",
@@ -1217,14 +1229,18 @@ function Header({
       ))))
     );
   };
+  const featureOnLeft = isMobile && centerLogoSrc;
+  const leftLogoSrc = featureOnLeft ? centerLogoSrc : logoSrc;
+  const leftLogoAlt = featureOnLeft ? centerLogoAlt || logoAlt : logoAlt;
+  const leftLogoHref = featureOnLeft ? centerLogoHref || logoHref : logoHref;
   return /* @__PURE__ */ React3.createElement("header", { style: styles2.header }, /* @__PURE__ */ React3.createElement("div", { style: styles2.container }, /* @__PURE__ */ React3.createElement(
     "a",
     {
-      href: logoHref,
-      onClick: (e) => handleNavClick(e, logoHref),
+      href: leftLogoHref,
+      onClick: (e) => handleNavClick(e, leftLogoHref),
       style: { display: "flex", alignItems: "center", flexShrink: 0 }
     },
-    logoSrc ? /* @__PURE__ */ React3.createElement("img", { src: logoSrc, alt: logoAlt, style: styles2.logo }) : /* @__PURE__ */ React3.createElement(
+    leftLogoSrc ? /* @__PURE__ */ React3.createElement("img", { src: leftLogoSrc, alt: leftLogoAlt, style: styles2.logo }) : /* @__PURE__ */ React3.createElement(
       "span",
       {
         style: {
@@ -1236,6 +1252,15 @@ function Header({
       },
       "empowered.vote"
     )
+  ), centerLogoSrc && !isMobile && /* @__PURE__ */ React3.createElement(
+    "a",
+    {
+      href: centerLogoHref || logoHref,
+      onClick: (e) => handleNavClick(e, centerLogoHref || logoHref),
+      style: styles2.centerLogo,
+      "aria-label": centerLogoAlt || "Feature home"
+    },
+    /* @__PURE__ */ React3.createElement("img", { src: centerLogoSrc, alt: centerLogoAlt || "", style: styles2.logo })
   ), /* @__PURE__ */ React3.createElement("nav", { style: styles2.nav, className: "ev-header-nav" }, navItems.map((item, idx) => /* @__PURE__ */ React3.createElement(NavLink, { key: idx, item }))), /* @__PURE__ */ React3.createElement("div", { style: { display: isMobile ? "none" : "flex", alignItems: "center", gap: spacing[3], flexShrink: 0 } }, secondaryAction && React3.isValidElement(secondaryAction) && secondaryAction, secondaryAction && !React3.isValidElement(secondaryAction) && /* @__PURE__ */ React3.createElement(
     "a",
     {
@@ -1975,8 +2000,15 @@ function PoliticianCard({
       overflow: "hidden",
       textOverflow: "ellipsis",
       display: "-webkit-box",
-      WebkitLineClamp: 2,
-      WebkitBoxOrient: "vertical"
+      // Wrap to 3 lines so a qualified title with a trailing parenthetical
+      // (e.g. "Clark County Commissioner (District A)") drops the parenthetical
+      // to its own line instead of truncating ("…(Distric…") — important when the
+      // compass overlay narrows the content column. 3 short lines still fit within
+      // the image-driven card height, so the tile does not grow.
+      WebkitLineClamp: 3,
+      WebkitBoxOrient: "vertical",
+      // Let a long unbroken segment wrap rather than overflow under the compass.
+      overflowWrap: "anywhere"
     },
     subtitle: {
       fontFamily: fonts.primary,