@hook-sdk/template 0.28.8 → 0.28.9

package/dist/index.cjs

@@ -2115,33 +2115,47 @@ function SessionExpiredBanner() {
     localStorage.setItem(DISMISS_KEY, String(Date.now() + DISMISS_TTL_MS));
     setShow(false);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "alert", className: "fixed top-0 inset-x-0 bg-red-600 text-white px-4 py-2 flex items-center justify-between gap-3 text-sm shadow", style: { zIndex: 10001 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: "Sua sess\xE3o expirou." }),
-      " Fa\xE7a login novamente para continuar."
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: dismiss,
-          className: "px-3 py-1 bg-white text-red-700 rounded text-xs font-medium hover:bg-red-50",
-          children: "Fazer login"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: dismiss,
-          "aria-label": "Fechar",
-          className: "px-2 py-1 text-white/80 hover:text-white text-xs",
-          children: "Fechar"
-        }
-      )
-    ] })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      role: "alert",
+      className: "fixed top-0 inset-x-0 px-4 py-3 flex items-center justify-between gap-3 text-sm font-medium shadow-lg",
+      style: {
+        zIndex: 10001,
+        backgroundColor: "#991b1b",
+        color: "#ffffff"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { className: "font-bold", children: "Sua sess\xE3o expirou." }),
+          " Fa\xE7a login novamente para continuar."
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: dismiss,
+              className: "px-3 py-1.5 rounded text-xs font-semibold",
+              style: { backgroundColor: "#ffffff", color: "#991b1b" },
+              children: "Fazer login"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: dismiss,
+              "aria-label": "Fechar",
+              className: "px-2 py-1 text-xs",
+              style: { color: "#ffffff" },
+              children: "Fechar"
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 
 // src/internal/EmailVerifyBanner.tsx