@cuekit-ai/react 1.6.6 → 1.6.7

package/dist/index.js

@@ -39779,8 +39779,9 @@ var ChatPopup = ({
             style: {
               padding: "10px 12px",
               borderRadius: 8,
-              border: "1px solid hsl(var(--voice-accent))",
-              background: "hsl(var(--voice-accent))",
+              border: `1px solid ${currentTheme === "dark" ? "#8177ed" : "#6257d9"}`,
+              background: currentTheme === "dark" ? "#8177ed" : "#6257d9",
+              color: "#fff",
               fontSize: 12,
               fontWeight: 700,
               display: "flex",
@@ -39792,25 +39793,7 @@ var ChatPopup = ({
             "aria-label": muteState.isMuted ? "Unmute microphone" : "Mute microphone",
             title: muteState.isMuted ? "Unmute microphone" : "Mute microphone"
           },
-          muteState.isMuted ? /* @__PURE__ */ import_react14.default.createElement(
-            mic_off_default,
-            {
-              style: {
-                width: 16,
-                height: 16,
-                color: "hsl(var(--voice-user-text))"
-              }
-            }
-          ) : /* @__PURE__ */ import_react14.default.createElement(
-            mic_default,
-            {
-              style: {
-                width: 16,
-                height: 16,
-                color: "hsl(var(--voice-user-text))"
-              }
-            }
-          )
+          muteState.isMuted ? /* @__PURE__ */ import_react14.default.createElement(mic_off_default, { style: { width: 16, height: 16, color: "#fff" } }) : /* @__PURE__ */ import_react14.default.createElement(mic_default, { style: { width: 16, height: 16, color: "#fff" } })
         ),
         isConnected2 && onEndCall && /* @__PURE__ */ import_react14.default.createElement(
           "button",
@@ -39820,9 +39803,9 @@ var ChatPopup = ({
             style: {
               padding: "10px 12px",
               borderRadius: 8,
-              border: "1px solid hsl(var(--voice-accent))",
-              background: "hsl(var(--voice-accent))",
-              color: "hsl(var(--voice-user-text))",
+              border: `1px solid ${currentTheme === "dark" ? "#8177ed" : "#6257d9"}`,
+              background: currentTheme === "dark" ? "#8177ed" : "#6257d9",
+              color: "#fff",
               fontSize: 12,
               fontWeight: 700,
               display: "flex",
@@ -39831,7 +39814,7 @@ var ChatPopup = ({
               cursor: "pointer"
             }
           },
-          /* @__PURE__ */ import_react14.default.createElement(phone_off_default, { style: { width: 16, height: 16 } })
+          /* @__PURE__ */ import_react14.default.createElement(phone_off_default, { style: { width: 16, height: 16, color: "#fff" } })
         )
       )
     )
@@ -42357,6 +42340,7 @@ var MicButton = ({
         };
     }
   };
+  const micButtonGradient = currentTheme === "dark" ? "radial-gradient(circle at 50% 0%, #9a92f6, #5447cd)" : "radial-gradient(circle at 50% 0%, #9a92f6, #6257d9)";
   const buttonStyles = {
     container: {
       position: "relative",
@@ -42372,7 +42356,7 @@ var MicButton = ({
       width: `${buttonSize}px`,
       height: `${buttonSize}px`,
       borderRadius: "50%",
-      background: "var(--gradient-mic-button)",
+      background: micButtonGradient,
       transition: "all 0.5s",
       border: "none",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
@@ -42427,10 +42411,27 @@ var MicButton = ({
       "button",
       {
         className: "voice-chat-cancel-button",
-        onClick: () => setShowLanguageSelector(false)
+        onClick: () => setShowLanguageSelector(false),
+        style: {
+          background: currentTheme === "dark" ? "hsl(248 32% 17.5%)" : "#f6f5ff",
+          color: currentTheme === "dark" ? "hsl(252 20% 65%)" : "#6257d9",
+          border: `1px solid ${currentTheme === "dark" ? "hsl(248 32% 22%)" : "#c0bbfb"}`
+        }
       },
       "Cancel"
-    ), /* @__PURE__ */ import_react20.default.createElement("button", { className: "voice-chat-confirm-button", onClick: handleLanguageConfirm }, "Start Voice Chat"))) : /* @__PURE__ */ import_react20.default.createElement("div", { className: "voice-chat-main-button" }, showLanguageDropdown && /* @__PURE__ */ import_react20.default.createElement(
+    ), /* @__PURE__ */ import_react20.default.createElement(
+      "button",
+      {
+        className: "voice-chat-confirm-button",
+        onClick: handleLanguageConfirm,
+        style: {
+          background: currentTheme === "dark" ? "#8177ed" : "#6257d9",
+          color: "#fff",
+          border: `1px solid ${currentTheme === "dark" ? "#8177ed" : "#6257d9"}`
+        }
+      },
+      "Start Voice Chat"
+    ))) : /* @__PURE__ */ import_react20.default.createElement("div", { className: "voice-chat-main-button" }, showLanguageDropdown && /* @__PURE__ */ import_react20.default.createElement(
       LanguageSelector,
       {
         selectedLanguage,

package/dist/index.mjs

@@ -15811,8 +15811,9 @@ var ChatPopup = ({
             style: {
               padding: "10px 12px",
               borderRadius: 8,
-              border: "1px solid hsl(var(--voice-accent))",
-              background: "hsl(var(--voice-accent))",
+              border: `1px solid ${currentTheme === "dark" ? "#8177ed" : "#6257d9"}`,
+              background: currentTheme === "dark" ? "#8177ed" : "#6257d9",
+              color: "#fff",
               fontSize: 12,
               fontWeight: 700,
               display: "flex",
@@ -15824,25 +15825,7 @@ var ChatPopup = ({
             "aria-label": muteState.isMuted ? "Unmute microphone" : "Mute microphone",
             title: muteState.isMuted ? "Unmute microphone" : "Mute microphone"
           },
-          muteState.isMuted ? /* @__PURE__ */ React10.createElement(
-            mic_off_default,
-            {
-              style: {
-                width: 16,
-                height: 16,
-                color: "hsl(var(--voice-user-text))"
-              }
-            }
-          ) : /* @__PURE__ */ React10.createElement(
-            mic_default,
-            {
-              style: {
-                width: 16,
-                height: 16,
-                color: "hsl(var(--voice-user-text))"
-              }
-            }
-          )
+          muteState.isMuted ? /* @__PURE__ */ React10.createElement(mic_off_default, { style: { width: 16, height: 16, color: "#fff" } }) : /* @__PURE__ */ React10.createElement(mic_default, { style: { width: 16, height: 16, color: "#fff" } })
         ),
         isConnected && onEndCall && /* @__PURE__ */ React10.createElement(
           "button",
@@ -15852,9 +15835,9 @@ var ChatPopup = ({
             style: {
               padding: "10px 12px",
               borderRadius: 8,
-              border: "1px solid hsl(var(--voice-accent))",
-              background: "hsl(var(--voice-accent))",
-              color: "hsl(var(--voice-user-text))",
+              border: `1px solid ${currentTheme === "dark" ? "#8177ed" : "#6257d9"}`,
+              background: currentTheme === "dark" ? "#8177ed" : "#6257d9",
+              color: "#fff",
               fontSize: 12,
               fontWeight: 700,
               display: "flex",
@@ -15863,7 +15846,7 @@ var ChatPopup = ({
               cursor: "pointer"
             }
           },
-          /* @__PURE__ */ React10.createElement(phone_off_default, { style: { width: 16, height: 16 } })
+          /* @__PURE__ */ React10.createElement(phone_off_default, { style: { width: 16, height: 16, color: "#fff" } })
         )
       )
     )
@@ -18380,6 +18363,7 @@ var MicButton = ({
         };
     }
   };
+  const micButtonGradient = currentTheme === "dark" ? "radial-gradient(circle at 50% 0%, #9a92f6, #5447cd)" : "radial-gradient(circle at 50% 0%, #9a92f6, #6257d9)";
   const buttonStyles = {
     container: {
       position: "relative",
@@ -18395,7 +18379,7 @@ var MicButton = ({
       width: `${buttonSize}px`,
       height: `${buttonSize}px`,
       borderRadius: "50%",
-      background: "var(--gradient-mic-button)",
+      background: micButtonGradient,
       transition: "all 0.5s",
       border: "none",
       boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
@@ -18450,10 +18434,27 @@ var MicButton = ({
       "button",
       {
         className: "voice-chat-cancel-button",
-        onClick: () => setShowLanguageSelector(false)
+        onClick: () => setShowLanguageSelector(false),
+        style: {
+          background: currentTheme === "dark" ? "hsl(248 32% 17.5%)" : "#f6f5ff",
+          color: currentTheme === "dark" ? "hsl(252 20% 65%)" : "#6257d9",
+          border: `1px solid ${currentTheme === "dark" ? "hsl(248 32% 22%)" : "#c0bbfb"}`
+        }
       },
       "Cancel"
-    ), /* @__PURE__ */ React15.createElement("button", { className: "voice-chat-confirm-button", onClick: handleLanguageConfirm }, "Start Voice Chat"))) : /* @__PURE__ */ React15.createElement("div", { className: "voice-chat-main-button" }, showLanguageDropdown && /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React15.createElement(
+      "button",
+      {
+        className: "voice-chat-confirm-button",
+        onClick: handleLanguageConfirm,
+        style: {
+          background: currentTheme === "dark" ? "#8177ed" : "#6257d9",
+          color: "#fff",
+          border: `1px solid ${currentTheme === "dark" ? "#8177ed" : "#6257d9"}`
+        }
+      },
+      "Start Voice Chat"
+    ))) : /* @__PURE__ */ React15.createElement("div", { className: "voice-chat-main-button" }, showLanguageDropdown && /* @__PURE__ */ React15.createElement(
       LanguageSelector,
       {
         selectedLanguage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuekit-ai/react",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {