@ai-matrx/design-system 0.20.19 → 0.20.21

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.20.21
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.20.20..npm/design-system/v0.20.21 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.20.20
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.20.19..npm/design-system/v0.20.20 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.20.19
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/data-table/index.cjs

@@ -10312,7 +10312,7 @@ function MatrxDataTableCore({
                       "data-matrx-table-scroll": true,
                       onScroll: updateScrollHint,
                       "aria-busy": isLoading || isFetching,
-                      ...appendQuery === null ? {} : { style: { containerType: "inline-size" } },
+                      style: { containerType: "inline-size" },
                       className: cn(
                         "relative h-full w-full overflow-auto rounded-md border border-border bg-card",
                         mobileCards && tableWithCardsClass,
@@ -10518,8 +10518,8 @@ function MatrxDataTableCore({
                                   "td",
                                   {
                                     colSpan: visibleColumns.length + leadingCols + (showActionsCol ? 1 : 0),
-                                    className: "px-4 py-12 text-center",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "mx-auto flex max-w-sm flex-col items-center gap-2", children: [
+                                    className: "px-0 py-12 text-center",
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { "data-matrx-table-empty-state": true, className: "sticky left-0 flex flex-col items-center gap-2 whitespace-normal px-4", style: { width: "100cqw", maxWidth: "100%" }, children: [
                                       renderedEmptyState?.icon,
                                       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-sm font-medium text-foreground", children: renderedEmptyState?.title ?? "No rows" }),
                                       renderedEmptyState?.description ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: renderedEmptyState.description }) : null,