@blocklet/discuss-kit-ux 2.3.4 → 2.3.6

package/dist/{editor-qLBSztw2.mjs → editor-DOQzNHRz.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazyRetry } from "@arcblock/ux/lib/Util";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-iI300n3e.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-BvbPx1Nn.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-iI300n3e.mjs → index-BvbPx1Nn.mjs}

@@ -179,7 +179,7 @@ const themeOverrides = {
         },
         outlinedPrimary: ({ theme }) => ({
           border: `1px solid ${theme.palette.divider}`,
-          backgroundColor: "#fff",
+          backgroundColor: theme.palette.background.default,
           "&:hover": {
             border: `1px solid ${theme.palette.divider}`
           }
@@ -197,9 +197,9 @@ const themeOverrides = {
         root: {
           textTransform: "none"
         },
-        colorPrimary: {
-          backgroundColor: "#fff"
-        }
+        colorPrimary: ({ theme }) => ({
+          backgroundColor: theme.palette.background.default
+        })
       }
     },
     MuiToggleButton: {
@@ -832,7 +832,7 @@ const Root$3 = styled(AvatarGroup)`
     width: 16px;
     transition: width 0.1s ease-in-out;
     & .image {
-      box-shadow: 0 0 0 2px #fff !important;
+      box-shadow: 0 0 0 2px ${({ theme }) => theme.palette.background.default} !important;
     }
   }
 
@@ -850,7 +850,7 @@ const Root$3 = styled(AvatarGroup)`
     background-color: ${grey[400]};
     font-weight: 500;
     border: none;
-    box-shadow: 0 0 0 2px #fff !important;
+    box-shadow: 0 0 0 2px ${({ theme }) => theme.palette.background.default} !important;
   }
 
   /* &:hover {
@@ -1230,12 +1230,13 @@ function ProfileCard({ user, click, ...rest }) {
         boxSizing: "border-box",
         width: 340,
         p: 2,
-        border: "1px solid #d0d7de",
+        border: "1px solid",
+        borderColor: "divider",
         borderRadius: 1,
         fontSize: 14,
         color: "grey.700",
         boxShadow: "0 8px 24px rgba(140,149,159,0.2);",
-        bgcolor: "#fff"
+        bgcolor: "background.paper"
       },
       ...rest,
       children: [
@@ -4414,7 +4415,7 @@ function Message({ message, prevMessage, showTime = true, ...rest }) {
         fontSize: 14,
         borderRadius: 1,
         "&:hover": {
-          bgcolor: "white",
+          bgcolor: "action.hover",
           ".message-menu": {
             display: "flex !important"
           }
@@ -4491,7 +4492,7 @@ function NotificationMessage({ chat, message, prevMessage }) {
             variant: "h6",
             href: message.link,
             target: "_blank",
-            style: { fontSize: 14, color: "#2fafff", textDecoration: "none" },
+            style: { fontSize: 14, color: "info.main", textDecoration: "none" },
             children: title || t("common.link")
           }
         ),
@@ -4805,15 +4806,15 @@ const MessageList = forwardRef(({ chat, ...rest }, ref) => {
     !isAtBottom && /* @__PURE__ */ jsx(Box$1, { sx: { position: "absolute", bottom: 16, right: 24 }, onClick: scrollToBottom, children: /* @__PURE__ */ jsx(Fab, { color: "inherit", sx: { width: { xs: 36, sm: 44 }, height: { xs: 36, sm: 44 } }, children: /* @__PURE__ */ jsx(ArrowDownward, {}) }) })
   ] });
 });
