process-graph 1.2.0 → 1.4.0

package/dist/theme-values-BJJhAkUn-ORyRUrPf.js

@@ -0,0 +1,114 @@
+//#region ../../ui/graph/ui/dist/theme-values-BJJhAkUn.js
+var vars = {
+	colour: {
+		background: "var(--_1pqhw580)",
+		surface: "var(--_1pqhw581)",
+		text: "var(--_1pqhw582)",
+		muted: "var(--_1pqhw583)",
+		border: "var(--_1pqhw584)",
+		accent: "var(--_1pqhw585)",
+		focus: "var(--_1pqhw586)",
+		critical: "var(--_1pqhw587)",
+		handoff: "var(--_1pqhw588)",
+		status: {
+			done: "var(--_1pqhw589)",
+			ready: "var(--_1pqhw58a)",
+			blocked: "var(--_1pqhw58b)",
+			skipped: "var(--_1pqhw58c)",
+			unknown: "var(--_1pqhw58d)"
+		}
+	},
+	space: {
+		small: "var(--_1pqhw58e)",
+		medium: "var(--_1pqhw58f)",
+		large: "var(--_1pqhw58g)"
+	},
+	radius: {
+		small: "var(--_1pqhw58h)",
+		medium: "var(--_1pqhw58i)"
+	},
+	font: {
+		body: "var(--_1pqhw58j)",
+		mono: "var(--_1pqhw58k)",
+		sizeSmall: "var(--_1pqhw58l)",
+		sizeBody: "var(--_1pqhw58m)",
+		sizeHeading: "var(--_1pqhw58n)",
+		weightStrong: "var(--_1pqhw58o)"
+	},
+	stroke: {
+		thin: "var(--_1pqhw58p)",
+		thick: "var(--_1pqhw58q)"
+	}
+};
+var lightTheme = "_1pqhw58r";
+var darkTheme = "_1pqhw58s";
+/** What both themes share: everything but colour. */
+var shared = {
+	space: {
+		small: "0.25rem",
+		medium: "0.5rem",
+		large: "1rem"
+	},
+	radius: {
+		small: "0.25rem",
+		medium: "0.5rem"
+	},
+	font: {
+		body: "system-ui, -apple-system, \"Segoe UI\", sans-serif",
+		mono: "ui-monospace, \"SFMono-Regular\", Menlo, monospace",
+		sizeSmall: "0.75rem",
+		sizeBody: "0.875rem",
+		sizeHeading: "1rem",
+		weightStrong: "600"
+	},
+	stroke: {
+		thin: "1px",
+		thick: "3px"
+	}
+};
+/** The light theme's values. Each status colour reads as text on both `surface` and `background`. */
+var lightValues = {
+	...shared,
+	colour: {
+		background: "#ffffff",
+		surface: "#f6f8fa",
+		text: "#1f2328",
+		muted: "#59636e",
+		border: "#d1d9e0",
+		accent: "#0969da",
+		focus: "#0969da",
+		critical: "#9a6700",
+		handoff: "#6639ba",
+		status: {
+			done: "#1a7f37",
+			ready: "#0550ae",
+			blocked: "#cf222e",
+			skipped: "#59636e",
+			unknown: "#6639ba"
+		}
+	}
+};
+/** The dark theme's values. Each status colour reads as text on both `surface` and `background`. */
+var darkValues = {
+	...shared,
+	colour: {
+		background: "#0d1117",
+		surface: "#161b22",
+		text: "#e6edf3",
+		muted: "#9198a1",
+		border: "#3d444d",
+		accent: "#4493f8",
+		focus: "#4493f8",
+		critical: "#d29922",
+		handoff: "#ab7df8",
+		status: {
+			done: "#3fb950",
+			ready: "#58a6ff",
+			blocked: "#f85149",
+			skipped: "#9198a1",
+			unknown: "#ab7df8"
+		}
+	}
+};
+//#endregion
+export { vars as a, lightValues as i, darkValues as n, lightTheme as r, darkTheme as t };

package/dist/theme-values-BybZ-cle.d.ts

