@formicoidea/labre-framework-wardley 0.53.0 → 0.55.0

package/dist/dark-palette.d.ts

@@ -0,0 +1,12 @@
+import type { NotationDarkPalette } from '@formicoidea/labre-core/blocks/surface';
+/**
+ * Wardley on a dark canvas (ADR 0039). The neutrals come from the shared
+ * scale; these are the map's own values that would vanish on the dark card.
+ *
+ * - The four evolution bands step DARKER than the card, as they step darker
+ *   than white in light: the gradient keeps its direction, and the dark
+ *   selection accent keeps 3:1 on every band (`notation-dark-palettes`).
+ * - The greys a node or a link is painted in keep the contrast they have on
+ *   white, on the other side of the card.
+ */
+export declare const WARDLEY_DARK_PALETTE: NotationDarkPalette;

package/dist/dark-palette.js

@@ -0,0 +1,27 @@
+import { COLORS } from './consts.js';
+import { PORTER_PANEL } from './legend.js';
+import { ACCELERATOR_FILL, LINK_GREY, METHOD_FILL } from './node/consts.js';
+/**
+ * Wardley on a dark canvas (ADR 0039). The neutrals come from the shared
+ * scale; these are the map's own values that would vanish on the dark card.
+ *
+ * - The four evolution bands step DARKER than the card, as they step darker
+ *   than white in light: the gradient keeps its direction, and the dark
+ *   selection accent keeps 3:1 on every band (`notation-dark-palettes`).
+ * - The greys a node or a link is painted in keep the contrast they have on
+ *   white, on the other side of the card.
+ */
+export const WARDLEY_DARK_PALETTE = {
+    framework: 'wardley',
+    colors: {
+        [COLORS.band[0]]: '#101317',
+        [COLORS.band[1]]: '#0b1016',
+        [COLORS.band[2]]: '#060d16',
+        [COLORS.band[3]]: '#020a16',
+        [LINK_GREY]: '#909090',
+        [METHOD_FILL]: '#313131',
+        [ACCELERATOR_FILL]: '#434343',
+        [PORTER_PANEL.backing]: '#26282b',
+    },
+    kept: [],
+};

package/dist/legend.d.ts

@@ -88,6 +88,30 @@ export declare const WARDLEY_LEGEND_DESC_WORDINGS: readonly ChromeWording[];
 export declare function wardleyLegendEntry(role: WardleyLegendRole): CommandLegendEntry;
 /** Every {@link LEGEND_GRADIENT} caption, for `translations.ts`'s manifest. */
 export declare const WARDLEY_LEGEND_GRADIENT_WORDINGS: readonly ChromeWording[];
+/** The panel's own numbers. Model units, like every other measure here. */
+export declare const PORTER_PANEL: {
+    readonly pad: 12;
+    readonly titleFs: 16;
+    readonly titleH: 22;
+    /** Between the title and the diagram, and between the diagram and caption. */
+    readonly gapAfterTitle: 8;
+    readonly gapBeforeCaption: 10;
+    /** The glyph's radius — half the map's, so the panel reads as a diagram. */
+    readonly radius: 15;
+    /** Clearance between the arrow tips and the boxes they point at. */
+    readonly clearance: 4;
+    /** The three letters, drawn on the glyph's centre as a free text. */
+    readonly letterFs: 9;
+    readonly boxFs: 12;
+    readonly sideW: 150;
+    readonly sideH: 34;
+    readonly endW: 170;
+    readonly endH: 24;
+    readonly captionFs: 13;
+    readonly captionH: 21;
+    readonly backing: "#e5e7eb";
+    readonly backingStroke: string;
+};
 /** The five-forces panel's own title. */
 export declare const WARDLEY_LEGEND_PORTER_TITLE: ChromeWording;
 /** Every {@link PORTER_FORCES} wording, plus the caption, for the manifest. */

package/dist/legend.js

@@ -408,7 +408,7 @@ function gradientExtra(variant) {
 }
 /* ── Extra 2: Porter's five forces ────────────────────────────────────── */
 /** The panel's own numbers. Model units, like every other measure here. */
-const PORTER_PANEL = {
+export const PORTER_PANEL = {
     pad: 12,
     titleFs: 16,
     titleH: 22,

package/dist/node/node-renderer.js

@@ -1,4 +1,4 @@
-import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
+import { ElementRendererExtension, notationColor, } from '@formicoidea/labre-core/blocks/surface';
 import { shape as shapeRenderer } from '@formicoidea/labre-core/gfx/shape';
 import { DefaultTheme, } from '@formicoidea/labre-core/model';
 import { ANCHOR, ECOSYSTEM, METHOD, NODE_FILL } from './consts.js';
@@ -72,7 +72,7 @@ export const wardleyNode = (model, ctx, matrix, renderer, rc, bound) => {
     // ── Method: a white component inscribed in the colored outer circle ──
     if (model.kind === 'method') {
         const rInner = R * METHOD.centerRatio;
-        ctx.fillStyle = NODE_FILL;
+        ctx.fillStyle = notationColor(renderer, NODE_FILL, 'fill');
         ctx.lineWidth = strokeWidth;
         ctx.strokeStyle = color;
         ctx.beginPath();

package/dist/view.js

@@ -1,4 +1,4 @@
-import { InterchangeExtension, morphToolbarConfig, ReadingProfileExtension, tagsToolbarConfig, QualityNudgeExtension, ValidationProfileExtension, ValidationRuleExtension, } from '@formicoidea/labre-core/blocks/surface';
+import { InterchangeExtension, morphToolbarConfig, ReadingProfileExtension, tagsToolbarConfig, QualityNudgeExtension, ValidationProfileExtension, ValidationRuleExtension, NotationDarkPaletteExtension, } from '@formicoidea/labre-core/blocks/surface';
 import { AuditCriterionExtension, ToolbarModuleExtension, toolbarModuleKey, UniverseTagDefsExtension, } from '@formicoidea/labre-core/shared/services';
 import { FrameworkPaletteExtension } from '@formicoidea/labre-core/components/color-picker';
 import { ViewExtensionProvider, } from '@formicoidea/labre-core/ext-loader';
@@ -25,6 +25,7 @@ import { WardleyPorterWatcher } from './node/porter-watcher.js';
 import { WARDLEY_FRAMEWORK_PALETTE, wardleyNodeToolbarExtension, } from './toolbar/node-config.js';
 import { wardleyBoardToolingToolbarExtension, wardleyToolbarExtension, } from './toolbar/config.js';
 import { wardleySeniorTool } from './toolbar/senior-tool.js';
+import { WARDLEY_DARK_PALETTE } from './dark-palette.js';
 /**
  * Wardley rendering — ALWAYS registered, independent of any flag. Disabling
  * `wardley` hides only the creation tooling (see {@link WardleyViewExtension});
@@ -38,6 +39,7 @@ export class WardleyRenderViewExtension extends ViewExtensionProvider {
     }
     setup(context) {
         super.setup(context);
+        context.register(NotationDarkPaletteExtension(WARDLEY_DARK_PALETTE));
         context.register(WardleyView);
         context.register(WardleyElementRendererExtension);
         context.register(WardleyNodeView);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-wardley",
   "description": "Labre wardley framework for @formicoidea/labre-core.",
-  "version": "0.53.0",
+  "version": "0.55.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -35,7 +35,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.53.0",
+    "@formicoidea/labre-core": "0.55.0",
     "lit": "^3.2.0"
   }
 }