@empoweredvote/ev-ui 0.9.4 → 0.9.6

package/dist/index.js

@@ -68,6 +68,7 @@ __export(index_exports, {
   dataVizPalette: () => dataVizPalette,
   defaultCtaButton: () => defaultCtaButton,
   defaultNavItems: () => defaultNavItems,
+  detectFeature: () => detectFeature,
   duration: () => duration,
   easing: () => easing,
   evAppLinks: () => evAppLinks,
@@ -76,6 +77,7 @@ __export(index_exports, {
   fontSizes: () => fontSizes,
   fontWeights: () => fontWeights,
   fonts: () => fonts,
+  getFeedbackUrl: () => getFeedbackUrl,
   letterSpacing: () => letterSpacing,
   lineHeights: () => lineHeights,
   opacity: () => opacity,
@@ -975,7 +977,7 @@ function useMediaQuery(query) {
 function Header({
   logoSrc,
   logoAlt = "Empowered Vote",
-  logoHref = "https://login.empowered.vote/profile",
+  logoHref = "https://empowered.vote",
   navItems = [],
   ctaButton,
   secondaryAction,
@@ -1158,15 +1160,23 @@ function Header({
       position: "relative"
     },
     mobileMenu: {
+      // Compact dropdown panel anchored under the hamburger (right edge), rather
+      // than a full-bleed left:0/right:0 bar across the whole viewport.
       display: mobileMenuOpen ? "flex" : "none",
       flexDirection: "column",
       position: "absolute",
       top: "100%",
-      left: 0,
-      right: 0,
+      right: spacing[3],
+      left: "auto",
+      width: "min(300px, calc(100vw - 24px))",
+      maxWidth: "calc(100vw - 24px)",
       backgroundColor: t.surface,
-      padding: spacing[4],
-      boxShadow: t.shadow
+      padding: spacing[3],
+      boxShadow: t.shadow,
+      borderRadius: borderRadius.lg,
+      border: `1px solid ${t.border}`,
+      marginTop: spacing[2],
+      zIndex: 100
     },
     mobileNavItem: {
       fontFamily: fonts.primary,
@@ -1588,7 +1598,7 @@ var import_react8 = __toESM(require("react"));
 
 // src/FeedbackButton.jsx
 var import_react7 = __toESM(require("react"));
-var FEEDBACK_BASE_DEFAULT = "https://alpha.empowered.vote/feedback";
+var FEEDBACK_BASE_DEFAULT = "https://empowered.vote/feedback";
 var HOST_FEATURE_MAP = {
   "compass.empowered.vote": "compass",
   "essentials.empowered.vote": "essentials",
@@ -1598,7 +1608,8 @@ var HOST_FEATURE_MAP = {
   "ctc.empowered.vote": "trivia",
   "alpha.empowered.vote": "landing",
   "ev-landing.empowered.vote": "landing",
-  "ev-landing.onrender.com": "landing"
+  "ev-landing.onrender.com": "landing",
+  "empowered.vote": "landing"
 };
 function detectFeature() {
   if (typeof window === "undefined") return void 0;
@@ -1613,9 +1624,10 @@ function detectFeature() {
   }
   return "other";
 }
-function buildHref({ baseUrl, feature, includeUrl }) {
+function getFeedbackUrl({ feature, baseUrl = FEEDBACK_BASE_DEFAULT, includeUrl = true } = {}) {
+  const resolvedFeature = feature != null ? feature : detectFeature();
   const params = new URLSearchParams();
-  if (feature) params.set("feature", feature);
+  if (resolvedFeature) params.set("feature", resolvedFeature);
   if (includeUrl && typeof window !== "undefined") {
     params.set("url", window.location.href);
   }
@@ -1631,8 +1643,7 @@ function FeedbackButton({
   className = "",
   style = {}
 }) {
-  const feature = featureProp != null ? featureProp : detectFeature();
-  const href = buildHref({ baseUrl, feature, includeUrl });
+  const href = getFeedbackUrl({ feature: featureProp, baseUrl, includeUrl });
   const pillStyle = {
     display: "inline-flex",
     alignItems: "center",
@@ -6849,6 +6860,7 @@ function StanceAccordion({
   dataVizPalette,
   defaultCtaButton,
   defaultNavItems,
+  detectFeature,
   duration,
   easing,
   evAppLinks,
@@ -6857,6 +6869,7 @@ function StanceAccordion({
   fontSizes,
   fontWeights,
   fonts,
+  getFeedbackUrl,
   letterSpacing,
   lineHeights,
   opacity,