@@ -0,0 +1,116 @@
+//#region ../../ui/graph/ui/dist/theme.css.d.ts
+/**
+ * The theme contract: one CSS custom property per value of `ThemeValues`, read by every style in this package. A consumer restyles the components by assigning these properties, with its own `createTheme(vars, values)` class or `assignVars`, without forking them.
+ */
+declare const vars: {
+  colour: {
+    background: `var(--${string})`;
+    surface: `var(--${string})`;
+    text: `var(--${string})`;
+    muted: `var(--${string})`;
+    border: `var(--${string})`;
+    accent: `var(--${string})`;
+    focus: `var(--${string})`;
+    critical: `var(--${string})`;
+    handoff: `var(--${string})`;
+    status: {
+      done: `var(--${string})`;
+      ready: `var(--${string})`;
+      blocked: `var(--${string})`;
+      skipped: `var(--${string})`;
+      unknown: `var(--${string})`;
+    };
+  };
+  space: {
+    small: `var(--${string})`;
+    medium: `var(--${string})`;
+    large: `var(--${string})`;
+  };
+  radius: {
+    small: `var(--${string})`;
+    medium: `var(--${string})`;
+  };
+  font: {
+    body: `var(--${string})`;
+    mono: `var(--${string})`;
+    sizeSmall: `var(--${string})`;
+    sizeBody: `var(--${string})`;
+    sizeHeading: `var(--${string})`;
+    weightStrong: `var(--${string})`;
+  };
+  stroke: {
+    thin: `var(--${string})`;
+    thick: `var(--${string})`;
+  };
+};
+/** The class that assigns the light theme's values. */
+declare const lightTheme: string;
+/** The class that assigns the dark theme's values. */
+declare const darkTheme: string;
+//#endregion
+//#region ../../ui/graph/ui/dist/theme-values.d.ts
+/**
+ * The shape of every theme: each leaf is a value a theme assigns. The theme contract is created from it, and `ThemeValues` derived from it, so the contract and the themes cannot disagree.
+ */
+declare const themeShape: {
+  colour: {
+    /** Behind everything. */
+    background: null;
+    /** Behind a card, a lane or a panel. */
+    surface: null;
+    text: null;
+    /** Secondary text: lane headings, edge labels. */
+    muted: null;
+    border: null;
+    /** Selection and links. */
+    accent: null;
+    /** The focus ring. */
+    focus: null;
+    /** The critical path. */
+    critical: null;
+    /** A transition that passes work between actors. */
+    handoff: null;
+    /** Each status, used as text and as a mark on `surface` and `background`. */
+    status: {
+      done: null;
+      ready: null;
+      blocked: null;
+      skipped: null;
+      unknown: null;
+    };
+  };
+  space: {
+    small: null;
+    medium: null;
+    large: null;
+  };
+  radius: {
+    small: null;
+    medium: null;
+  };
+  font: {
+    body: null;
+    mono: null;
+    sizeSmall: null;
+    sizeBody: null;
+    sizeHeading: null;
+    /** The weight of labels and headings that stand out from body text. */
+    weightStrong: null;
+  };
+  stroke: {
+    /** Borders and ordinary edges. */
+    thin: null;
+    /** The critical path and the selection. */
+    thick: null;
+  };
+};
+/** A tree of the shape's keys with a CSS value at every leaf. */
+type Assigned<Shape> = { readonly [Key in keyof Shape]: Shape[Key] extends null ? string : Assigned<Shape[Key]>; };
+/** Every value a theme assigns, as CSS values: one per leaf of `themeShape`, so a theme that leaves one out does not compile. */
+type ThemeValues = Assigned<typeof themeShape>;
+/** The light theme's values. Each status colour reads as text on both `surface` and `background`. */
+declare const lightValues: ThemeValues;
+/** The dark theme's values. Each status colour reads as text on both `surface` and `background`. */
+declare const darkValues: ThemeValues;
+//#endregion
+export { lightTheme as a, darkTheme as i, darkValues as n, vars as o, lightValues as r, ThemeValues as t };

