@ai-matrx/design-system 0.60.0 → 0.60.6

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # Changelog
 
+## 0.60.6
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.60.1..npm/design-system/v0.60.6 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.60.5
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.60.1..npm/design-system/v0.60.5 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.60.4
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.60.1..npm/design-system/v0.60.4 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.60.3
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.60.1..npm/design-system/v0.60.3 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.60.2
+### Unreleased
+
+- **THE DESKTOP STANDARD (`./desktop`, `./desktop.css`, `./desktop/lint`).** An opt-in macOS-class
+  layer for desktop apps (Matrx 2): the named scale (text styles, label levels, surfaces, fills,
+  tint, system colours, 22/28/32 controls, 24/28/36/48 rows, 16 px icons, 6/10/12 radii) and the
+  components built only from it — Text, Button, IconButton, TextField, SearchField, TextArea,
+  Select, Segmented, Page, PageHeader, Toolbar, Section, Row, DataTable, SourceList, StateView,
+  Banner, Meter, Tag, StatusLight, Kbd, Spinner, plus display formatters. `./desktop/lint` is the
+  ESLint plugin that holds desktop apps to it. Rules: `src/desktop/DESKTOP.md`. Guard:
+  `src/desktop/desktop-law.test.ts`.
+
+### Consumer action
+
+- None for the web: nothing loads `desktop.css` unless a host imports it; no existing component
+  changed.
+
+## 0.60.1
+
+- **A declared actions column is as wide as its controls.** A `customActions` column with no
+  `width` is no longer resizable by default, so it never takes an `auto` share of a table's slack:
+  on a short list filling a wide screen (matrx-frontend's /board/all) the row menu stood alone at
+  the right of a 180 px column under a left-aligned "Actions". It now draws `w-px` + nowrap like
+  the built-in actions column, and a pinned actions column's header sits on the right, over its
+  buttons. A declared `width` or `resizable: true` still wins. Guard:
+  `src/data-table/MatrxDataTable.actions-column-hugs-its-controls.test.tsx` (red on 0.60.0).
+
+### Consumer action
+
+- None. A consumer that wants a wider actions column declares its `width`.
+
 ## 0.60.0
 
 - **THE CURSOR LAW (owner, 2026-10-03; `common-docs/policies/cursor-law.md`).** The cursor is set

package/dist/data-table/index.cjs

@@ -52876,7 +52876,15 @@ function MatrxDataTableCore(coreProps) {
       editable: _edit,
       ...custom
     } = column;
-    return { ...custom, id: columnId(column), reorderable: false, sortable: false, filter: false, editable: false };
+    return {
+      ...custom,
+      id: columnId(column),
+      reorderable: false,
+      sortable: false,
+      filter: false,
+      editable: false,
+      ...custom.resizable === void 0 && custom.width === void 0 ? { resizable: false } : {}
+    };
   }), [suppliedColumns]);
   const embedded = appearance === "embedded";
   const zebra = suppliedZebra ?? !embedded;
@@ -55571,6 +55579,7 @@ function MatrxDataTableCore(coreProps) {
                   sheetCell?.["data-matrx-cell-active"] && "relative z-10 ring-2 ring-inset ring-primary",
                   carriesFillHandle && "relative",
                   col.compact || resolveColumnMarker(col) !== void 0 ? "px-1" : "px-2",
+                  col.customActions && col.width === void 0 && !(resizableColumns && col.resizable !== false) && "w-px whitespace-nowrap",
                   // nowrap (NOT truncate — truncate clips the cell and
                   // defeats w-max, killing the horizontal scroll).
                   "max-sm:whitespace-nowrap",
@@ -56580,6 +56589,8 @@ function MatrxDataTableCore(coreProps) {
                                               "aria-sort": isSorted ? sort?.direction === "asc" ? "ascending" : "descending" : void 0,
                                               className: cn(
                                                 "relative h-9 text-left align-middle max-sm:whitespace-nowrap",
+                                                // A declared actions column with no width shrinks to its controls, like the built-in one.
+                                                col.customActions && width === void 0 && !columnResizable && "w-px whitespace-nowrap",
                                                 // ICON COLUMN (MatrxColumnDef.compact): a 40px star
                                                 // column cannot honor `width: 40` while paying 16px of
                                                 // padding for a 14px glyph.
@@ -56604,7 +56615,7 @@ function MatrxDataTableCore(coreProps) {
                                                 phoneFrozenId === id && FROZEN_PHONE_HEADER_CLASS,
                                                 embedded && (frozenColumns.offsets[id] !== void 0 || phoneFrozenId === id) && "sm:bg-card max-sm:bg-card",
                                                 frozenEdgeId === id && FROZEN_EDGE_CLASS,
-                                                pinnedActionsColumnId === id && "sm:sticky sm:right-0 sm:z-30 sm:bg-muted sm:shadow-[inset_1px_0_0_var(--color-border)]",
+                                                pinnedActionsColumnId === id && "text-right sm:sticky sm:right-0 sm:z-30 sm:bg-muted sm:shadow-[inset_1px_0_0_var(--color-border)]",
                                                 pinnedActionsColumnId === id && embedded && "sm:bg-card"
                                               ),
                                               style: {