@formicoidea/labre-framework-c4 0.39.3 → 0.40.0

package/dist/consts.d.ts

@@ -247,23 +247,25 @@ export declare const NODE_SIZE: Record<C4NodeKind, {
  */
 export declare const NODE_LABEL: Record<C4NodeKind, string>;
 export declare const FONT_FAMILY = "Inter, sans-serif";
-/** The card — the same white every framework background paints. */
-export declare const BOARD_CARD_FILL = "#ffffff";
-export declare const BOARD_CARD_BORDER = "#d5d9e0";
+/**
+ * The card — the same white every framework background paints, framed and
+ * titled in the shared notation scale. The board is Labre's furniture, not
+ * the stencil's, so its neutrals are the scale's; the stencil greys are kept
+ * where the stencil draws them (the boundary, the relationship).
+ */
+export declare const BOARD_CARD_FILL: string;
+export declare const BOARD_CARD_BORDER: string;
 export declare const BOARD_BORDER_WIDTH = 1.5;
 export declare const BOARD_CORNER_RADIUS = 12;
 export declare const BOARD_TITLE_FONT_SIZE = 20;
-export declare const BOARD_TITLE_COLOR = "#262626";
+export declare const BOARD_TITLE_COLOR: string;
 /**
- * The header strip's own tint — a shade of the card, not a colour of its own.
- *
- * Sober on purpose, and the same intent as the pool's participant band
- * (`POOL_BAND_FILL`, `#f4f4f5`): the band has to be SEEN, because a strip a user
- * cannot see is a target they cannot aim at, and it must not read as a second
- * object sitting on the sheet. A hair lighter than the pool's, which is what it
- * takes to stay quiet under a 20-unit title rather than under a 13-unit one.
+ * The header strip's fill: plain card white, like the pool's participant band
+ * (`POOL_BAND_FILL`), painted at render time. The strip stays visible, and so
+ * aimable, through the divider drawn under it in `BOARD_CARD_BORDER`, not
+ * through a tint (PO, 11/09/2026: no tinted bands).
  */
-export declare const BOARD_BAND_FILL = "#f7f8fa";
+export declare const BOARD_BAND_FILL: string;
 /**
  * The size a fresh board is created at, and the room its furniture takes.
  *

package/dist/consts.js

@@ -1,3 +1,4 @@
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 /**
  * Visual constants for the C4 pack.
  *
@@ -292,23 +293,25 @@ export const NODE_LABEL = {
 };
 /* ── The board ─────────────────────────────────────────────────────────── */
 export const FONT_FAMILY = 'Inter, sans-serif';
-/** The card — the same white every framework background paints. */
-export const BOARD_CARD_FILL = '#ffffff';
-export const BOARD_CARD_BORDER = '#d5d9e0';
+/**
+ * The card — the same white every framework background paints, framed and
+ * titled in the shared notation scale. The board is Labre's furniture, not
+ * the stencil's, so its neutrals are the scale's; the stencil greys are kept
+ * where the stencil draws them (the boundary, the relationship).
+ */
+export const BOARD_CARD_FILL = NOTATION_NEUTRALS.cardFill;
+export const BOARD_CARD_BORDER = NOTATION_NEUTRALS.cardBorder;
 export const BOARD_BORDER_WIDTH = 1.5;
 export const BOARD_CORNER_RADIUS = 12;
 export const BOARD_TITLE_FONT_SIZE = 20;
-export const BOARD_TITLE_COLOR = '#262626';
+export const BOARD_TITLE_COLOR = NOTATION_NEUTRALS.frameInk;
 /**
- * The header strip's own tint — a shade of the card, not a colour of its own.
- *
- * Sober on purpose, and the same intent as the pool's participant band
- * (`POOL_BAND_FILL`, `#f4f4f5`): the band has to be SEEN, because a strip a user
- * cannot see is a target they cannot aim at, and it must not read as a second
- * object sitting on the sheet. A hair lighter than the pool's, which is what it
- * takes to stay quiet under a 20-unit title rather than under a 13-unit one.
+ * The header strip's fill: plain card white, like the pool's participant band
+ * (`POOL_BAND_FILL`), painted at render time. The strip stays visible, and so
+ * aimable, through the divider drawn under it in `BOARD_CARD_BORDER`, not
+ * through a tint (PO, 11/09/2026: no tinted bands).
  */
-export const BOARD_BAND_FILL = '#f7f8fa';
+export const BOARD_BAND_FILL = NOTATION_NEUTRALS.cardFill;
 /**
  * The size a fresh board is created at, and the room its furniture takes.
  *

package/dist/templates.js

@@ -1,6 +1,6 @@
 import { templateFromCommand, } from '@formicoidea/labre-core/gfx/template';
 import { c4Commands } from './commands.js';
-import { BOARD_BAND_FILL, BOARD_CARD_BORDER, BOARD_CARD_FILL, BOUNDARY_STROKE, NODE_PALETTE, } from './consts.js';
+import { BOARD_BAND_FILL, BOARD_CARD_BORDER, BOARD_CARD_FILL, BOARD_TITLE_COLOR, BOUNDARY_STROKE, NODE_PALETTE, RELATIONSHIP_STROKE, } from './consts.js';
 /**
  * The C4 palette — DERIVED from the toolbox, one template per command.
  *
@@ -47,7 +47,7 @@ const CONTAINER = NODE_PALETTE.container;
 export const c4TemplateCategory = {
     name: 'C4',
     templates: [
-        templateFromCommand(byId('c4.addBoard'), `<svg ${ATTRS} fill="none"><rect x="10" y="10" width="115" height="60" rx="6" fill="${BOARD_CARD_FILL}" stroke="${BOARD_CARD_BORDER}" stroke-width="1.5"/><path d="M10 26 H125" stroke="${BOARD_CARD_BORDER}" stroke-width="1.5"/><rect x="11" y="11" width="113" height="15" fill="${BOARD_BAND_FILL}"/><rect x="20" y="15" width="40" height="6" rx="3" fill="#262626" opacity="0.55"/><rect x="22" y="36" width="34" height="20" rx="2" fill="${NODE_PALETTE.system.fill}"/><rect x="79" y="36" width="34" height="20" rx="2" fill="${CONTAINER.fill}"/><path d="M58 46 H75" stroke="#444444" stroke-width="1.6" stroke-dasharray="4 3"/></svg>`),
+        templateFromCommand(byId('c4.addBoard'), `<svg ${ATTRS} fill="none"><rect x="10" y="10" width="115" height="60" rx="6" fill="${BOARD_CARD_FILL}" stroke="${BOARD_CARD_BORDER}" stroke-width="1.5"/><path d="M10 26 H125" stroke="${BOARD_CARD_BORDER}" stroke-width="1.5"/><rect x="11" y="11" width="113" height="15" fill="${BOARD_BAND_FILL}"/><rect x="20" y="15" width="40" height="6" rx="3" fill="${BOARD_TITLE_COLOR}" opacity="0.55"/><rect x="22" y="36" width="34" height="20" rx="2" fill="${NODE_PALETTE.system.fill}"/><rect x="79" y="36" width="34" height="20" rx="2" fill="${CONTAINER.fill}"/><path d="M58 46 H75" stroke="${RELATIONSHIP_STROKE}" stroke-width="1.6" stroke-dasharray="4 3"/></svg>`),
         templateFromCommand(byId('c4.addPerson'), personPreview('person')),
         templateFromCommand(byId('c4.addPersonExt'), personPreview('person-ext')),
         templateFromCommand(byId('c4.addSystem'), boxPreview('system')),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-c4",
   "description": "Labre c4 framework for @formicoidea/labre-core.",
-  "version": "0.39.3",
+  "version": "0.40.0",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -31,8 +31,8 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.39.3",
-    "@formicoidea/labre-ddd-shared": "0.39.3",
+    "@formicoidea/labre-core": "0.40.0",
+    "@formicoidea/labre-ddd-shared": "0.40.0",
     "lit": "^3.2.0"
   }
 }