@joewinke/jatui 0.42.0 → 0.44.0

package/dist/styles/motion.css

@@ -223,3 +223,75 @@
 		opacity: 1;
 	}
 }
+
+/*
+ * One-shot utility animations (BoardUI wave 5, jatui-bns3w). All on the
+ * tokens above, so they scale with data-motion and collapse under reduced
+ * motion. Ideas after BoardUI's globals.css (MIT © 2026 Mertcan Dundar
+ * Esmergul).
+ *
+ *   .jatui-check-draw   — an SVG stroke with pathLength="1" draws itself on
+ *                         (the CheckGlyph tick carries its own copy).
+ *   .jatui-row-exit     — a list row slides aside and collapses its height;
+ *                         remove it on `animationend` (bulk-delete flows).
+ *   .jatui-label-out / .jatui-label-in — a button label swap: old text
+ *                         lifts out, new text rises in.
+ */
+.jatui-check-draw {
+	stroke-dasharray: 1;
+	stroke-dashoffset: 1;
+	animation: jatui-check-draw var(--motion-fast) var(--motion-glide) forwards;
+}
+
+@keyframes jatui-check-draw {
+	to {
+		stroke-dashoffset: 0;
+	}
+}
+
+.jatui-row-exit {
+	overflow: hidden;
+	animation: jatui-row-exit var(--motion-move) var(--motion-standard) forwards;
+}
+
+@keyframes jatui-row-exit {
+	0% {
+		opacity: 1;
+		transform: translateX(0);
+		max-height: var(--jatui-row-h, 4rem);
+	}
+	50% {
+		opacity: 0;
+		transform: translateX(calc(var(--motion-travel) * 1.5));
+		max-height: var(--jatui-row-h, 4rem);
+	}
+	100% {
+		opacity: 0;
+		transform: translateX(calc(var(--motion-travel) * 1.5));
+		max-height: 0;
+		padding-block: 0;
+		margin-block: 0;
+	}
+}
+
+.jatui-label-out {
+	animation: jatui-label-out var(--motion-fast) var(--motion-glide) forwards;
+}
+
+.jatui-label-in {
+	animation: jatui-label-in var(--motion-enter) var(--motion-glide) both;
+}
+
+@keyframes jatui-label-out {
+	to {
+		opacity: 0;
+		transform: translateY(calc(var(--motion-travel) * -0.5));
+	}
+}
+
+@keyframes jatui-label-in {
+	from {
+		opacity: 0;
+		transform: translateY(calc(var(--motion-travel) * 0.5));
+	}
+}

package/dist/styles/rail.css

@@ -74,3 +74,54 @@
   line-height: 1rem;          /* 16px */
   letter-spacing: 0.01em;
 }
+
+/* ─── Type ramp — composite text utilities (BoardUI wave 5) ──────────────
+   Each class sets size + line-height + tracking + weight together, so a
+   caption is one class instead of `text-xs font-medium tracking-wide`.
+   Deliberately small (six steps), not a Figma matrix. Colour is left to
+   the caller (text-base-content/60 etc.). Idea after BoardUI's
+   typography.css (MIT © 2026 Mertcan Dundar Esmergul).
+   ─────────────────────────────────────────────────────────────────────── */
+
+.text-jatui-caption {
+  font-size: 0.75rem;         /* 12px */
+  line-height: 1rem;
+  letter-spacing: 0.01em;
+  font-weight: 400;
+}
+
+.text-jatui-label {
+  font-size: 0.6875rem;       /* 11px — uppercase instrument label */
+  line-height: 1rem;
+  letter-spacing: 0.08em;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+
+.text-jatui-body {
+  font-size: 0.875rem;        /* 14px */
+  line-height: 1.25rem;
+  letter-spacing: 0;
+  font-weight: 400;
+}
+
+.text-jatui-body-strong {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: 0;
+  font-weight: 600;
+}
+
+.text-jatui-title {
+  font-size: 1.125rem;        /* 18px */
+  line-height: 1.5rem;
+  letter-spacing: -0.01em;
+  font-weight: 600;
+}
+
+.text-jatui-display {
+  font-size: 1.875rem;        /* 30px */
+  line-height: 2.25rem;
+  letter-spacing: -0.02em;
+  font-weight: 700;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joewinke/jatui",
-  "version": "0.42.0",
+  "version": "0.44.0",
   "private": false,
   "description": "Shared Svelte 5 component library for JAT projects",
   "type": "module",