@ai-matrx/design-system 0.19.12 → 0.19.15

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.
@@ -8361,10 +8361,7 @@ function MatrxDataTableCore({
8361
8361
  ...appendScrollPolicy?.mode === "scroll" && appendScrollPolicy.intentTimeoutMs !== void 0 ? { intentTimeoutMs: appendScrollPolicy.intentTimeoutMs } : {}
8362
8362
  });
8363
8363
  const rootRef = useRef9(null);
8364
- const actionDiagnosticObserver = useRef9(null);
8365
8364
  const setDiagnosticBoundaryRef = useCallback5((node) => {
8366
- actionDiagnosticObserver.current?.disconnect();
8367
- actionDiagnosticObserver.current = null;
8368
8365
  rootRef.current = node;
8369
8366
  if (!node) return;
8370
8367
  node.style.setProperty("outline", "2px solid #2563eb", "important");
@@ -8382,22 +8379,6 @@ function MatrxDataTableCore({
8382
8379
  boundary.style.setProperty("z-index", "2147483647", "important");
8383
8380
  boundary.style.setProperty("box-sizing", "border-box", "important");
8384
8381
  boundary.style.setProperty("border", "2px solid #2563eb", "important");
8385
- const paintActionDiagnostics = () => {
8386
- const paint = (selector, color) => {
8387
- for (const element of Array.from(node.querySelectorAll(selector))) {
8388
- if (element.closest("[data-matrx-table]") !== node) continue;
8389
- element.style.setProperty("outline", `1px solid ${color}`, "important");
8390
- element.style.setProperty("outline-offset", "-1px", "important");
8391
- }
8392
- };
8393
- paint("[data-matrx-table-row-action-cell], [data-matrx-table-row-actions]", "#16a34a");
8394
- paint("[data-matrx-table-row-actions] :is(button, a)", "#f97316");
8395
- paint("[data-matrx-table-row-actions] .matrx-tap-pill", "#a855f7");
8396
- paint("[data-matrx-table-row-actions] svg", "#ef4444");
8397
- };
8398
- paintActionDiagnostics();
8399
- actionDiagnosticObserver.current = new MutationObserver(paintActionDiagnostics);
8400
- actionDiagnosticObserver.current.observe(node, { childList: true, subtree: true });
8401
8382
  }, []);
8402
8383
  useClippedContentGuard(rootRef, {
8403
8384
  label: typeof copy === "object" && copy.listLabel ? `Table: ${copy.listLabel}` : "MatrxDataTable"
@@ -10068,7 +10049,7 @@ function MatrxDataTableCore({
10068
10049
  "th",
10069
10050
  {
10070
10051
  "data-matrx-table-actions-column": true,
10071
- className: "h-9 w-px text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground",
10052
+ className: "h-9 w-px px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground",
10072
10053
  style: fixedUtilityWidth(fixedTableGeometry?.actionsWidth),
10073
10054
  children: "Actions"
10074
10055
  }