@tasker-systems/temper-design 0.0.0-stage → 0.6.3

package/quiet-instrument-paper/theme.css

@@ -0,0 +1,66 @@
+/* Generated from quiet-instrument-paper/theme.json by themes/scripts/themes.sh build. Do not edit. */
+[data-theme="quiet-instrument-paper"] {
+  color-scheme: light;
+  --tp-ground: #f5f3ee;
+  --tp-surface: #efece5;
+  --tp-surface-raised: #ffffff;
+  --tp-overlay: rgba(20, 20, 30, 0.35);
+  --tp-text: #1a1a2e;
+  --tp-text-muted: rgba(26, 26, 46, 0.78);
+  --tp-text-subtle: rgba(26, 26, 46, 0.64);
+  --tp-text-faint: rgba(26, 26, 46, 0.42);
+  --tp-rule: rgba(26, 26, 46, 0.08);
+  --tp-rule-strong: rgba(26, 26, 46, 0.16);
+  --tp-accent: #2c6a8f;
+  --tp-accent-muted: rgba(44, 106, 143, 0.55);
+  --tp-accent-line: rgba(44, 106, 143, 0.50);
+  --tp-accent-line-soft: rgba(44, 106, 143, 0.28);
+  --tp-accent-wash: rgba(44, 106, 143, 0.07);
+  --tp-accent-hover: rgba(44, 106, 143, 0.11);
+  --tp-on-accent: #ffffff;
+  --tp-focus: #1f6fb2;
+  --tp-notice: #8a5a00;
+  --tp-notice-wash: rgba(245, 158, 11, 0.10);
+  --tp-success: #1d6b3f;
+  --tp-success-wash: rgba(34, 139, 84, 0.08);
+  --tp-danger: #a23b24;
+  --tp-danger-wash: rgba(192, 72, 44, 0.08);
+  --tp-pending: #2c6a8f;
+  --tp-pending-wash: rgba(44, 106, 143, 0.06);
+  --tp-region-arriving: #2f5f9e;
+  --tp-region-arriving-wash: rgba(47, 95, 158, 0.06);
+  --tp-region-empty: #5c6470;
+  --tp-region-empty-wash: rgba(26, 26, 46, 0.03);
+  --tp-region-gave-up: #6a4fa3;
+  --tp-region-gave-up-wash: rgba(106, 79, 163, 0.07);
+  --tp-region-failed: #9a4a1c;
+  --tp-region-failed-wash: rgba(154, 74, 28, 0.08);
+  --tp-author-human: #1a1a2e;
+  --tp-author-agent: #4f5f99;
+  --tp-cat-1: #a83a5c;
+  --tp-cat-2: #0f7a54;
+  --tp-cat-3: #0d7680;
+  --tp-cat-4: #a44296;
+  --tp-cat-5: #3b3fbf;
+  --tp-cat-6: #6a6c00;
+  --tp-cat-7: #6d2e9e;
+  --tp-cat-8: #3f6f22;
+  --tp-cat-neutral: #71685f;
+  --tp-code-key: #1d6b3f;
+  --tp-code-string: #8a5a00;
+  --tp-code-number: #2f5f9e;
+  --tp-code-comment: rgba(26, 26, 46, 0.64);
+  --tp-font-reading: "Source Serif 4 Variable", "Source Serif 4", Georgia, "Times New Roman", serif;
+  --tp-font-doing: "JetBrains Mono Variable", "JetBrains Mono", "Fira Code", ui-monospace, monospace;
+  --tp-font-ui: "Inter Variable", Inter, system-ui, -apple-system, sans-serif;
+  --tp-radius-chip: 3px;
+  --tp-radius-panel: 0;
+  --tp-motion-quick: 150ms;
+  --tp-motion-settle: 240ms;
+  --tp-motion-easing: ease;
+  --tp-tracking-label: 0.20em;
+  --tp-tracking-strip: 0.22em;
+  --tp-tracking-eyebrow: 0.28em;
+  --tp-tracking-ui: 0.05em;
+  --tp-tracking-mark: 0.15em;
+}

package/quiet-instrument-paper/theme.json

