@ai-matrx/design-system 0.55.1 → 0.56.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # 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

package/dist/index.cjs

@@ -4757,8 +4757,8 @@ function SidebarProvider({
       style: {
         "--sidebar-width": SIDEBAR_WIDTH,
         "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-        "--sidebar-duration": "200ms",
-        "--sidebar-easing": "linear",
+        "--sidebar-duration": "var(--matrx-motion-duration-panel)",
+        "--sidebar-easing": "var(--matrx-motion-ease-panel)",
         ...style
       },
       className: cn(