@opencxh/ui-kit 3.123.0 → 3.123.2

package/dist/index.js

@@ -559,7 +559,7 @@ const $t = {
   sm: "text-sm",
   md: "text-base",
   lg: "text-md",
-  full: "text-md"
+  full: "text-base"
 }, ge = me(
   ({
     label: t,
@@ -3021,7 +3021,7 @@ const nn = ({
           return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: C.options?.map((k) => /* @__PURE__ */ c(
             "label",
             {
-              className: "flex cursor-pointer items-center gap-2 text-base text-text",
+              className: "flex cursor-pointer items-center gap-3 text-base text-text",
               children: [
                 /* @__PURE__ */ e(
                   "input",
@@ -4169,10 +4169,13 @@ function pn({
       className: d(
         // A bubble never spans the whole column; it narrows further from md,
         // where the thread itself is wide enough for the difference to matter.
-        "min-w-0 max-w-bubble border md:max-w-bubble-md",
-        n === "warning" && "border-warning-border",
-        n === "note" && "border-note-border",
-        n === "default" && "border-border",
+        "min-w-0 max-w-bubble md:max-w-bubble-md",
+        // No outline on an ordinary message: its fill already separates it from
+        // the thread, and a border on every bubble turns a conversation into a
+        // stack of boxes. The flagged tones keep theirs — there the outline is
+        // the signal, not decoration.
+        n === "warning" && "border border-warning-border",
+        n === "note" && "border border-note-border",
         // The tight corner points back at the sender.
         t === "out" ? "rounded-lg rounded-tr-sm" : "rounded-lg rounded-tl-sm",
         n === "note" ? "bg-note-soft" : t === "out" ? "bg-bubble-out-soft" : "bg-surface",