@ai-matrx/design-system 0.18.20 → 0.18.21

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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.18.21
4
+
5
+ Automatic changed-only republish (docs/metadata drift since the last tag — see
6
+ `git diff npm/design-system/v0.18.20..npm/design-system/v0.18.21 -- apps/shared/design-system`).
7
+ No source changes intended and no consumer action required.
8
+
3
9
  ## 0.18.20
4
10
 
5
11
  Automatic changed-only republish (docs/metadata drift since the last tag — see
@@ -924,7 +924,7 @@ function TableTitleRow({
924
924
  {
925
925
  "data-matrx-table-toolbar": true,
926
926
  className: cn(
927
- "flex min-w-0 shrink-0 flex-wrap items-center gap-2 border-t border-border pt-2",
927
+ "flex min-w-0 shrink-0 flex-wrap items-center gap-2",
928
928
  className
929
929
  ),
930
930
  children: [
@@ -951,7 +951,7 @@ function TableTitleRow({
951
951
  "div",
952
952
  {
953
953
  "data-matrx-table-actions": true,
954
- className: "ml-auto flex min-w-0 flex-wrap items-center gap-2",
954
+ className: "ml-auto flex min-w-0 flex-wrap items-center gap-0",
955
955
  children: actions
956
956
  }
957
957
  ) : null
@@ -8181,7 +8181,7 @@ function MatrxDataTableCore({
8181
8181
  // where every row read as an empty text input rather than a selection
8182
8182
  // control. The control keeps its own size and gains the 44px tap area
8183
8183
  // as an invisible ::before below.
8184
- "flex h-full min-h-0 flex-col gap-2 max-lg:[&_button:not([role=checkbox]):not([role=radio]):not([role=switch])]:min-h-11 max-lg:[&_button:not([role=checkbox]):not([role=radio]):not([role=switch])]:min-w-11 max-lg:[&_input]:min-h-11 max-lg:[&_table_a]:inline-flex max-lg:[&_table_a]:min-h-11 max-lg:[&_table_a]:items-center",
8184
+ "flex h-full min-h-0 flex-col p-2 max-lg:[&_button:not([role=checkbox]):not([role=radio]):not([role=switch])]:min-h-11 max-lg:[&_button:not([role=checkbox]):not([role=radio]):not([role=switch])]:min-w-11 max-lg:[&_input]:min-h-11 max-lg:[&_table_a]:inline-flex max-lg:[&_table_a]:min-h-11 max-lg:[&_table_a]:items-center",
8185
8185
  className
8186
8186
  ),
8187
8187
  children: [
@@ -8307,7 +8307,7 @@ function MatrxDataTableCore({
8307
8307
  "div",
8308
8308
  {
8309
8309
  "data-matrx-table-actions": true,
8310
- className: "ml-auto flex min-w-0 flex-wrap items-center gap-2",
8310
+ className: "ml-auto flex min-w-0 flex-wrap items-center gap-0",
8311
8311
  children: [
8312
8312
  sourceTotal !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
8313
8313
  "span",
@@ -8560,7 +8560,7 @@ function MatrxDataTableCore({
8560
8560
  "div",
8561
8561
  {
8562
8562
  "data-matrx-table-row-actions": true,
8563
- className: "inline-flex items-center gap-0",
8563
+ className: "inline-flex items-center justify-end gap-0",
8564
8564
  onClick: (event) => event.stopPropagation(),
8565
8565
  children: [
8566
8566
  showRowCopy && effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
@@ -8735,7 +8735,7 @@ function MatrxDataTableCore({
8735
8735
  id
8736
8736
  );
8737
8737
  }),
8738
- showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "h-9 w-28 px-2 text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Actions" })
8738
+ showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "h-9 w-px text-right align-middle text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Actions" })
8739
8739
  ] }) }),
8740
8740
  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tbody", { children: [
8741
8741
  isLoading ? Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { className: "border-b border-border/60", children: [
@@ -8752,7 +8752,7 @@ function MatrxDataTableCore({
8752
8752
  },
8753
8753
  columnId(col)
8754
8754
  )),
8755
- showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { className: "ml-auto h-5 w-10" }) })
8755
+ showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "text-right align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Skeleton, { className: "ml-auto h-5 w-10" }) })
8756
8756
  ] }, `sk-${i}`)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
8757
8757
  "td",
8758
8758
  {
@@ -8860,7 +8860,7 @@ function MatrxDataTableCore({
8860
8860
  columnId(col)
8861
8861
  );
8862
8862
  }),
8863
- showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { "data-matrx-table-row-action-cell": true, className: "px-2 py-1.5 text-right align-middle lg:py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
8863
+ showActionsCol && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { "data-matrx-table-row-action-cell": true, className: "text-right align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
8864
8864
  "div",
8865
8865
  {
8866
8866
  "data-matrx-table-row-actions": true,
@@ -8968,7 +8968,7 @@ function MatrxDataTableCore({
8968
8968
  },
8969
8969
  columnId(column)
8970
8970
  )),
8971
- showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "px-2 py-2" }) : null
8971
+ showActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", {}) : null
8972
8972
  ] }, `footer-${index}`)) }) : null
8973
8973
  ] })
8974
8974
  ]
@@ -9011,7 +9011,7 @@ function MatrxDataTableCore({
9011
9011
  "div",
9012
9012
  {
9013
9013
  "data-matrx-table-footer": true,
9014
- className: "flex min-h-16 shrink-0 flex-wrap items-center justify-between gap-3 border-t border-border px-3 py-2",
9014
+ className: "flex min-h-16 shrink-0 flex-wrap items-center justify-between gap-3 border-t border-border",
9015
9015
  "aria-busy": isLoading || isFetching,
9016
9016
  children: [
9017
9017
  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(