@convokitapp/vue-ui 0.1.1 → 0.1.3

package/README.md

@@ -6,6 +6,11 @@ components ship accessible defaults, realtime state, media and read receipts,
 while named slots, CSS variables, and controlled views keep the host app in
 control.
 
+The default skin follows the same neutral, shadcn-style web vocabulary as the
+React package: system typography, separated rows, subtle borders, compact
+actions, and restrained radii. It remains framework-CSS independent and does
+not require Tailwind in the host application.
+
 ## Install
 
 ```bash
@@ -23,7 +28,6 @@ import { Conversation, createConvoKitUiClient } from '@convokitapp/vue-ui'
 import '@convokitapp/vue-ui/styles.css'
 
 const sdk = new ConvoKitClient({
-  backendUrl: import.meta.env.VITE_CONVOKIT_BACKEND_URL,
   clientId: import.meta.env.VITE_CONVOKIT_CLIENT_ID,
   tokenProvider: async (appUserId) => {
     const response = await fetch(import.meta.env.VITE_CONVOKIT_TOKEN_ENDPOINT, {
@@ -47,6 +51,9 @@ const client = createConvoKitUiClient(sdk)
 The client secret belongs only in your token backend. Never put it in Vue,
 Vite environment variables, or a shipped browser bundle.
 
+The core SDK uses ConvoKit's managed `https://api.convokit.app` endpoint. Set
+`backendUrl` only for local testing or a self-hosted deployment.
+
 ## Controlled components and slots
 
 `ConversationListView`, `MessageListView`, and `ConversationView` accept host

package/dist/index.cjs

@@ -1324,19 +1324,19 @@ var ConversationList = (0, import_vue9.defineComponent)({
 // src/theme.ts
 var import_vue10 = require("vue");
 var defaultConvoKitTheme = {
-  background: "#f7f9f8",
+  background: "#fafafa",
   surface: "#ffffff",
-  primary: "#148f78",
-  text: "#17211f",
-  mutedText: "#66736f",
-  border: "#dde5e2",
-  error: "#ba1a1a",
-  incomingBubble: "#ffffff",
-  outgoingBubble: "#148f78",
-  outgoingText: "#ffffff",
-  radius: "16px",
-  avatarSize: "44px",
-  fontFamily: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+  primary: "#18181b",
+  text: "#09090b",
+  mutedText: "#71717a",
+  border: "#e4e4e7",
+  error: "#dc2626",
+  incomingBubble: "#f4f4f5",
+  outgoingBubble: "#18181b",
+  outgoingText: "#fafafa",
+  radius: "10px",
+  avatarSize: "40px",
+  fontFamily: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
 };
 var themeKey = /* @__PURE__ */ Symbol("ConvoKitTheme");
 var defaultThemeRef = (0, import_vue10.computed)(() => defaultConvoKitTheme);