package/dist/ui/theme.d.ts

@@ -0,0 +1,2 @@
+import { a as lightTheme, i as darkTheme, n as darkValues, o as vars, r as lightValues, t as ThemeValues } from "../theme-values-BybZ-cle.js";
+export { type ThemeValues, darkTheme, darkValues, lightTheme, lightValues, vars };

package/dist/ui/theme.js

@@ -0,0 +1,2 @@
+import { a as vars, i as lightValues, n as darkValues, r as lightTheme, t as darkTheme } from "../theme-values-BJJhAkUn-ORyRUrPf.js";
+export { darkTheme, darkValues, lightTheme, lightValues, vars };

package/dist/ui.d.ts

@@ -1,123 +1,9 @@
-import { B as Status } from "./index-BH1aFqkJ.js";
-import { G as IdSpace } from "./index-CmZOswkx.js";
-import { g as SequenceDiagram$1 } from "./index-CoA6vXqe.js";
-import { f as LaneProps, h as TransitionItemProps, l as LegendProps, o as FilterPanelProps, r as DetailPanelProps, v as ElementCardProps } from "./index-BUheRLdG.js";
+import { B as Status } from "./index-D4CnOhNf.js";
+import { K as IdSpace } from "./index-Dvz_I_uQ.js";
+import { y as SequenceDiagram$1 } from "./index-4f4PVH7K.js";
+import { f as LaneProps, h as TransitionItemProps, l as LegendProps, o as FilterPanelProps, r as DetailPanelProps, v as ElementCardProps } from "./index-LWdwpjZG.js";
+import { a as lightTheme, i as darkTheme, n as darkValues, o as vars, r as lightValues, t as ThemeValues } from "./theme-values-BybZ-cle.js";
 import { ReactElement, ReactNode } from "react";
-//#region ../../ui/graph/ui/dist/theme.css.d.ts
-/**
- * The theme contract: one CSS custom property per value of `ThemeValues`, read by every style in this package. A consumer restyles the components by assigning these properties, with its own `createTheme(vars, values)` class or `assignVars`, without forking them.
- */
-export declare const vars: {
-  colour: {
-    background: `var(--${string})`;
-    surface: `var(--${string})`;
-    text: `var(--${string})`;
-    muted: `var(--${string})`;
-    border: `var(--${string})`;
-    accent: `var(--${string})`;
-    focus: `var(--${string})`;
-    critical: `var(--${string})`;
-    handoff: `var(--${string})`;
-    status: {
-      done: `var(--${string})`;
-      ready: `var(--${string})`;
-      blocked: `var(--${string})`;
-      skipped: `var(--${string})`;
-      unknown: `var(--${string})`;
-    };
-  };
-  space: {
-    small: `var(--${string})`;
-    medium: `var(--${string})`;
-    large: `var(--${string})`;
-  };
-  radius: {
-    small: `var(--${string})`;
-    medium: `var(--${string})`;
-  };
-  font: {
-    body: `var(--${string})`;
-    mono: `var(--${string})`;
-    sizeSmall: `var(--${string})`;
-    sizeBody: `var(--${string})`;
-    sizeHeading: `var(--${string})`;
-    weightStrong: `var(--${string})`;
-  };
-  stroke: {
-    thin: `var(--${string})`;
-    thick: `var(--${string})`;
-  };
-};
-/** The class that assigns the light theme's values. */
-export declare const lightTheme: string;
-/** The class that assigns the dark theme's values. */
-export declare const darkTheme: string;
-//#endregion
-//#region ../../ui/graph/ui/dist/theme-values.d.ts
-/**
- * The shape of every theme: each leaf is a value a theme assigns. The theme contract is created from it, and `ThemeValues` derived from it, so the contract and the themes cannot disagree.
- */
-declare const themeShape: {
-  colour: {
-    /** Behind everything. */
-    background: null;
-    /** Behind a card, a lane or a panel. */
-    surface: null;
-    text: null;
-    /** Secondary text: lane headings, edge labels. */
-    muted: null;
-    border: null;
-    /** Selection and links. */
-    accent: null;
-    /** The focus ring. */
-    focus: null;
-    /** The critical path. */
-    critical: null;
-    /** A transition that passes work between actors. */
-    handoff: null;
-    /** Each status, used as text and as a mark on `surface` and `background`. */
-    status: {
-      done: null;
-      ready: null;
-      blocked: null;
-      skipped: null;
-      unknown: null;
-    };
-  };
-  space: {
-    small: null;
-    medium: null;
-    large: null;
-  };
-  radius: {
-    small: null;
-    medium: null;
-  };
-  font: {
-    body: null;
-    mono: null;
-    sizeSmall: null;
-    sizeBody: null;
-    sizeHeading: null;
-    /** The weight of labels and headings that stand out from body text. */
-    weightStrong: null;
-  };
-  stroke: {
-    /** Borders and ordinary edges. */
-    thin: null;
-    /** The critical path and the selection. */
-    thick: null;
-  };
-};
-/** A tree of the shape's keys with a CSS value at every leaf. */
-type Assigned<Shape> = { readonly [Key in keyof Shape]: Shape[Key] extends null ? string : Assigned<Shape[Key]>; };
-/** Every value a theme assigns, as CSS values: one per leaf of `themeShape`, so a theme that leaves one out does not compile. */
-type ThemeValues = Assigned<typeof themeShape>;
-/** The light theme's values. Each status colour reads as text on both `surface` and `background`. */
-export declare const lightValues: ThemeValues;
-/** The dark theme's values. Each status colour reads as text on both `surface` and `background`. */
-export declare const darkValues: ThemeValues;
-//#endregion
 //#region ../../ui/graph/ui/dist/base.css.d.ts
 /** The element a theme class goes on: the page colours and type every component inherits. */
 export declare const surfaceRoot: string;
