dowel-ui 0.35.0 → 0.37.0

package/dist/theme.css

@@ -644,6 +644,27 @@
   --ease-out: cubic-bezier(0.2, 0, 0, 1);
   --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
 
+  /*
+   * Durations, as the namespace Tailwind's `duration-*` reads, so
+   * `duration-quick` is a class. The steps are declared once, as `--duration-*`
+   * further down; these only name them for the compiler.
+   *
+   * Until v0.37 they were not here, and the comment beside the steps said a
+   * named duration could not be a class. It can - the namespace is
+   * `--transition-duration-*` - and eight primitives had been writing
+   * `duration-quick` and `duration-base` all along: classes that compiled to
+   * nothing, so every one of those transitions ran on Tailwind's 150ms. The
+   * motion gate now compiles every class of motion the set writes.
+   *
+   * The default is a step too. A bare `transition-colors` - most of the set's
+   * transitions - takes it, and 150ms was the one duration in the set nobody
+   * had chosen.
+   */
+  --transition-duration-quick: var(--duration-quick);
+  --transition-duration-base: var(--duration-base);
+  --transition-duration-slow: var(--duration-slow);
+  --default-transition-duration: var(--duration-quick);
+
   /*
    * Elevation. Three steps, because the products had one and used it for a
    * toast, a dropdown and a modal alike - so a modal never sat further from
@@ -719,6 +740,17 @@
    */
   --spacing-rail-compact: 56px;
 
+  /*
+   * A list beside what is open in it: `ListDetail`'s column of rows.
+   *
+   * Wider than the rail on purpose. The rail holds a destination per line -
+   * one word and an icon - and a list holds a title with a line under it and
+   * a date at the end, which at 216px is cut to three words. kilna drew six
+   * such screens with five widths and three gaps before settling on two
+   * widths, this and the rail's; 264 is the one its rows read at.
+   */
+  --spacing-list: 264px;
+
   /*
    * How much of a frameless window's edge can be grabbed to resize it.
    *
@@ -901,10 +933,10 @@
    * `quick` for a colour or an opacity that should feel immediate, `base` for
    * something that moves, `slow` for something arriving from off-screen.
    *
-   * Not in `@theme`: Tailwind's `duration-*` utility takes a literal number,
-   * not a named step, so these are read directly - `transition-duration:
-   * var(--duration-base)`. The easing curves opposite them ARE a namespace,
-   * so `ease-out` is a class.
+   * Declared here rather than in `@theme`, so the token keeps its name - the
+   * `@theme` block above maps each to `--transition-duration-*`, which is what
+   * makes `duration-quick` a class. Inside an arbitrary transition they are
+   * read directly: `[transition:opacity_var(--duration-quick)_var(--ease-out)]`.
    *
    * Every duration here is for people who want motion: `prefers-reduced-
    * motion` cuts them to nothing further down.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dowel-ui",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "description": "The lacodda line design system: theme tokens and React primitives, distributed as a shadcn-compatible registry.",
   "license": "MIT",
   "type": "module",
@@ -54,6 +54,7 @@
     "./prose.css": "./dist/prose.css",
     "./tokens.json": "./dist/tokens.json",
     "./registry.json": "./dist/registry.json",
+    "./history.json": "./dist/history.json",
     "./accents/*.css": "./dist/accents/*.css",
     "./palettes/*.json": "./dist/palettes/*.json"
   },
@@ -68,11 +69,11 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/node": "^26.6.3",
+    "@types/node": "^26.6.5",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "class-variance-authority": "^0.7.1",
-    "eslint": "^10.11.0",
+    "eslint": "^10.12.0",
     "react": "^19.3.0",
     "react-dom": "^19.3.0"
   },