@nimblebrain/synapse 0.14.0 → 0.15.0

package/dist/ui/index.d.cts

@@ -11,7 +11,7 @@ interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children">
 }
 declare function Avatar({ name, src, size, style, ...rest }: AvatarProps): react_jsx_runtime.JSX.Element;
 
-type BadgeTone = "neutral" | "accent" | "success" | "warning" | "danger" | "processing" | "warm";
+type BadgeTone = "neutral" | "accent" | "success" | "warning" | "danger" | "processing";
 interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     tone?: BadgeTone;
     children?: ReactNode;
@@ -325,10 +325,13 @@ declare function Divider({ orientation, style, ...rest }: DividerProps): react_j
  * with no React re-render: the host swaps the `:root` vars and every `var()`
  * re-resolves.
  *
- * The fallbacks are deliberately **neutral** (system fonts, neutral grays, a
- * generic blue) — NOT NimbleBrain brand. Brand arrives by injection when the
- * app runs inside the NimbleBrain host; standalone/static renders get a sane
+ * The fallbacks are deliberately **unbranded** — system fonts, neutral grays, a
+ * generic blue, and generic semantic hues for the status channels. NOT
+ * NimbleBrain brand. Brand arrives by injection when the app runs inside the
+ * NimbleBrain host; standalone/static renders get a sane
  * unbranded default. This keeps the library host-agnostic.
+ * `__tests__/ui/tokens.test.ts` holds the line: every hex in these fallbacks
+ * must be in the sanctioned set, same as `theme-defaults.ts`.
  *
  * Components import the static `tokens` object and style with CSS `var()`, so
  * theming (incl. light/dark) resolves in CSS with no re-render.
@@ -350,14 +353,12 @@ declare const tokens: {
     readonly danger: "var(--nb-color-danger, #dc2626)";
     readonly success: "var(--nb-color-success, #059669)";
     readonly warning: "var(--nb-color-warning, #f59e0b)";
-    readonly warm: "var(--nb-color-warm, #d4620a)";
-    readonly warmLight: "var(--nb-color-warm-light, #fef5ee)";
     readonly processing: "var(--nb-color-processing, #7c3aed)";
     readonly processingLight: "var(--nb-color-processing-light, #f3eeff)";
     readonly infoLight: "var(--nb-color-info-light, #eef4ff)";
     readonly fontSans: "var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif)";
     readonly fontMono: "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)";
-    readonly fontHeading: "var(--nb-font-heading, Georgia, 'Times New Roman', serif)";
+    readonly fontHeading: "var(--nb-font-heading, system-ui, -apple-system, BlinkMacSystemFont, sans-serif)";
     readonly weightNormal: "var(--font-weight-normal, 400)";
     readonly weightMedium: "var(--font-weight-medium, 500)";
     readonly weightSemibold: "var(--font-weight-semibold, 600)";

package/dist/ui/index.d.ts

@@ -11,7 +11,7 @@ interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children">
 }
 declare function Avatar({ name, src, size, style, ...rest }: AvatarProps): react_jsx_runtime.JSX.Element;
 
-type BadgeTone = "neutral" | "accent" | "success" | "warning" | "danger" | "processing" | "warm";
+type BadgeTone = "neutral" | "accent" | "success" | "warning" | "danger" | "processing";
 interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     tone?: BadgeTone;
     children?: ReactNode;
@@ -325,10 +325,13 @@ declare function Divider({ orientation, style, ...rest }: DividerProps): react_j
  * with no React re-render: the host swaps the `:root` vars and every `var()`
  * re-resolves.
  *
- * The fallbacks are deliberately **neutral** (system fonts, neutral grays, a
- * generic blue) — NOT NimbleBrain brand. Brand arrives by injection when the
- * app runs inside the NimbleBrain host; standalone/static renders get a sane
+ * The fallbacks are deliberately **unbranded** — system fonts, neutral grays, a
+ * generic blue, and generic semantic hues for the status channels. NOT
+ * NimbleBrain brand. Brand arrives by injection when the app runs inside the
+ * NimbleBrain host; standalone/static renders get a sane
  * unbranded default. This keeps the library host-agnostic.
+ * `__tests__/ui/tokens.test.ts` holds the line: every hex in these fallbacks
+ * must be in the sanctioned set, same as `theme-defaults.ts`.
  *
  * Components import the static `tokens` object and style with CSS `var()`, so
  * theming (incl. light/dark) resolves in CSS with no re-render.
@@ -350,14 +353,12 @@ declare const tokens: {
     readonly danger: "var(--nb-color-danger, #dc2626)";
     readonly success: "var(--nb-color-success, #059669)";
     readonly warning: "var(--nb-color-warning, #f59e0b)";
-    readonly warm: "var(--nb-color-warm, #d4620a)";
-    readonly warmLight: "var(--nb-color-warm-light, #fef5ee)";
     readonly processing: "var(--nb-color-processing, #7c3aed)";
     readonly processingLight: "var(--nb-color-processing-light, #f3eeff)";
     readonly infoLight: "var(--nb-color-info-light, #eef4ff)";
     readonly fontSans: "var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif)";
     readonly fontMono: "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)";
-    readonly fontHeading: "var(--nb-font-heading, Georgia, 'Times New Roman', serif)";
+    readonly fontHeading: "var(--nb-font-heading, system-ui, -apple-system, BlinkMacSystemFont, sans-serif)";
     readonly weightNormal: "var(--font-weight-normal, 400)";
     readonly weightMedium: "var(--font-weight-medium, 500)";
     readonly weightSemibold: "var(--font-weight-semibold, 600)";

package/dist/ui/index.js

@@ -22,15 +22,13 @@ var tokens = {
   danger: "var(--nb-color-danger, #dc2626)",
   success: "var(--nb-color-success, #059669)",
   warning: "var(--nb-color-warning, #f59e0b)",
-  warm: "var(--nb-color-warm, #d4620a)",
-  warmLight: "var(--nb-color-warm-light, #fef5ee)",
   processing: "var(--nb-color-processing, #7c3aed)",
   processingLight: "var(--nb-color-processing-light, #f3eeff)",
   infoLight: "var(--nb-color-info-light, #eef4ff)",
   // ── Typography ──
   fontSans: "var(--font-sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif)",
   fontMono: "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)",
-  fontHeading: "var(--nb-font-heading, Georgia, 'Times New Roman', serif)",
+  fontHeading: "var(--nb-font-heading, system-ui, -apple-system, BlinkMacSystemFont, sans-serif)",
   weightNormal: "var(--font-weight-normal, 400)",
   weightMedium: "var(--font-weight-medium, 500)",
   weightSemibold: "var(--font-weight-semibold, 600)",
@@ -133,8 +131,7 @@ var TONE = {
   success: { bg: `color-mix(in oklab, ${tokens.success} 14%, transparent)`, fg: tokens.success },
   warning: { bg: `color-mix(in oklab, ${tokens.warning} 14%, transparent)`, fg: tokens.warning },
   danger: { bg: `color-mix(in oklab, ${tokens.danger} 14%, transparent)`, fg: tokens.danger },
-  processing: { bg: tokens.processingLight, fg: tokens.processing },
-  warm: { bg: tokens.warmLight, fg: tokens.warm }
+  processing: { bg: tokens.processingLight, fg: tokens.processing }
 };
 function Badge({ tone = "neutral", style, children, ...rest }) {
   const { bg, fg } = TONE[tone];