@gisce/react-ooui 2.63.0-alpha.3 → 2.63.0-alpha.4

package/dist/react-ooui.es.js

@@ -3891,11 +3891,19 @@ const _u = xt(Au), Fu = ({
     ...new Set(r.filter((o) => o in e.fields))
   ];
 }, { useToken: Du } = Ue, { Text: ui } = Ut, Ys = (e) => {
-  const { title: t, children: n, action: r, openAction: o, parms: a, tooltip: s } = e, { token: l } = Du(), c = Object.keys(a).length > 0;
+  const {
+    title: t,
+    children: n,
+    action: r,
+    openAction: o,
+    parms: a,
+    tooltip: s,
+    card: l = !1
+  } = e, { token: c } = Du(), u = Object.keys(a).length > 0;
   return /* @__PURE__ */ V(
     "div",
     {
-      className: c ? "shadow-md" : void 0,
+      className: u ? "shadow-md" : void 0,
       style: {
         height: "100%",
         display: "flex",
@@ -3903,7 +3911,7 @@ const _u = xt(Au), Fu = ({
         overflow: "hidden",
         border: "1px solid #eee",
         backgroundColor: "white",
-        borderRadius: l.borderRadius
+        borderRadius: c.borderRadius
       },
       children: [
         /* @__PURE__ */ V(
@@ -3911,8 +3919,8 @@ const _u = xt(Au), Fu = ({
           {
             align: "middle",
             style: {
-              borderBottom: "1px solid #ddd",
-              backgroundColor: l.colorPrimaryBg
+              borderBottom: l ? "none" : "1px solid #ddd",
+              backgroundColor: l ? c.colorBgBase : c.colorPrimaryBg
             },
             wrap: !1,
             children: [
@@ -3924,13 +3932,23 @@ const _u = xt(Au), Fu = ({
                   style: {
                     fontWeight: "bold",
                     padding: "0.5rem",
-                    cursor: c ? "grab" : void 0,
+                    cursor: u ? "grab" : void 0,
                     overflow: "hidden"
                   },
                   children: s ? /* @__PURE__ */ V(oe, { children: [
                     /* @__PURE__ */ i(It, { title: s, children: /* @__PURE__ */ i($n, { className: "pr-1 text-xs" }) }),
                     /* @__PURE__ */ i(ui, { ellipsis: !0, children: t })
-                  ] }) : /* @__PURE__ */ i(ui, { ellipsis: !0, children: t })
+                  ] }) : /* @__PURE__ */ i(
+                    ui,
+                    {
+                      ellipsis: !0,
+                      style: {
+                        color: l ? c.colorTextDescription : c.colorTextHeading,
+                        fontWeight: l ? "normal" : "bold"
+                      },
+                      children: t
+                    }
+                  )
                 }
               ),
               r && /* @__PURE__ */ i(Te, { flex: "25px", style: { padding: "0.5rem" }, children: /* @__PURE__ */ i(Be, { justify: "end", align: "middle", children: /* @__PURE__ */ i(
@@ -3945,8 +3963,8 @@ const _u = xt(Au), Fu = ({
             ]
           }
         ),
-        !c && /* @__PURE__ */ i("div", { style: { padding: 10 }, children: /* @__PURE__ */ i(er, { children: n }) }),
-        c && /* @__PURE__ */ i(er, { children: n })
+        !u && /* @__PURE__ */ i("div", { style: { padding: 10 }, children: /* @__PURE__ */ i(er, { children: n }) }),
+        u && /* @__PURE__ */ i(er, { children: n })
       ]
     }
   );
@@ -4027,6 +4045,7 @@ const _u = xt(Au), Fu = ({
       action: s,
       openAction: m,
       tooltip: O,
+      card: t.card,
       children: [
         l && /* @__PURE__ */ i(jn, {}),
         !l && /* @__PURE__ */ i(oe, { children: o ? (w == null ? void 0 : w.id) && /* @__PURE__ */ i(