@@ -0,0 +1,85 @@
+{
+  "$schema": "../contract/theme.schema.json",
+  "kind": "theme",
+  "name": "quiet-instrument-paper",
+  "title": "Quiet Instrument \u2014 Paper",
+  "version": "0.1.0",
+  "description": "The light counterpart: warm paper ground, ink text, a deepened steel-blue accent. Same roles, same restraint.",
+  "appearance": "light",
+  "counterpart": "quiet-instrument",
+  "provenance": "Derived from Quiet Instrument for this repository; every colour re-chosen to clear the contract's contrast floors on a light ground.",
+  "tokens": {
+    "color": {
+      "ground": "#f5f3ee",
+      "surface": "#efece5",
+      "surface-raised": "#ffffff",
+      "overlay": "rgba(20, 20, 30, 0.35)",
+      "text": "#1a1a2e",
+      "text-muted": "rgba(26, 26, 46, 0.78)",
+      "text-subtle": "rgba(26, 26, 46, 0.64)",
+      "text-faint": "rgba(26, 26, 46, 0.42)",
+      "rule": "rgba(26, 26, 46, 0.08)",
+      "rule-strong": "rgba(26, 26, 46, 0.16)",
+      "accent": "#2c6a8f",
+      "accent-muted": "rgba(44, 106, 143, 0.55)",
+      "accent-line": "rgba(44, 106, 143, 0.50)",
+      "accent-line-soft": "rgba(44, 106, 143, 0.28)",
+      "accent-wash": "rgba(44, 106, 143, 0.07)",
+      "accent-hover": "rgba(44, 106, 143, 0.11)",
+      "on-accent": "#ffffff",
+      "focus": "#1f6fb2",
+      "notice": "#8a5a00",
+      "notice-wash": "rgba(245, 158, 11, 0.10)",
+      "success": "#1d6b3f",
+      "success-wash": "rgba(34, 139, 84, 0.08)",
+      "danger": "#a23b24",
+      "danger-wash": "rgba(192, 72, 44, 0.08)",
+      "pending": "#2c6a8f",
+      "pending-wash": "rgba(44, 106, 143, 0.06)",
+      "region-arriving": "#2f5f9e",
+      "region-arriving-wash": "rgba(47, 95, 158, 0.06)",
+      "region-empty": "#5c6470",
+      "region-empty-wash": "rgba(26, 26, 46, 0.03)",
+      "region-gave-up": "#6a4fa3",
+      "region-gave-up-wash": "rgba(106, 79, 163, 0.07)",
+      "region-failed": "#9a4a1c",
+      "region-failed-wash": "rgba(154, 74, 28, 0.08)",
+      "author-human": "#1a1a2e",
+      "author-agent": "#4f5f99",
+      "cat-1": "#a83a5c",
+      "cat-2": "#0f7a54",
+      "cat-3": "#0d7680",
+      "cat-4": "#a44296",
+      "cat-5": "#3b3fbf",
+      "cat-6": "#6a6c00",
+      "cat-7": "#6d2e9e",
+      "cat-8": "#3f6f22",
+      "cat-neutral": "#71685f",
+      "code-key": "#1d6b3f",
+      "code-string": "#8a5a00",
+      "code-number": "#2f5f9e",
+      "code-comment": "rgba(26, 26, 46, 0.64)"
+    },
+    "font": {
+      "reading": "\"Source Serif 4 Variable\", \"Source Serif 4\", Georgia, \"Times New Roman\", serif",
+      "doing": "\"JetBrains Mono Variable\", \"JetBrains Mono\", \"Fira Code\", ui-monospace, monospace",
+      "ui": "\"Inter Variable\", Inter, system-ui, -apple-system, sans-serif"
+    },
+    "radius": {
+      "chip": "3px",
+      "panel": "0"
+    },
+    "motion": {
+      "quick": "150ms",
+      "settle": "240ms",
+      "easing": "ease"
+    },
+    "tracking": {
+      "label": "0.20em",
+      "strip": "0.22em",
+      "eyebrow": "0.28em",
+      "ui": "0.05em",
+      "mark": "0.15em"
+    }
+  }
+}

package/themes.json

@@ -0,0 +1,14 @@
+[
+  {
+    "name": "quiet-instrument",
+    "title": "Quiet Instrument",
+    "appearance": "dark",
+    "counterpart": "quiet-instrument-paper"
+  },
+  {
+    "name": "quiet-instrument-paper",
+    "title": "Quiet Instrument — Paper",
+    "appearance": "light",
+    "counterpart": "quiet-instrument"
+  }
+]

