@flytedan/flytebot-design-system 0.11.4 → 0.11.5
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.cjs +6 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +6 -7
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/components.css +37 -32
package/dist/index.cjs
CHANGED
|
@@ -3036,16 +3036,13 @@ function EntityRowMetrics({ metrics, className = "", style }) {
|
|
|
3036
3036
|
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: ["fd-erow-metrics", className].filter(Boolean).join(" "), style, children: metrics.map((m, i) => {
|
|
3037
3037
|
const key = m.id || m.label || i;
|
|
3038
3038
|
const className2 = ["fd-erow-metric", m.tone && m.tone !== "default" ? "is-" + m.tone : "", m.tooltip != null ? "is-described" : ""].filter(Boolean).join(" ");
|
|
3039
|
-
const
|
|
3039
|
+
const tone = { color: METRIC_TONE_COLOR[m.tone || "default"] };
|
|
3040
3040
|
const content = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(React17.Fragment, { children: [
|
|
3041
3041
|
m.icon ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("i", { className: "ph ph-" + m.icon, "aria-hidden": "true" }) : null,
|
|
3042
3042
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-erow-metric-value fd-tabular", children: m.value }),
|
|
3043
3043
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-sr", children: " " + m.label })
|
|
3044
3044
|
] });
|
|
3045
|
-
|
|
3046
|
-
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: className2, style: cellStyle, title: m.label, children: content }, key);
|
|
3047
|
-
}
|
|
3048
|
-
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Tooltip, { label: m.tooltip, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("button", { type: "button", className: className2, style: cellStyle, children: content }) }, key);
|
|
3045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "fd-erow-cell", style: { "--erow-metric-w": (m.width || ENTITY_ROW_METRIC_WIDTH) + "px" }, children: m.tooltip == null ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: className2, style: tone, title: m.label, children: content }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Tooltip, { label: m.tooltip, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("button", { type: "button", className: className2, style: tone, children: content }) }) }, key);
|
|
3049
3046
|
}) });
|
|
3050
3047
|
}
|
|
3051
3048
|
function EntityRow({
|
|
@@ -3401,8 +3398,10 @@ function TransferList({
|
|
|
3401
3398
|
);
|
|
3402
3399
|
};
|
|
3403
3400
|
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: ["fd-tlist", className].filter(Boolean).join(" "), children: [
|
|
3404
|
-
|
|
3405
|
-
|
|
3401
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fd-tlist-panes", children: [
|
|
3402
|
+
renderSide("left", left, "right"),
|
|
3403
|
+
renderSide("right", right, "left")
|
|
3404
|
+
] }),
|
|
3406
3405
|
drag ? (0, import_react_dom4.createPortal)(
|
|
3407
3406
|
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3408
3407
|
"div",
|