@loworbitstudio/visor-theme-engine 0.10.0 → 0.11.0

package/dist/index.js

@@ -1205,6 +1205,23 @@ var SEMANTIC_SURFACE_MAP = {
     light: { role: "info", shade: 500 },
     dark: { role: "info", shade: 500 }
   },
+  // VI-478: status soft tints (BL-193) — alpha overlays, semantically distinct
+  // from the OPAQUE `surface-{status}-subtle` above (do NOT alias them together).
+  // Default to a color-mix of the status color so they track the theme; themes
+  // pin exact values via overrides (blacklight-underground: success @10%,
+  // warning/error @12%).
+  "success-soft": {
+    light: { constant: "color-mix(in srgb, var(--color-success-500) 10%, transparent)" },
+    dark: { constant: "color-mix(in srgb, var(--color-success-500) 10%, transparent)" }
+  },
+  "warning-soft": {
+    light: { constant: "color-mix(in srgb, var(--color-warning-500) 12%, transparent)" },
+    dark: { constant: "color-mix(in srgb, var(--color-warning-500) 12%, transparent)" }
+  },
+  "error-soft": {
+    light: { constant: "color-mix(in srgb, var(--color-error-500) 12%, transparent)" },
+    dark: { constant: "color-mix(in srgb, var(--color-error-500) 12%, transparent)" }
+  },
   // 5-tier ordinal elevation scale — deepest (0) to highest (4)
   // Light mode: BO-10 near-white ramp (white → neutral-300).
   // Dark mode: deep neutral ramp (neutral-950 → neutral-600).
@@ -1285,6 +1302,23 @@ var SEMANTIC_INTERACTIVE_MAP = {
     light: { constant: "#ffffff" },
     dark: { constant: "#ffffff" }
   },
+  // VI-478: brand-derived alpha-overlay helpers (BL-193). `soft`/`glow` are
+  // alpha overlays that track the theme's primary via color-mix (distinct from
+  // any opaque surface); `strong` is a solid lightened-brand emphasis color.
+  // Themes pin exact values via overrides — e.g. blacklight-underground sets
+  // soft @12% / glow @32% / strong #FFD050.
+  "primary-soft": {
+    light: { constant: "color-mix(in srgb, var(--color-primary-500) 12%, transparent)" },
+    dark: { constant: "color-mix(in srgb, var(--color-primary-500) 12%, transparent)" }
+  },
+  "primary-glow": {
+    light: { constant: "color-mix(in srgb, var(--color-primary-500) 32%, transparent)" },
+    dark: { constant: "color-mix(in srgb, var(--color-primary-500) 32%, transparent)" }
+  },
+  "primary-strong": {
+    light: { role: "primary", shade: 600 },
+    dark: { role: "primary", shade: 400 }
+  },
   // Secondary action
   "secondary-bg": {
     light: { constant: "#ffffff" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loworbitstudio/visor-theme-engine",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Theme engine for the Visor design system — shade generation, token mapping, font resolution, and import/export for .visor.yaml themes.",
   "type": "module",
   "main": "./dist/index.js",