package/toolchain/check.mjs

@@ -0,0 +1,76 @@
+#!/usr/bin/env node
+// Every temper surface builds on the same majors of one named toolchain: the language, the
+// framework and its Vite plugin, the type-checker, the bundler, the test runner, the styling
+// engine and the linter. A major upgrade of any of them reaches every surface together.
+//
+// toolchain/majors.json, beside this file, declares those majors. Each surface runs this check
+// from its own directory and it fails when the surface resolves a different major of a named
+// tool, or does not resolve one at all. Inside the temper repository the web reads the
+// declaration from its working tree, so a web major cannot move unless the declaration moves in
+// the same change. Outside it, a surface reads the declaration at the package version it pins,
+// so the pin bump that carries a new major fails until that surface has taken it too.
+//
+// Adapters differ by surface; each surface names its own with --adapter, and that adapter must
+// be declared.
+//
+// A tool is resolved the way Node resolves a bare import, by looking for
+// node_modules/<tool>/package.json from the surface's directory upward. It does not read a
+// lockfile, and it does not go through a package's `exports`, which may not expose
+// package.json.
+//
+//   node toolchain/check.mjs --adapter @sveltejs/adapter-vercel [--surface <dir>]
+import { existsSync, readFileSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const USAGE = 'usage: check.mjs --adapter <adapter package> [--surface <dir>]';
+
+function fail(message) {
+	console.error(`toolchain: ${message}`);
+	process.exit(2);
+}
+
+let adapter = null;
+let surface = process.cwd();
+const args = process.argv.slice(2);
+for (let i = 0; i < args.length; i++) {
+	if (args[i] === '--adapter' && args[i + 1]) adapter = args[++i];
+	else if (args[i] === '--surface' && args[i + 1]) surface = resolve(args[++i]);
+	else fail(USAGE);
+}
+if (!adapter) fail(USAGE);
+
+const declared = JSON.parse(
+	readFileSync(join(dirname(fileURLToPath(import.meta.url)), 'majors.json'), 'utf8')
+);
+
+function resolvedVersion(name) {
+	for (let dir = surface; ; dir = dirname(dir)) {
+		const manifest = join(dir, 'node_modules', name, 'package.json');
+		if (existsSync(manifest)) return JSON.parse(readFileSync(manifest, 'utf8')).version;
+		if (dirname(dir) === dir) return null;
+	}
+}
+
+const wanted = Object.entries(declared.majors);
+const refusals = [];
+if (Object.hasOwn(declared.adapters, adapter)) wanted.push([adapter, declared.adapters[adapter]]);
+else refusals.push(`${adapter} — not a declared adapter (${Object.keys(declared.adapters).join(', ')})`);
+
+for (const [name, major] of wanted) {
+	const version = resolvedVersion(name);
+	if (version === null) refusals.push(`${name} — not installed; declared major ${major}`);
+	else if (Number(version.split('.')[0]) !== major)
+		refusals.push(`${name} — resolves ${version}; declared major ${major}`);
+	else console.log(`  ${name} ${version}`);
+}
+
+if (refusals.length > 0) {
+	for (const refusal of refusals) console.error(`  ${refusal}`);
+	console.error(
+		'toolchain: this surface is off the declared majors (above). A major moves on every surface\n' +
+			'together: change toolchain/majors.json in @tasker-systems/temper-design with the upgrade.'
+	);
+	process.exit(1);
+}
+console.log(`toolchain: ${wanted.length} tools on the declared majors`);

package/toolchain/majors.json

@@ -0,0 +1,18 @@
+{
+  "majors": {
+    "typescript": 6,
+    "svelte": 5,
+    "@sveltejs/kit": 2,
+    "@sveltejs/vite-plugin-svelte": 7,
+    "svelte-check": 4,
+    "vite": 8,
+    "vitest": 5,
+    "tailwindcss": 4,
+    "@tailwindcss/vite": 4,
+    "@biomejs/biome": 2
+  },
+  "adapters": {
+    "@sveltejs/adapter-vercel": 6,
+    "@sveltejs/adapter-static": 3
+  }
+}