@miragon/wardley-renderer 0.3.0 → 0.5.0

package/README.md

@@ -36,11 +36,12 @@ Swap `NavigatedViewer` for `Modeler` to get the editable map (palette, context p
 
 ### Fonts
 
-The package ships no fonts and uses no CDN. Provide your own — recommended self-hosted via
-[`@fontsource`](https://fontsource.org/):
+The package ships no fonts and uses no CDN. The canvas typeface is **Geist** (Miragon corporate
+identity); provide it yourself — recommended self-hosted via [`@fontsource`](https://fontsource.org/)
+(one variable file covers all weights):
 
 ```ts
-import '@fontsource-variable/spline-sans';
+import '@fontsource-variable/geist/wght.css';
 ```
 
 Part of the [Wardley Maps](https://github.com/Miragon/wardley-maps-modeler) monorepo.

package/dist/draw/styles.d.ts

@@ -1,4 +1,4 @@
-/** Central rendering constants (geometry, colors, typography) — "Strategic Blueprint" aesthetic. */
+/** Central rendering constants (geometry, colors, typography) — Miragon corporate identity. */
 /** Default plot area in diagram px (interior without axis margins). Changeable at runtime via
  *  config.size. Width/height come from schema-model (single source, also used for migrations). */
 export declare const PLOT: {
@@ -15,11 +15,9 @@ export declare const PLOT_MIN: {
 };
 export declare const NODE_SIZE = 34;
 export declare const COMPONENT_RADIUS = 15;
-/** Inner ring for "evolving" (intermediate-event look). */
 export declare const COMPONENT_INNER_RADIUS = 12;
 export declare const ANCHOR_ICON_SIZE = 26;
 export declare const PIPELINE_HEIGHT = 30;
-/** Side length of the ■ anchor square drawn on the pipeline box's top edge. */
 export declare const PIPELINE_ANCHOR_SIZE = 16;
 export declare const NOTE_LINE_HEIGHT = 17;
 /**
@@ -31,32 +29,35 @@ export declare function noteMetrics(label: string): {
     width: number;
     height: number;
 };
+/**
+ * Canvas colours — Miragon palette (blue = interactive/flow, green = accelerate/positive,
+ * red = movement/decelerate). Keys are the public contract; brand values come from the single source
+ * of truth in `theme/palette.ts` (`MIRAGON`). Referenced (not spread) so the literal-string types
+ * survive into the published `.d.ts`.
+ */
 export declare const COLORS: {
-    readonly paper: "#fbfaf7";
-    readonly ink: "#1b1b1a";
-    readonly inkSoft: "#3a3a37";
-    readonly axis: "#cdc7bb";
-    readonly axisText: "#8c8475";
-    readonly grid: "#ebe7de";
-    readonly band: "rgba(27,27,26,0.022)";
-    readonly stroke: "#1b1b1a";
-    readonly componentFill: "#ffffff";
-    readonly anchorFill: "#1b1b1a";
-    readonly dependency: "#a9a296";
-    readonly accent: "#0e7c74";
-    readonly accentSoft: "rgba(14,124,116,0.12)";
-    readonly flow: "#0e7c74";
-    readonly movement: "#bf2f2a";
-    readonly inertia: "#1b1b1a";
-    readonly noteText: "#4a4640";
-    readonly pipeline: "#1b1b1a";
-    /** Fill of the annotation marker (also used in the palette icons). */
-    readonly annotationFill: "#fff8e6";
-    /** Background of the plot area (deliberately white, lighter than paper). */
-    readonly plotBackground: "#ffffff";
-    /** Accelerator / deaccelerator (own semantic constants — not flow/movement). */
-    readonly accelerator: "#0e7c74";
-    readonly deaccelerator: "#bf2f2a";
+    readonly paper: "#F9F7F7";
+    readonly ink: "#1D1D1D";
+    readonly inkSoft: "#5B5B5B";
+    readonly axis: "rgba(51,93,229,0.22)";
+    readonly axisText: "#6E7797";
+    readonly grid: "rgba(51,93,229,0.12)";
+    readonly band: "rgba(51,93,229,0.04)";
+    readonly stroke: "#1D1D1D";
+    readonly componentFill: "#FFFFFF";
+    readonly anchorFill: "#1D1D1D";
+    readonly dependency: "#9E9E9E";
+    readonly accent: "#335DE5";
+    readonly accentSoft: "rgba(51,93,229,0.12)";
+    readonly flow: "#335DE5";
+    readonly movement: "#C92A2A";
+    readonly inertia: "#1D1D1D";
+    readonly noteText: "#5B5B5B";
+    readonly pipeline: "#1D1D1D";
+    readonly annotationFill: "#FBF3E0";
+    readonly plotBackground: "#FFFFFF";
+    readonly accelerator: "#00C853";
+    readonly deaccelerator: "#C92A2A";
 };
 /**
  * Note color palette (bpmn.io-style mini picker; deliberately NOT a full color picker). Values are
@@ -67,37 +68,40 @@ export declare const COLORS: {
 export declare const NOTE_COLORS: readonly [{
     readonly id: "green";
     readonly name: "Green · good";
-    readonly value: "#15803d";
+    readonly value: "#0B7A55";
 }, {
     readonly id: "amber";
     readonly name: "Amber · watch";
-    readonly value: "#b45309";
+    readonly value: "#92610A";
 }, {
     readonly id: "red";
     readonly name: "Red · problem";
-    readonly value: "#b91c1c";
+    readonly value: "#C92A2A";
 }, {
     readonly id: "blue";
     readonly name: "Blue · info";
-    readonly value: "#1d4ed8";
+    readonly value: "#2B50D4";
 }, {
     readonly id: "teal";
     readonly name: "Teal";
-    readonly value: "#0e7c74";
+    readonly value: "#0E8181";
 }, {
     readonly id: "purple";
     readonly name: "Purple · idea";
-    readonly value: "#7e22ce";
+    readonly value: "#6A3DB8";
 }, {
     readonly id: "pink";
     readonly name: "Pink";
-    readonly value: "#be185d";
+    readonly value: "#C2185B";
 }, {
     readonly id: "slate";
     readonly name: "Slate · neutral";
-    readonly value: "#475569";
+    readonly value: "#4A4A4A";
 }];
-/** Colors of the attitude regions per kind (shared by renderer + palette icons). */
+/**
+ * Colors of the attitude regions per kind (shared by renderer + palette icons). Miragon palette:
+ * pioneers = blue (explore), settlers = amber (stabilise), town planners = green (industrialise).
+ */
 export declare const ATTITUDE_COLORS: Record<string, {
     fill: string;
     stroke: string;
@@ -106,12 +110,12 @@ export declare const FONT: {
     /**
      * Set as the `font-family` attribute DIRECTLY on all SVG text elements (canvas labels,
      * axis/stage text and consequently the SVG export too) – not inherited from a CSS container.
-     * In EVERY context it reaches for the self-hosted 'Spline Sans Variable' if the consumer provides
-     * it; otherwise (e.g. an export SVG opened standalone) it falls back safely to a system sans.
-     * The library does NOT ship the font – consumers must include it themselves
-     * (e.g. via @fontsource-variable/spline-sans), see README.
+     * In EVERY context it reaches for the self-hosted 'Geist' (Miragon corporate typeface) if the
+     * consumer provides it; otherwise (e.g. an export SVG opened standalone) it falls back safely to a
+     * system sans. The library does NOT ship the font – consumers must self-host Geist themselves
+     * (e.g. via @fontsource-variable/geist), see README.
      */
-    readonly family: "'Spline Sans Variable', 'Spline Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif";
+    readonly family: "'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif";
     readonly label: 13;
     readonly axis: 12;
     readonly stage: 12;

package/dist/draw/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/draw/styles.ts"],"names":[],"mappings":"AAAA,oGAAoG;AAIpG;kGACkG;AAClG,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAEX,eAAO,MAAM,QAAQ;;;CAAuC,CAAC;AAE7D,eAAO,MAAM,SAAS,KAAK,CAAC;AAC5B,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,2DAA2D;AAC3D,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAQnC;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAQ7F;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;IAmBjB,sEAAsE;;IAEtE,4EAA4E;;IAE5E,gFAAgF;;;CAGxE,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASd,CAAC;AAEX,oFAAoF;AACpF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAI5E,CAAC;AAEF,eAAO,MAAM,IAAI;IACf;;;;;;;OAOG;;;;;CAMK,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/draw/styles.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAK/F;kGACkG;AAClG,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAEX,eAAO,MAAM,QAAQ;;;CAAuC,CAAC;AAE7D,eAAO,MAAM,SAAS,KAAK,CAAC;AAC5B,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAKnC;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAQ7F;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAuBT,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASd,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAI5E,CAAC;AAEF,eAAO,MAAM,IAAI;IACf;;;;;;;OAOG;;;;;CAKK,CAAC"}

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { wardleyModelModule, WardleyElementFactory } from './model/index.js';
 export { evolutionGridModule, evolutionConstraintModule, EvolutionGrid, } from './evolution-grid/index.js';
 export { wardleyDrawModule, WardleyRenderer } from './draw/index.js';
 export { COLORS, PLOT } from './draw/styles.js';
+export { MIRAGON } from './theme/index.js';
 export { ioModule, WardleyImporter, WardleyExporter, saveSVG, ROOT_ID } from './io/index.js';
 export { wardleyModelingModule, WardleyModeling } from './modeling/index.js';
 export type { EvolveOptions } from './modeling/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAElF,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,aAAa,GACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC7E,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAGvF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnG,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,GACT,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAElF,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,aAAa,GACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC7E,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EACL,kBAAkB,EAClB,8BAA8B,EAC9B,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAGvF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACnG,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,eAAe,EACf,QAAQ,GACT,MAAM,iBAAiB,CAAC"}