@hyve-sdk/js 2.5.0-canary.4 → 2.5.0-canary.6

package/dist/react.js

@@ -2246,6 +2246,7 @@ function buildIframeHtml(js) {
         display: flex;
         align-items: center;
         justify-content: center;
+        background-color: #111827;
       }
       #container { width: 100%; max-width: 480px; margin: 0 auto; text-align: center; }
       #container > * { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; }
@@ -2309,7 +2310,7 @@ var OVERLAY_STYLE = {
 };
 var PANEL_STYLE = {
   position: "relative",
-  backgroundColor: "#ffffff",
+  backgroundColor: "#111827",
   borderRadius: "12px",
   overflow: "hidden",
   boxShadow: "0 20px 60px rgba(0, 0, 0, 0.35)",
@@ -2322,14 +2323,14 @@ var HEADER_STYLE = {
   alignItems: "center",
   justifyContent: "space-between",
   padding: "16px 20px",
-  borderBottom: "1px solid #e5e7eb",
+  borderBottom: "1px solid rgba(255, 255, 255, 0.1)",
   flexShrink: 0
 };
 var TITLE_STYLE = {
   margin: 0,
   fontSize: "16px",
   fontWeight: 600,
-  color: "#111827",
+  color: "#ffffff",
   lineHeight: 1.4
 };
 var CLOSE_BUTTON_BASE = {
@@ -2342,7 +2343,7 @@ var CLOSE_BUTTON_BASE = {
   borderRadius: "6px",
   cursor: "pointer",
   backgroundColor: "transparent",
-  color: "#6b7280",
+  color: "#9ca3af",
   fontSize: "20px",
   lineHeight: 1,
   flexShrink: 0
@@ -2518,7 +2519,7 @@ var FULLSCREEN_CONTAINER_STYLE = {
   zIndex: 9999,
   display: "flex",
   flexDirection: "column",
-  backgroundColor: "#ffffff"
+  backgroundColor: "#111827"
 };
 var FULLSCREEN_TOPBAR_STYLE = {
   display: "flex",
@@ -2527,14 +2528,14 @@ var FULLSCREEN_TOPBAR_STYLE = {
   height: "52px",
   minHeight: "52px",
   padding: "0 12px 0 20px",
-  borderBottom: "1px solid #e5e7eb",
+  borderBottom: "1px solid rgba(255, 255, 255, 0.1)",
   flexShrink: 0
 };
 var FULLSCREEN_TITLE_STYLE = {
   margin: 0,
   fontSize: "16px",
   fontWeight: 600,
-  color: "#111827",
+  color: "#ffffff",
   lineHeight: 1.4,
   overflow: "hidden",
   whiteSpace: "nowrap",
@@ -2550,7 +2551,7 @@ var FULLSCREEN_CLOSE_STYLE = {
   borderRadius: "8px",
   cursor: "pointer",
   backgroundColor: "transparent",
-  color: "#6b7280",
+  color: "#9ca3af",
   fontSize: "20px",
   lineHeight: 1,
   flexShrink: 0

package/dist/react.mjs

@@ -2224,6 +2224,7 @@ function buildIframeHtml(js) {
         display: flex;
         align-items: center;
         justify-content: center;
+        background-color: #111827;
       }
       #container { width: 100%; max-width: 480px; margin: 0 auto; text-align: center; }
       #container > * { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; }
@@ -2287,7 +2288,7 @@ var OVERLAY_STYLE = {
 };
 var PANEL_STYLE = {
   position: "relative",
-  backgroundColor: "#ffffff",
+  backgroundColor: "#111827",
   borderRadius: "12px",
   overflow: "hidden",
   boxShadow: "0 20px 60px rgba(0, 0, 0, 0.35)",
@@ -2300,14 +2301,14 @@ var HEADER_STYLE = {
   alignItems: "center",
   justifyContent: "space-between",
   padding: "16px 20px",
-  borderBottom: "1px solid #e5e7eb",
+  borderBottom: "1px solid rgba(255, 255, 255, 0.1)",
   flexShrink: 0
 };
 var TITLE_STYLE = {
   margin: 0,
   fontSize: "16px",
   fontWeight: 600,
-  color: "#111827",
+  color: "#ffffff",
   lineHeight: 1.4
 };
 var CLOSE_BUTTON_BASE = {
@@ -2320,7 +2321,7 @@ var CLOSE_BUTTON_BASE = {
   borderRadius: "6px",
   cursor: "pointer",
   backgroundColor: "transparent",
-  color: "#6b7280",
+  color: "#9ca3af",
   fontSize: "20px",
   lineHeight: 1,
   flexShrink: 0
@@ -2496,7 +2497,7 @@ var FULLSCREEN_CONTAINER_STYLE = {
   zIndex: 9999,
   display: "flex",
   flexDirection: "column",
-  backgroundColor: "#ffffff"
+  backgroundColor: "#111827"
 };
 var FULLSCREEN_TOPBAR_STYLE = {
   display: "flex",
@@ -2505,14 +2506,14 @@ var FULLSCREEN_TOPBAR_STYLE = {
   height: "52px",
   minHeight: "52px",
   padding: "0 12px 0 20px",
-  borderBottom: "1px solid #e5e7eb",
+  borderBottom: "1px solid rgba(255, 255, 255, 0.1)",
   flexShrink: 0
 };
 var FULLSCREEN_TITLE_STYLE = {
   margin: 0,
   fontSize: "16px",
   fontWeight: 600,
-  color: "#111827",
+  color: "#ffffff",
   lineHeight: 1.4,
   overflow: "hidden",
   whiteSpace: "nowrap",
@@ -2528,7 +2529,7 @@ var FULLSCREEN_CLOSE_STYLE = {
   borderRadius: "8px",
   cursor: "pointer",
   backgroundColor: "transparent",
-  color: "#6b7280",
+  color: "#9ca3af",
   fontSize: "20px",
   lineHeight: 1,
   flexShrink: 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyve-sdk/js",
-  "version": "2.5.0-canary.4",
+  "version": "2.5.0-canary.6",
   "description": "Hyve SDK - TypeScript wrapper for Hyve game server integration",
   "private": false,
   "publishConfig": {