@formicoidea/labre-ddd-shared 0.39.3 → 0.40.0

package/dist/shared/consts.d.ts

@@ -156,6 +156,11 @@ export declare const CM_RELATIONSHIPS: readonly [{
     readonly dashed: true;
 }];
 export declare const CLOUD_VERTICES: number[][];
+/**
+ * The cloud (Big Ball of Mud). Its lilac fill is the notation's own; its
+ * outline is the shared scale's secondary grey. A cloud created before the scale
+ * was adopted keeps the `#6d6e71` outline it was written with.
+ */
 export declare const CLOUD: {
     w: number;
     h: number;
@@ -204,6 +209,7 @@ export declare const CD_SUBDOMAINS: readonly [{
 }];
 export declare const DOT_SIZE = 26;
 export declare const MOVEMENT_COLOR = "#ff3333";
-export declare const LABEL_COLOR = "#1f2328";
+/** Label and legend text: the shared notation scale's artefact ink. */
+export declare const LABEL_COLOR: string;
 export declare const LABEL_FONT = "blocksuite:surface:Inter";
 export declare const LABEL_FONT_SIZE = 14;

package/dist/shared/consts.js

@@ -1,3 +1,4 @@
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 /**
  * Shared DDD palette and sizes. Every tool composes the same irreducible units
  * (sticky, dot, bubble, connector, label) from these presets — no duplicated
@@ -167,7 +168,17 @@ function buildCloud() {
     return pts;
 }
 export const CLOUD_VERTICES = buildCloud();
-export const CLOUD = { w: 180, h: 120, fill: '#f0eef6', stroke: '#6d6e71' };
+/**
+ * The cloud (Big Ball of Mud). Its lilac fill is the notation's own; its
+ * outline is the shared scale's secondary grey. A cloud created before the scale
+ * was adopted keeps the `#6d6e71` outline it was written with.
+ */
+export const CLOUD = {
+    w: 180,
+    h: 120,
+    fill: '#f0eef6',
+    stroke: NOTATION_NEUTRALS.label,
+};
 /** Team Topologies interaction modes (placeable markers + Notation legend). */
 export const TEAM_TOPOLOGIES = [
     {
@@ -190,6 +201,7 @@ export const CD_SUBDOMAINS = [
 ];
 export const DOT_SIZE = 26;
 export const MOVEMENT_COLOR = '#ff3333';
-export const LABEL_COLOR = '#1f2328';
+/** Label and legend text: the shared notation scale's artefact ink. */
+export const LABEL_COLOR = NOTATION_NEUTRALS.ink;
 export const LABEL_FONT = 'blocksuite:surface:Inter';
 export const LABEL_FONT_SIZE = 14;

package/dist/shared/prefabs.js

@@ -1,6 +1,7 @@
 import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
 import { createGroupCommand } from '@formicoidea/labre-core/gfx/group';
 import { ConnectorMode, FontWeight, PointStyle, ShapeStyle, StrokeStyle, TextFitMode, } from '@formicoidea/labre-core/model';
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { Bound } from '@formicoidea/labre-core/global/gfx';
 import { GfxControllerIdentifier } from '@formicoidea/labre-core/std/gfx';
 import * as Y from 'yjs';
@@ -135,8 +136,8 @@ export function addBubble(surface, cx, cy, label, role) {
         },
     });
 }
