@docentjs/dom 0.3.1 → 0.4.0

package/dist/themes.js

@@ -1,31 +1,35 @@
 //#region src/themes.ts
+/** The default look, spelled out: ink on paper. */
 const light = {
-	background: "#ffffff",
-	foreground: "#111827",
-	muted: "#6b7280",
-	accent: "#2563eb",
-	accentForeground: "#ffffff"
+	background: "oklch(99.4% 0.003 285)",
+	foreground: "oklch(23% 0.018 285)",
+	muted: "oklch(52% 0.014 285)",
+	accent: "oklch(26% 0.02 285)",
+	accentForeground: "oklch(98.5% 0.004 285)"
 };
+/** Opt-in dark surface for dark products. The accent inverts to paper. */
 const dark = {
-	background: "#1f2937",
-	foreground: "#f9fafb",
-	muted: "#9ca3af",
-	accent: "#60a5fa",
-	accentForeground: "#0b1220"
+	background: "oklch(24% 0.014 285)",
+	foreground: "oklch(95% 0.006 285)",
+	muted: "oklch(72% 0.012 285)",
+	accent: "oklch(95% 0.006 285)",
+	accentForeground: "oklch(22% 0.016 285)",
+	overlay: "oklch(12% 0.012 285)",
+	overlayOpacity: "0.62"
 };
-/** Flat, borderless, tighter radius. */
+/** Flatter and tighter: smaller radius, lighter shadow, softer scrim. */
 const minimal = {
-	radius: "6px",
-	shadow: "0 1px 3px rgba(0, 0, 0, 0.2)",
-	overlayOpacity: "0.35"
+	radius: "8px",
+	shadow: "0 1px 2px oklch(23% 0.02 285 / 0.08), 0 6px 16px -6px oklch(23% 0.02 285 / 0.14)",
+	overlayOpacity: "0.36"
 };
-/** Higher contrast for accessibility-first products. */
+/** Maximum legibility for accessibility-first products. */
 const contrast = {
-	background: "#000000",
-	foreground: "#ffffff",
-	muted: "#d1d5db",
-	accent: "#ffd400",
-	accentForeground: "#000000",
+	background: "oklch(13% 0.01 285)",
+	foreground: "oklch(99% 0.002 285)",
+	muted: "oklch(88% 0.008 285)",
+	accent: "oklch(90% 0.18 100)",
+	accentForeground: "oklch(13% 0.01 285)",
 	overlayOpacity: "0.8"
 };
 const presets = {

package/dist/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","names":[],"sources":["../src/themes.ts"],"sourcesContent":["/**\n * Built-in theme presets. Import from `@docentjs/dom/themes` so they only\n * ship when used.\n */\n\nimport type { Theme } from '@docentjs/core'\n\nexport const light: Theme = {\n  background: '#ffffff',\n  foreground: '#111827',\n  muted: '#6b7280',\n  accent: '#2563eb',\n  accentForeground: '#ffffff',\n}\n\nexport const dark: Theme = {\n  background: '#1f2937',\n  foreground: '#f9fafb',\n  muted: '#9ca3af',\n  accent: '#60a5fa',\n  accentForeground: '#0b1220',\n}\n\n/** Flat, borderless, tighter radius. */\nexport const minimal: Theme = {\n  radius: '6px',\n  shadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\n  overlayOpacity: '0.35',\n}\n\n/** Higher contrast for accessibility-first products. */\nexport const contrast: Theme = {\n  background: '#000000',\n  foreground: '#ffffff',\n  muted: '#d1d5db',\n  accent: '#ffd400',\n  accentForeground: '#000000',\n  overlayOpacity: '0.8',\n}\n\nexport const presets: Record<string, Theme> = { light, dark, minimal, contrast }\n"],"mappings":";AAOA,MAAa,QAAe;CAC1B,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,kBAAkB;AACpB;AAEA,MAAa,OAAc;CACzB,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,kBAAkB;AACpB;;AAGA,MAAa,UAAiB;CAC5B,QAAQ;CACR,QAAQ;CACR,gBAAgB;AAClB;;AAGA,MAAa,WAAkB;CAC7B,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,kBAAkB;CAClB,gBAAgB;AAClB;AAEA,MAAa,UAAiC;CAAE;CAAO;CAAM;CAAS;AAAS"}
+{"version":3,"file":"themes.js","names":[],"sources":["../src/themes.ts"],"sourcesContent":["/**\n * Built-in theme presets. Import from `@docentjs/dom/themes` so they only\n * ship when used. Colors are OKLCH, tinted toward the Docent hue (285).\n */\n\nimport type { Theme } from '@docentjs/core'\n\n/** The default look, spelled out: ink on paper. */\nexport const light: Theme = {\n  background: 'oklch(99.4% 0.003 285)',\n  foreground: 'oklch(23% 0.018 285)',\n  muted: 'oklch(52% 0.014 285)',\n  accent: 'oklch(26% 0.02 285)',\n  accentForeground: 'oklch(98.5% 0.004 285)',\n}\n\n/** Opt-in dark surface for dark products. The accent inverts to paper. */\nexport const dark: Theme = {\n  background: 'oklch(24% 0.014 285)',\n  foreground: 'oklch(95% 0.006 285)',\n  muted: 'oklch(72% 0.012 285)',\n  accent: 'oklch(95% 0.006 285)',\n  accentForeground: 'oklch(22% 0.016 285)',\n  overlay: 'oklch(12% 0.012 285)',\n  overlayOpacity: '0.62',\n}\n\n/** Flatter and tighter: smaller radius, lighter shadow, softer scrim. */\nexport const minimal: Theme = {\n  radius: '8px',\n  shadow: '0 1px 2px oklch(23% 0.02 285 / 0.08), 0 6px 16px -6px oklch(23% 0.02 285 / 0.14)',\n  overlayOpacity: '0.36',\n}\n\n/** Maximum legibility for accessibility-first products. */\nexport const contrast: Theme = {\n  background: 'oklch(13% 0.01 285)',\n  foreground: 'oklch(99% 0.002 285)',\n  muted: 'oklch(88% 0.008 285)',\n  accent: 'oklch(90% 0.18 100)',\n  accentForeground: 'oklch(13% 0.01 285)',\n  overlayOpacity: '0.8',\n}\n\nexport const presets: Record<string, Theme> = { light, dark, minimal, contrast }\n"],"mappings":";;AAQA,MAAa,QAAe;CAC1B,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,kBAAkB;AACpB;;AAGA,MAAa,OAAc;CACzB,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,kBAAkB;CAClB,SAAS;CACT,gBAAgB;AAClB;;AAGA,MAAa,UAAiB;CAC5B,QAAQ;CACR,QAAQ;CACR,gBAAgB;AAClB;;AAGA,MAAa,WAAkB;CAC7B,YAAY;CACZ,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,kBAAkB;CAClB,gBAAgB;AAClB;AAEA,MAAa,UAAiC;CAAE;CAAO;CAAM;CAAS;AAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docentjs/dom",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Web renderer for Docent: overlay, spotlight, popover, positioning.",
   "license": "MIT",
   "repository": {
@@ -56,7 +56,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@docentjs/core": "^0.3.1"
+    "@docentjs/core": "^0.4.0"
   },
   "devDependencies": {
     "@types/jsdom": "^30.0.0",