@@ -232,4 +118,4 @@ interface SequenceDiagramProps<I extends IdSpace> {
  */
 export declare const SequenceDiagram: <I extends IdSpace>(props: SequenceDiagramProps<I>) => ReactElement;
 //#endregion
-export type { GraphThemeProps, SequenceDiagramProps, StatusBadgeProps, ThemeName, ThemeValues };
+export { type GraphThemeProps, type SequenceDiagramProps, type StatusBadgeProps, type ThemeName, type ThemeValues, darkTheme, darkValues, lightTheme, lightValues, vars };

package/dist/ui.js

@@ -1,2 +1,3 @@
-import { _ as surfaceRoot, a as Lane, b as visuallyHidden, c as StatusBadge, d as card, f as darkTheme, g as lightValues, h as lightTheme, i as GraphTheme, l as TransitionItem, m as focusRing, n as ElementCard, o as Legend, p as darkValues, r as FilterPanel, s as SequenceDiagram, t as DetailPanel, u as badge, v as themes, y as vars } from "./dist-BpCBmnMl.js";
+import { a as vars, i as lightValues, n as darkValues, r as lightTheme, t as darkTheme } from "./theme-values-BJJhAkUn-ORyRUrPf.js";
+import { a as Lane, c as StatusBadge, d as card, f as focusRing, h as visuallyHidden, i as GraphTheme, l as TransitionItem, m as themes, n as ElementCard, o as Legend, p as surfaceRoot, r as FilterPanel, s as SequenceDiagram, t as DetailPanel, u as badge } from "./dist-arkejVz2.js";
 export { DetailPanel, ElementCard, FilterPanel, GraphTheme, Lane, Legend, SequenceDiagram, StatusBadge, TransitionItem, badge, card, darkTheme, darkValues, focusRing, lightTheme, lightValues, surfaceRoot, themes, vars, visuallyHidden };

package/dist/version-DMNBcTZ-.js

@@ -0,0 +1,5 @@
+//#region src/version.ts
+/** The version of the installed `process-graph` package, as its manifest names it. The bundler writes it in when the package is built, so reading it touches no file. */
+const version = "1.4.0";
+//#endregion
+export { version as t };