-const HtmlTooltip = styled$2(({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip$1, { ...props, classes: { popper: className } }))(() => ({
+const HtmlTooltip = styled$2(({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip$1, { ...props, classes: { popper: className } }))(({ theme }) => ({
   [`& .${tooltipClasses$1.tooltip}`]: {
     color: "inherit",
-    backgroundColor: "#fff",
+    backgroundColor: theme.palette.background.paper,
     maxWidth: "initial",
     maxHeight: 300,
     marginLeft: -20,
     overflowY: "auto",
-    border: "1px solid #eee",
+    border: `1px solid ${theme.palette.divider}`,
     boxShadow: "0 8px 24px rgba(140,149,159,0.2)"
   }
 }));
@@ -4933,7 +4934,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazyRetry(() => import("./editor-qLBSztw2.mjs"));
+const Editor = lazyRetry(() => import("./editor-DOQzNHRz.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5366,7 +5367,8 @@ function ChatRoom({ chat, inWallet, ...rest }) {
           flex: "0 0 auto",
           height: 52,
           px: 2.5,
-          borderBottom: "1px solid #e5e5e5"
+          borderBottom: "1px solid",
+          borderColor: "divider"
         },
         children: [
           downSm && /* @__PURE__ */ jsx(Back, { iconOnly: true, url: "/chat" }),
@@ -5383,7 +5385,8 @@ function ChatRoom({ chat, inWallet, ...rest }) {
           flex: "0 0 auto",
           height: 52,
           px: 2.5,
-          borderBottom: "1px solid #e5e5e5"
+          borderBottom: "1px solid",
+          borderColor: "divider"
         },
         children: [
           downSm && /* @__PURE__ */ jsx(Back, { iconOnly: true, url: "/chat-in-wallet" }),
@@ -5547,7 +5550,7 @@ function UserSearch({ sx, inputSx, ...rest }) {
               fontSize: 12,
               ".MuiInputBase-root": { pr: "8px!important" },
               ".MuiInputBase-input": { py: "0!important" },
-              fieldset: { borderColor: "#eee!important" }
+              fieldset: { borderColor: "divider!important" }
             }
           }
         ),
@@ -5637,7 +5640,10 @@ function Chat({ sx, ChannelEditComponent, ...rest }) {
       }
     );
   }
-  const mergedSx = [{ display: "flex", height: "100%", bgcolor: "#fff" }, ...Array.isArray(sx) ? sx : [sx]];
+  const mergedSx = [
+    { display: "flex", height: "100%", bgcolor: "background.default" },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
   const handleChannelEdit = async (payload) => {
     if (payload.id) {
       await client2.updateChannel(payload);
@@ -5660,7 +5666,7 @@ function Chat({ sx, ChannelEditComponent, ...rest }) {
           display: "flex",
           flexDirection: "column",
           width: { sm: 320, xs: "100%" },
-          borderRight: { sm: "1px solid #e5e5e5" }
+          borderRight: ({ palette }) => `1px solid ${palette.divider}`
         },
         children: [
           /* @__PURE__ */ jsxs(
@@ -5673,7 +5679,8 @@ function Chat({ sx, ChannelEditComponent, ...rest }) {
                 gap: 1,
                 height: 52,
                 px: 3,
-                borderBottom: "1px solid #e5e5e5"
+                borderBottom: "1px solid",
+                borderColor: "divider"
               },
               children: [
                 /* @__PURE__ */ jsx(UserSearch, { sx: { fontSize: 16, flex: 1 } }),
@@ -5682,7 +5689,7 @@ function Chat({ sx, ChannelEditComponent, ...rest }) {
                   {
                     onClick: () => setEditingChannel({ name: "", description: "" }),
                     sx: { p: 1, borderRadius: 1, border: 1, borderColor: "grey.200", height: 32, width: 32 },
-                    children: /* @__PURE__ */ jsx(Add, { sx: { color: "#000" } })
+                    children: /* @__PURE__ */ jsx(Add, { sx: { color: "text.primary" } })
                   }
                 ) })
               ]

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { X, o, Z, A, n, ag, B, J, O, N, Q, as, $, _, a2, a0, a1, a4, x, G, H, C, y, z, F, a8, a9, ak, ab, U, W, af, D, aj, ai, L, K, b, m, ah, M, P, aD, ar, w, v, aF, aG, R, S, ac, at, aE, q, a5, a7, al, ao, an, aB, au, T, ap, av, ay, az, l, aA, h, p, r, k, ax, t, j, ad, aC, Y, c, a3, E, aa, ae, e, u, aq, d, aw, a6, am, f } from "./index-iI300n3e.mjs";
+import { X, o, Z, A, n, ag, B, J, O, N, Q, as, $, _, a2, a0, a1, a4, x, G, H, C, y, z, F, a8, a9, ak, ab, U, W, af, D, aj, ai, L, K, b, m, ah, M, P, aD, ar, w, v, aF, aG, R, S, ac, at, aE, q, a5, a7, al, ao, an, aB, au, T, ap, av, ay, az, l, aA, h, p, r, k, ax, t, j, ad, aC, Y, c, a3, E, aa, ae, e, u, aq, d, aw, a6, am, f } from "./index-BvbPx1Nn.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -101,7 +101,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           },
           outlinedPrimary: ({ theme }) => ({
             border: `1px solid ${theme.palette.divider}`,
-            backgroundColor: "#fff",
+            backgroundColor: theme.palette.background.default,
             "&:hover": {
               border: `1px solid ${theme.palette.divider}`
             }
@@ -119,9 +119,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           root: {
             textTransform: "none"
           },
-          colorPrimary: {
-            backgroundColor: "#fff"
-          }
+          colorPrimary: ({ theme }) => ({
+            backgroundColor: theme.palette.background.default
+          })
         }
       },
       MuiToggleButton: {
@@ -754,7 +754,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     width: 16px;
     transition: width 0.1s ease-in-out;
     & .image {
-      box-shadow: 0 0 0 2px #fff !important;
+      box-shadow: 0 0 0 2px ${({ theme }) => theme.palette.background.default} !important;
     }
   }
 
@@ -772,7 +772,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     background-color: ${colors.grey[400]};
     font-weight: 500;
     border: none;
-    box-shadow: 0 0 0 2px #fff !important;
+    box-shadow: 0 0 0 2px ${({ theme }) => theme.palette.background.default} !important;
   }
 
   /* &:hover {
@@ -1152,12 +1152,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           boxSizing: "border-box",
           width: 340,
           p: 2,
-          border: "1px solid #d0d7de",
+          border: "1px solid",
+          borderColor: "divider",
           borderRadius: 1,
           fontSize: 14,
           color: "grey.700",
           boxShadow: "0 8px 24px rgba(140,149,159,0.2);",
-          bgcolor: "#fff"
+          bgcolor: "background.paper"
         },
         ...rest,
         children: [
@@ -4336,7 +4337,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           fontSize: 14,
           borderRadius: 1,
           "&:hover": {
-            bgcolor: "white",
+            bgcolor: "action.hover",
             ".message-menu": {
               display: "flex !important"
             }
@@ -4413,7 +4414,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               variant: "h6",
               href: message.link,
               target: "_blank",
-              style: { fontSize: 14, color: "#2fafff", textDecoration: "none" },
+              style: { fontSize: 14, color: "info.main", textDecoration: "none" },
               children: title || t("common.link")
             }
           ),
@@ -4727,15 +4728,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       !isAtBottom && /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { position: "absolute", bottom: 16, right: 24 }, onClick: scrollToBottom, children: /* @__PURE__ */ jsxRuntime.jsx(Fab, { color: "inherit", sx: { width: { xs: 36, sm: 44 }, height: { xs: 36, sm: 44 } }, children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowDownward, {}) }) })
     ] });
   });