-/** The ink every Core Domain artefact is outlined with. */
-const ARTEFACT_STROKE = '#1f2328';
+/** The ink every Core Domain artefact is outlined with: the shared scale's. */
+const ARTEFACT_STROKE = NOTATION_NEUTRALS.ink;
 /**
  * What a Core Domain DOT is, as shape options — read by the creation site below
  * and by the morph, so the two can never disagree about what a platform
@@ -200,7 +201,7 @@ export function addMarker(surface, std, cx, cy, opts) {
     const { fill, letter, label, role } = opts;
     const s = MARKER_SIZE;
     const box = addShape(surface, cx - s / 2, cy - s / 2, s, s, markerShapeOpts(fill, role));
-    const glyph = addText(surface, cx - s / 2, cy - 9, s, letter, '#1f2328', LABEL_FONT, 15);
+    const glyph = addText(surface, cx - s / 2, cy - 9, s, letter, NOTATION_NEUTRALS.ink, LABEL_FONT, 15);
     const ids = [box, glyph];
     if (label) {
         ids.push(addText(surface, cx + s / 2 + 6, cy - LABEL_FONT_SIZE / 2, 150, label, LABEL_COLOR, LABEL_FONT, LABEL_FONT_SIZE, 'left'));
@@ -225,7 +226,7 @@ export function addCloud(surface, std, cx, cy, label) {
     });
     if (!label)
         return cloud;
-    const lbl = addText(surface, cx - w / 2 + 12, cy - LABEL_FONT_SIZE / 2, w - 24, label, '#3d3d3d', LABEL_FONT, LABEL_FONT_SIZE);
+    const lbl = addText(surface, cx - w / 2 + 12, cy - LABEL_FONT_SIZE / 2, w - 24, label, NOTATION_NEUTRALS.ink, LABEL_FONT, LABEL_FONT_SIZE);
     return groupIds(std, [cloud, lbl]);
 }
 /**
@@ -273,8 +274,8 @@ export function addLegend(surface, std, x, y, opts) {
     const { width: W, height: H } = measureLegend(opts.sections, opts.width);
     const ids = [
         addShape(surface, x, y, W, H, {
-            fill: '#ffffff',
-            stroke: '#6d6e71',
+            fill: NOTATION_NEUTRALS.cardFill,
+            stroke: NOTATION_NEUTRALS.legendBorder,
             strokeWidth: 1.5,
             radius: 8,
         }),
@@ -294,19 +295,19 @@ export function addLegend(surface, std, x, y, opts) {
                 ids.push(addShape(surface, sx, midY - SW / 2, SW, SW, {
                     shapeType: 'ellipse',
                     fill: row.color,
-                    stroke: '#1f2328',
+                    stroke: NOTATION_NEUTRALS.ink,
                     strokeWidth: 1,
                 }));
             }
             else if (row.swatch === 'square') {
                 ids.push(addShape(surface, sx, midY - SW / 2, SW, SW, {
                     fill: row.color,
-                    stroke: '#1f2328',
+                    stroke: NOTATION_NEUTRALS.ink,
                     strokeWidth: 1,
                     radius: 3,
                 }));
                 if (row.letter)
-                    ids.push(addText(surface, sx, midY - 8, SW, row.letter, '#1f2328', LABEL_FONT, 11));
+                    ids.push(addText(surface, sx, midY - 8, SW, row.letter, NOTATION_NEUTRALS.ink, LABEL_FONT, 11));
             }
             else if (row.dashed) {
                 // Two 6-unit segments with a 4-unit gap: the same 16 units as a solid

package/dist/toolbar/icons.js

@@ -1,3 +1,4 @@
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { html, svg } from 'lit';
 /**
  * Contextual-toolbar glyph — "generate the legend of what is on this
@@ -40,12 +41,12 @@ export const eventStormingToolbarIcon = svg `<svg width="100%" height="100%" vie
 export const coreDomainToolbarIcon = svg `<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect x="10" y="8" width="38" height="38" fill="#4d9900" fill-opacity="0.55"/>
   <rect x="10" y="8" width="14" height="38" fill="#9933ff" fill-opacity="0.55"/>
-  <path d="M10 46 V8 M10 46 H48" stroke="#1f2328" stroke-width="2.4" stroke-linecap="round"/>
+  <path d="M10 46 V8 M10 46 H48" stroke="${NOTATION_NEUTRALS.frameInk}" stroke-width="2.4" stroke-linecap="round"/>
   <circle cx="38" cy="18" r="4" fill="#9933ff"/>
 </svg>`;
 /** Senior-button glyph — Context Map (two bubbles + relation). */
 export const contextMapToolbarIcon = svg `<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect x="6" y="10" width="22" height="14" rx="7" fill="#e6f0fa" stroke="#2f6fb0" stroke-width="1.6"/>
   <rect x="28" y="32" width="22" height="14" rx="7" fill="#e6f0fa" stroke="#2f6fb0" stroke-width="1.6"/>
-  <path d="M20 24 L34 32" stroke="#1f2328" stroke-width="1.8"/>
+  <path d="M20 24 L34 32" stroke="${NOTATION_NEUTRALS.ink}" stroke-width="1.8"/>
 </svg>`;

package/package.json

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