@wallavi/widget 1.6.2 → 1.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +17 -1
- package/dist/index.mjs +17 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1333,6 +1333,22 @@ function ChatWidget({
|
|
|
1333
1333
|
chat.reset();
|
|
1334
1334
|
onReset?.();
|
|
1335
1335
|
};
|
|
1336
|
+
const isDark = theme === "dark";
|
|
1337
|
+
const cssVars = {
|
|
1338
|
+
colorScheme: theme,
|
|
1339
|
+
["--background"]: isDark ? "240 10% 3.9%" : "0 0% 100%",
|
|
1340
|
+
["--foreground"]: isDark ? "0 0% 98%" : "240 10% 3.9%",
|
|
1341
|
+
["--muted"]: isDark ? "240 3.7% 15.9%" : "240 4.8% 95.9%",
|
|
1342
|
+
["--muted-foreground"]: isDark ? "240 5% 64.9%" : "240 3.8% 46.1%",
|
|
1343
|
+
["--accent"]: isDark ? "240 3.7% 15.9%" : "240 4.8% 95.9%",
|
|
1344
|
+
["--accent-foreground"]: isDark ? "0 0% 98%" : "240 5.9% 10%",
|
|
1345
|
+
["--border"]: isDark ? "240 3.7% 15.9%" : "240 5.9% 90%",
|
|
1346
|
+
["--input"]: isDark ? "240 3.7% 15.9%" : "240 5.9% 90%",
|
|
1347
|
+
["--primary"]: isDark ? "0 0% 98%" : "240 5.9% 10%",
|
|
1348
|
+
["--primary-foreground"]: isDark ? "240 5.9% 10%" : "0 0% 98%",
|
|
1349
|
+
["--ring"]: isDark ? "240 4.9% 83.9%" : "240 10% 3.9%",
|
|
1350
|
+
["--radius"]: "0.5rem"
|
|
1351
|
+
};
|
|
1336
1352
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1337
1353
|
"div",
|
|
1338
1354
|
{
|
|
@@ -1341,7 +1357,7 @@ function ChatWidget({
|
|
|
1341
1357
|
isDragOver && "ring-2 ring-inset ring-primary/60",
|
|
1342
1358
|
className
|
|
1343
1359
|
),
|
|
1344
|
-
style:
|
|
1360
|
+
style: cssVars,
|
|
1345
1361
|
onDragOver: handleDragOver,
|
|
1346
1362
|
onDragEnter: handleDragOver,
|
|
1347
1363
|
onDragLeave: handleDragLeave,
|
package/dist/index.mjs
CHANGED
|
@@ -1307,6 +1307,22 @@ function ChatWidget({
|
|
|
1307
1307
|
chat.reset();
|
|
1308
1308
|
onReset?.();
|
|
1309
1309
|
};
|
|
1310
|
+
const isDark = theme === "dark";
|
|
1311
|
+
const cssVars = {
|
|
1312
|
+
colorScheme: theme,
|
|
1313
|
+
["--background"]: isDark ? "240 10% 3.9%" : "0 0% 100%",
|
|
1314
|
+
["--foreground"]: isDark ? "0 0% 98%" : "240 10% 3.9%",
|
|
1315
|
+
["--muted"]: isDark ? "240 3.7% 15.9%" : "240 4.8% 95.9%",
|
|
1316
|
+
["--muted-foreground"]: isDark ? "240 5% 64.9%" : "240 3.8% 46.1%",
|
|
1317
|
+
["--accent"]: isDark ? "240 3.7% 15.9%" : "240 4.8% 95.9%",
|
|
1318
|
+
["--accent-foreground"]: isDark ? "0 0% 98%" : "240 5.9% 10%",
|
|
1319
|
+
["--border"]: isDark ? "240 3.7% 15.9%" : "240 5.9% 90%",
|
|
1320
|
+
["--input"]: isDark ? "240 3.7% 15.9%" : "240 5.9% 90%",
|
|
1321
|
+
["--primary"]: isDark ? "0 0% 98%" : "240 5.9% 10%",
|
|
1322
|
+
["--primary-foreground"]: isDark ? "240 5.9% 10%" : "0 0% 98%",
|
|
1323
|
+
["--ring"]: isDark ? "240 4.9% 83.9%" : "240 10% 3.9%",
|
|
1324
|
+
["--radius"]: "0.5rem"
|
|
1325
|
+
};
|
|
1310
1326
|
return /* @__PURE__ */ jsxs(
|
|
1311
1327
|
"div",
|
|
1312
1328
|
{
|
|
@@ -1315,7 +1331,7 @@ function ChatWidget({
|
|
|
1315
1331
|
isDragOver && "ring-2 ring-inset ring-primary/60",
|
|
1316
1332
|
className
|
|
1317
1333
|
),
|
|
1318
|
-
style:
|
|
1334
|
+
style: cssVars,
|
|
1319
1335
|
onDragOver: handleDragOver,
|
|
1320
1336
|
onDragEnter: handleDragOver,
|
|
1321
1337
|
onDragLeave: handleDragLeave,
|