@ai-matrx/design-system 0.55.0 → 0.56.0

package/CHANGELOG.md

@@ -1,7 +1,46 @@
 # Changelog
 
+## 0.56.0
+
+- **THE PANEL MOTION (the motion standard, Arman 2026-10-02).** Every panel-like slide the
+  package ships now opens AND closes on one token pair, `--matrx-motion-duration-panel` /
+  `--matrx-motion-ease-panel`: the Sheet on every side (was 500ms `ease-out` in, 300ms
+  `ease-in` out), the mobile Dialog / CommandDialog bottom sheet (was 200ms), the vaul Drawer
+  and its scrim (was vaul 1.1.2's 0.5s `cubic-bezier(0.32,0.72,0,1)`, including the inline
+  settle after a released drag — a drag itself still has no transition), and the Sidebar's
+  collapse (`--sidebar-duration` / `--sidebar-easing` are now defined from the pair, was
+  200ms `linear`). The names are the package's contract; `tokens.css` ships the standard as
+  the layered default — 600ms, `cubic-bezier(0.4, 0, 0.2, 1)`, 0ms under
+  `prefers-reduced-motion: reduce` — and a host that declares them unlayered owns the values.
+  `--matrx-motion-duration-sheet` is removed (nothing reads it). Menus, popovers, tooltips and
+  dialogs keep the small-motion tokens. Guard: `src/panel-motion.test.ts` (15 red on 0.55.1).
+
+### Consumer action
+
+- Hosts that already define `--matrx-motion-duration-panel` / `--matrx-motion-ease-panel`
+  (matrx-frontend `app/globals.css`) need nothing. Any other host gets the standard from
+  `tokens.css`; to retime every panel at once, redeclare the two tokens unlayered.
+- Remove any host override of `--matrx-motion-duration-sheet` (no longer read).
+
+## 0.55.1
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.55.0..npm/design-system/v0.55.1 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
 ## 0.55.0
 
+- **Icon-only standard row actions (Arman, October 2).** `rowActions` now returns
+  `MatrxTableIconAction[]`: id, icon component, accessible label, callback and optional
+  tooltip, disabled/loading state, tone and button variant. The package owns button markup
+  and sizing; no children, text renderer or React-node escape hatch is accepted. A complex
+  menu/editor declares a column with `customActions` instead. That column is non-data,
+  not draggable, excluded from copy/spreadsheet cells, and carries the live record controls.
+  Custom header controls belong to that column's `header`; `rowActionsHeader` is removed.
+  Frontend, Dashboard, Records Grid and desktop callers are migrated without changing writes.
+  Guards: `TableIconActions.test.tsx`, edit-actions, layout-look, density and row-cost tests.
+
+
 - **Custom fields on every list (lane 7 STANDARD-TABLES W5).** `MatrxDataTable` takes `rowToken`
   (the registry token of its rows); the host port `useCustomFieldColumns(token, organizationIds)` —
   a hook bound once — answers that token's custom-field columns for the rows' own organizations

package/README.md

@@ -223,3 +223,23 @@ component lifetime. A return to that identity restores its drafts; drafts from
 other results offer Copy and confirmed Discard, never a save against the current
 rows. Applications own persistence across unmounts and must remount the table
 when changing authenticated users so prior-user drafts are not exposed.
+
+### Table row actions
+
+Standard `MatrxDataTable.rowActions` returns icon descriptors, never React content:
+
+```tsx
+rowActions={(row) => [{
+  id: "inspect", icon: Eye, label: `Inspect ${row.name}`,
+  tooltip: "Open record details", onClick: () => openRecord(row.id),
+  variant: "ghost", tone: "primary",
+}]}
+```
+
+`label` is the accessible name and default tooltip, not visible button text. `disabled` and
+`loading` retain the icon button; the table owns density and sizing. `onClick` receives the
+button event for callers that need modifier keys. A menu, editor or other React content must
+be declared in its own column: `{ id: "workflow", header: "Workflow", customActions: (row,
+controls) => <WorkflowMenu row={row} controls={controls} /> }`. Custom columns carry live
+record controls, never participate in sort/filter/copy/spreadsheet data, and are not draggable
+(their headers may contain controls). Hidden custom columns stay hidden in mobile cards too.

package/dist/data-table/copy-helpers.d.cts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.cjs';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-v-hFI3Pk.cjs';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-CNFxkmfs.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/copy-helpers.d.ts

@@ -1,5 +1,5 @@
 import { AgentPayloadInput } from './copy-types.js';
-import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-DlGwwJbD.js';
+import { g as MatrxDataTableCopyConfig, M as MatrxColumnDef } from '../layered-filters-cXDqSLSR.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/filter-engine.d.cts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-v-hFI3Pk.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-CNFxkmfs.cjs';
 import '../content-transfer.cjs';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/filter-engine.d.ts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-DlGwwJbD.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../layered-filters-cXDqSLSR.js';
 import '../content-transfer.js';
 import 'react';
 import '@ai-matrx/kit/content-transfer';

package/dist/data-table/host.d.cts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.cjs';
-import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-v-hFI3Pk.cjs';
+import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-CNFxkmfs.cjs';
 import { MatrxTableMenuItem, MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.cjs';
 export { MatrxTableMenuSection } from './menu-targets.cjs';
 import '../content-transfer.cjs';

package/dist/data-table/host.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.js';
-import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-DlGwwJbD.js';
+import { M as MatrxColumnDef, b as TableSavedViewsProps, c as MatrxDataTableDensity, d as MatrxDataTableRecordControls } from '../layered-filters-cXDqSLSR.js';
 import { MatrxTableMenuItem, MatrxTableMenuTarget, MatrxTableMenuPayload, MatrxTableMenuSectionsResolver, MatrxTableMenuIconName } from './menu-targets.js';
 export { MatrxTableMenuSection } from './menu-targets.js';
 import '../content-transfer.js';