-  const HtmlTooltip = styles.styled(({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { ...props, classes: { popper: className } }))(() => ({
+  const HtmlTooltip = styles.styled(({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { ...props, classes: { popper: className } }))(({ theme }) => ({
     [`& .${material.tooltipClasses.tooltip}`]: {
       color: "inherit",
-      backgroundColor: "#fff",
+      backgroundColor: theme.palette.background.paper,
       maxWidth: "initial",
       maxHeight: 300,
       marginLeft: -20,
       overflowY: "auto",
-      border: "1px solid #eee",
+      border: `1px solid ${theme.palette.divider}`,
       boxShadow: "0 8px 24px rgba(140,149,159,0.2)"
     }
   }));
@@ -5288,7 +5289,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             flex: "0 0 auto",
             height: 52,
             px: 2.5,
-            borderBottom: "1px solid #e5e5e5"
+            borderBottom: "1px solid",
+            borderColor: "divider"
           },
           children: [
             downSm && /* @__PURE__ */ jsxRuntime.jsx(Back, { iconOnly: true, url: "/chat" }),
@@ -5305,7 +5307,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             flex: "0 0 auto",
             height: 52,
             px: 2.5,
-            borderBottom: "1px solid #e5e5e5"
+            borderBottom: "1px solid",
+            borderColor: "divider"
           },
           children: [
             downSm && /* @__PURE__ */ jsxRuntime.jsx(Back, { iconOnly: true, url: "/chat-in-wallet" }),
@@ -5469,7 +5472,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 fontSize: 12,
                 ".MuiInputBase-root": { pr: "8px!important" },
                 ".MuiInputBase-input": { py: "0!important" },
-                fieldset: { borderColor: "#eee!important" }
+                fieldset: { borderColor: "divider!important" }
               }
             }
           ),
@@ -5559,7 +5562,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       );
     }
-    const mergedSx = [{ display: "flex", height: "100%", bgcolor: "#fff" }, ...Array.isArray(sx) ? sx : [sx]];
+    const mergedSx = [
+      { display: "flex", height: "100%", bgcolor: "background.default" },
+      ...Array.isArray(sx) ? sx : [sx]
+    ];
     const handleChannelEdit = async (payload) => {
       if (payload.id) {
         await client2.updateChannel(payload);
@@ -5582,7 +5588,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             display: "flex",
             flexDirection: "column",
             width: { sm: 320, xs: "100%" },
-            borderRight: { sm: "1px solid #e5e5e5" }
+            borderRight: ({ palette }) => `1px solid ${palette.divider}`
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5595,7 +5601,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   gap: 1,
                   height: 52,
                   px: 3,
-                  borderBottom: "1px solid #e5e5e5"
+                  borderBottom: "1px solid",
+                  borderColor: "divider"
                 },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(UserSearch, { sx: { fontSize: 16, flex: 1 } }),
@@ -5604,7 +5611,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     {
                       onClick: () => setEditingChannel({ name: "", description: "" }),
                       sx: { p: 1, borderRadius: 1, border: 1, borderColor: "grey.200", height: 32, width: 32 },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Add, { sx: { color: "#000" } })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Add, { sx: { color: "text.primary" } })
                     }
                   ) })
                 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "files": [
     "dist"
   ],
@@ -18,10 +18,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@arcblock/bridge": "^2.13.11",
-    "@arcblock/react-hooks": "^2.13.11",
+    "@arcblock/bridge": "^2.13.16",
+    "@arcblock/react-hooks": "^2.13.16",
     "@arcblock/ws": "^1.20.2",
-    "@blocklet/uploader": "^0.1.83",
+    "@blocklet/uploader": "^0.1.84",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
@@ -45,8 +45,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.3.4",
-    "@blocklet/labels": "^2.3.4"
+    "@blocklet/editor": "^2.3.6",
+    "@blocklet/labels": "^2.3.6"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",