@yourbright/emdash-analytics-plugin 0.1.4 → 0.1.6

package/dist/admin.js

@@ -187,19 +187,42 @@ function AnalyticsTabs({
     { key: "pages", label: "Pages" },
     { key: "settings", label: "Settings" }
   ];
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: tabs.map((tab) => {
-    const active = tab.key === section;
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onChange(tab.key),
-        className: `rounded-full border px-3 py-2 text-sm font-medium transition ${active ? "border-foreground bg-foreground text-background" : "border-border bg-background text-foreground hover:bg-accent"}`,
-        children: tab.label
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": "Analytics sections",
+      className: "inline-flex flex-wrap items-center gap-1 rounded-xl border p-1 shadow-sm",
+      style: {
+        backgroundColor: "#ffffff",
+        borderColor: "#cbd5e1"
       },
-      tab.key
-    );
-  }) });
+      children: tabs.map((tab) => {
+        const active = tab.key === section;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": active,
+            onClick: () => onChange(tab.key),
+            style: active ? {
+              backgroundColor: "var(--color-kumo-brand)",
+              borderColor: "var(--color-kumo-brand)",
+              color: "#ffffff"
+            } : {
+              backgroundColor: "#ffffff",
+              borderColor: "transparent",
+              color: "#475569"
+            },
+            className: `min-h-10 rounded-lg border px-4 py-2 text-sm font-semibold transition focus:outline-none focus:ring-2 focus:ring-foreground/20 ${active ? "shadow-sm" : "hover:text-slate-900"}`,
+            children: tab.label
+          },
+          tab.key
+        );
+      })
+    }
+  );
 }
 function ErrorBanner({ message }) {
   if (!message) return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yourbright/emdash-analytics-plugin",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Google Search Console and GA4 analytics plugin for EmDash",
   "type": "module",
   "main": "./dist/index.js",