@flytedan/flytebot-design-system 0.12.10 → 0.12.11

package/dist/index.cjs

@@ -3159,13 +3159,15 @@ function EntityRow({
       onPointerDown,
       className: ["fd-erow", tone === "danger" ? "fd-erow-danger" : "", className].filter(Boolean).join(" "),
       style: {
-        // display/alignItems/gap moved to the .fd-erow stylesheet rule (MP-114
-        // follow-up): an inline style always wins over a stylesheet rule regardless of
-        // specificity or media/container query, which would have made it impossible
-        // for the narrow-container rule below to ever switch this row from a flex row
-        // to a grid (see that rule's own comment for why it needs to).
+        // display/alignItems/gap/padding moved to the .fd-erow stylesheet rule
+        // (MP-114 follow-ups): an inline style always wins over a stylesheet rule
+        // regardless of specificity or media/container query, which would have made
+        // it impossible for the narrow-container rule below to ever switch this row
+        // from a flex row to a grid — and padding specifically is also read back by
+        // .fd-tlist-footer's own indent calc(), as --erow-pad-x, so it has to be a
+        // real, readable stylesheet value rather than a number only this component
+        // ever sees.
         height: "100%",
-        padding: "0 12px",
         cursor: draggable ? "grab" : void 0,
         // Own the gesture on touch too — without this, a touch-drag on a draggable row
         // starts the page scrolling instead of (or as well as) the pointer drag.
@@ -3173,7 +3175,12 @@ function EntityRow({
         ...style
       },
       children: [
-        draggable ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "ph ph-dots-six-vertical fd-erow-grip", "aria-hidden": "true", style: { fontSize: 14, flex: "none", color: "var(--text-muted)" } }) : null,
+        draggable ? (
+          // font-size moved to the .fd-erow-grip stylesheet rule, same reason as the
+          // row's own padding above: .fd-tlist-footer's indent reads it back as
+          // --erow-grip-size.
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "ph ph-dots-six-vertical fd-erow-grip", "aria-hidden": "true", style: { flex: "none", color: "var(--text-muted)" } })
+        ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "fd-erow-body", children: [
           /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "fd-erow-titleline", children: [
             titleIcon ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Tooltip, { label: titleIcon.tooltip, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(