@voxket-ai/voxket-live 1.0.104 → 1.0.105

package/dist/index.js

@@ -8703,7 +8703,7 @@ function cp(e = {}) {
   };
 }
 const dp = {
-  card: "relative bg-gradient-to-br from-slate-950 via-slate-900 to-gray-950 border border-slate-800 w-full h-full flex flex-col justify-between overflow-hidden mx-auto my-auto rounded-2xl shadow-2xl",
+  card: "relative bg-gradient-to-br from-slate-950 via-slate-900 to-gray-950 w-full h-full flex flex-col justify-between overflow-hidden mx-auto my-auto rounded-2xl shadow-2xl",
   cardTopGradient: "pointer-events-none absolute top-0 left-0 w-full h-10 z-10 bg-gradient-to-b from-slate-950/95 to-transparent",
   cardRadial: "absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-indigo-900/20 via-transparent to-transparent",
   cardPurpleBlur: "absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-purple-600/20 to-transparent rounded-full blur-2xl",
@@ -8783,7 +8783,7 @@ const dp = {
     mutedIndicator: "bg-red-600/80 text-white"
   }
 }, up = {
-  card: "relative bg-gradient-to-br from-sky-50 via-white to-indigo-50 border border-sky-200 w-full h-full flex flex-col justify-between overflow-hidden mx-auto my-auto rounded-2xl shadow-2xl",
+  card: "relative bg-gradient-to-br from-sky-50 via-white to-indigo-50 w-full h-full flex flex-col justify-between overflow-hidden mx-auto my-auto rounded-2xl shadow-2xl",
   cardTopGradient: "pointer-events-none absolute top-0 left-0 w-full h-10 z-10 bg-gradient-to-b from-sky-50/95 to-transparent",
   cardRadial: "absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-blue-400/8 via-transparent to-transparent",
   cardPurpleBlur: "absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-violet-400/15 to-transparent rounded-full blur-2xl",
@@ -8863,7 +8863,7 @@ const dp = {
     mutedIndicator: "bg-red-600/80 text-white"
   }
 }, fp = {
-  card: "relative bg-gradient-to-br from-[#0a0a1a] via-[#171727] to-[#0f0f23] border border-[#2a2a4a] w-full h-full flex flex-col items-center justify-between overflow-hidden mx-auto my-auto rounded-2xl shadow-2xl",
+  card: "relative bg-gradient-to-br from-[#0a0a1a] via-[#171727] to-[#0f0f23] w-full h-full flex flex-col items-center justify-between overflow-hidden mx-auto my-auto rounded-2xl shadow-2xl",
   cardTopGradient: "pointer-events-none absolute top-0 left-0 w-full h-10 z-10 bg-gradient-to-b from-[#0a0a1a]/95 to-transparent",
   cardRadial: "absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-[#3B82F6]/20 via-transparent to-transparent",
   cardPurpleBlur: "absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-[#8B5CF6]/30 to-transparent rounded-full blur-2xl",
@@ -17261,6 +17261,101 @@ div[class*="fixed"][class*="z-[9999]"] {
   box-sizing: border-box !important;
 }
 
+/* Remove unwanted white borders */
+.voxket-widget-root,
+.voxket-widget-root .border-white,
+.voxket-widget-root [class*="border-white"] {
+  border-color: transparent !important;
+}
+
+.voxket-widget-root .border-gray-200 {
+  border-color: rgba(229, 231, 235, 0.3) !important;
+}
+
+.voxket-widget-root .border-gray-300 {
+  border-color: rgba(209, 213, 219, 0.3) !important;
+}
+
+/* Welcome screen text visibility fixes */
+.voxket-widget-root [data-theme="dark"],
+.voxket-widget-root [data-theme="vox"],
+.voxket-widget-root.theme-dark,
+.voxket-widget-root.theme-vox {
+  color: #ffffff !important;
+}
+
+.voxket-widget-root [data-theme="dark"] *,
+.voxket-widget-root [data-theme="vox"] *,
+.voxket-widget-root.theme-dark *,
+.voxket-widget-root.theme-vox * {
+  color: inherit !important;
+}
+
+.voxket-widget-root [data-theme="dark"] .text-primary,
+.voxket-widget-root [data-theme="vox"] .text-primary,
+.voxket-widget-root.theme-dark .text-primary,
+.voxket-widget-root.theme-vox .text-primary,
+.voxket-widget-root [data-theme="dark"] .welcome-screen h1,
+.voxket-widget-root [data-theme="vox"] .welcome-screen h1,
+.voxket-widget-root [data-theme="dark"] .welcome-screen h2,
+.voxket-widget-root [data-theme="vox"] .welcome-screen h2,
+.voxket-widget-root [data-theme="dark"] .welcome-screen h3,
+.voxket-widget-root [data-theme="vox"] .welcome-screen h3,
+.voxket-widget-root [data-theme="dark"] .welcome-screen p,
+.voxket-widget-root [data-theme="vox"] .welcome-screen p,
+.voxket-widget-root [data-theme="dark"] .welcome-screen span,
+.voxket-widget-root [data-theme="vox"] .welcome-screen span,
+.voxket-widget-root.theme-dark .welcome-screen h1,
+.voxket-widget-root.theme-vox .welcome-screen h1,
+.voxket-widget-root.theme-dark .welcome-screen h2,
+.voxket-widget-root.theme-vox .welcome-screen h2,
+.voxket-widget-root.theme-dark .welcome-screen h3,
+.voxket-widget-root.theme-vox .welcome-screen h3,
+.voxket-widget-root.theme-dark .welcome-screen p,
+.voxket-widget-root.theme-vox .welcome-screen p,
+.voxket-widget-root.theme-dark .welcome-screen span,
+.voxket-widget-root.theme-vox .welcome-screen span {
+  color: #ffffff !important;
+}
+
+.voxket-widget-root [data-theme="light"],
+.voxket-widget-root.theme-light {
+  color: #111827 !important;
+}
+
+.voxket-widget-root [data-theme="light"] .text-primary,
+.voxket-widget-root [data-theme="light"] .welcome-screen h1,
+.voxket-widget-root [data-theme="light"] .welcome-screen h2,
+.voxket-widget-root [data-theme="light"] .welcome-screen h3,
+.voxket-widget-root [data-theme="light"] .welcome-screen p,
+.voxket-widget-root [data-theme="light"] .welcome-screen span,
+.voxket-widget-root.theme-light .text-primary,
+.voxket-widget-root.theme-light .welcome-screen h1,
+.voxket-widget-root.theme-light .welcome-screen h2,
+.voxket-widget-root.theme-light .welcome-screen h3,
+.voxket-widget-root.theme-light .welcome-screen p,
+.voxket-widget-root.theme-light .welcome-screen span {
+  color: #111827 !important;
+}
+
+/* Popup trigger button - ensure background is visible */
+.voxket-popup-trigger,
+.voxket-widget-root .voxket-popup-trigger {
+  background: linear-gradient(135deg, #3b82f6, #8b5cf6) !important;
+  color: #ffffff !important;
+  border: none !important;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+
+.voxket-popup-trigger:hover,
+.voxket-widget-root .voxket-popup-trigger:hover {
+  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
+  transform: scale(1.05) !important;
+}
+
 /* Background colors and containers - force visibility */
 .voxket-widget-root .bg-white {
   background-color: #ffffff !important;
@@ -18736,6 +18831,7 @@ function Ja({
               {
                 id: "voice-card",
                 className: `theme-${t} ${s.card} w-full h-full flex flex-col rounded-xl shadow-2xl`,
+                "data-theme": t,
                 style: { minHeight: "600px" },
                 children: [
                   /* @__PURE__ */ u("div", { className: s.cardTopGradient }),
@@ -18774,6 +18870,7 @@ function Ja({
           {
             id: "voice-card",
             className: `theme-${t} ${s.card} rounded-2xl flex flex-col`,
+            "data-theme": t,
             style: { width: "300px", height: "450px" },
             children: [
               /* @__PURE__ */ u("div", { className: s.cardPurpleBlur }),
@@ -18791,6 +18888,7 @@ function Ja({
     {
       id: "voice-card",
       className: `theme-${t} ${s.card}`,
+      "data-theme": t,
       style: { height: "100%", maxHeight: "100%" },
       children: [
         /* @__PURE__ */ u("div", { className: s.cardTopGradient }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voxket-ai/voxket-live",
-  "version": "1.0.104",
+  "version": "1.0.105",
   "description": "A React widget for embedding Voxket-powered audio/video/chat experiences.",
   "type": "module",
   "main": "./dist/index.cjs",