@formicoidea/labre-framework-ddd-core-domain 0.39.1 → 0.40.0

package/dist/commands.js

@@ -1,4 +1,5 @@
 import { addDot, addMarker, CD_SUBDOMAINS, MOVEMENT_COLOR, placeDddElement, TEAM_TOPOLOGIES, } from '@formicoidea/labre-ddd-shared';
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { svg } from 'lit';
 import { activateMovement, createCoreDomainChart } from './actions.js';
 import { markerRole, subdomainRole } from './roles.js';
@@ -9,9 +10,9 @@ import { markerRole, subdomainRole } from './roles.js';
  * config) — the element toolbar is out of scope for `docs/adr/0008`.
  */
 const chartSwatch = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="4" y="3" width="17" height="17" fill="#4d9900" fill-opacity="0.5"/><rect x="4" y="3" width="6" height="17" fill="#9933ff" fill-opacity="0.5"/><path d="M4 20 V3 M4 20 H21" stroke="currentColor" stroke-width="1.8"/></svg>`;
-const dotSwatch = (color) => svg `<svg width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7" fill="${color}" stroke="#1f2328" stroke-width="1.2"/></svg>`;
+const dotSwatch = (color) => svg `<svg width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7" fill="${color}" stroke="${NOTATION_NEUTRALS.ink}" stroke-width="1.2"/></svg>`;
 const movementSwatch = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 18 L16 7" stroke="${MOVEMENT_COLOR}" stroke-width="2" stroke-dasharray="3 3"/><path d="M12 6 L18 5 L17 11" stroke="${MOVEMENT_COLOR}" stroke-width="2" fill="none"/></svg>`;
-const markerSwatch = (fill, letter) => svg `<svg width="24" height="24" viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="3" fill="${fill}" stroke="#1f2328" stroke-width="1.2"/><text x="12" y="16" text-anchor="middle" font-size="11" font-family="sans-serif" fill="#1f2328">${letter}</text></svg>`;
+const markerSwatch = (fill, letter) => svg `<svg width="24" height="24" viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="3" fill="${fill}" stroke="${NOTATION_NEUTRALS.ink}" stroke-width="1.2"/><text x="12" y="16" text-anchor="middle" font-size="11" font-family="sans-serif" fill="${NOTATION_NEUTRALS.ink}">${letter}</text></svg>`;
 const SPECS = [
     {
         id: 'addChart',

package/dist/core-domain/background.js

@@ -1,4 +1,5 @@
 import { CD_SUBDOMAINS, FONT_FAMILY } from '@formicoidea/labre-ddd-shared';
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { CORE_DOMAIN_ROLE } from '../roles.js';
 /**
  * The Core Domain Chart background, DECLARED.
@@ -57,13 +58,14 @@ const rh = (h) => h / PLOT.height;
  * verbatim, so eight-digit hex is how a translucent band is declared.
  */
 const PALETTE = {
-    axis: '#000000',
-    title: '#000000',
-    tick: '#777777',
+    /** The frame, its titles and its ticks: the shared notation scale's. */
+    axis: NOTATION_NEUTRALS.frameInk,
+    title: NOTATION_NEUTRALS.frameInk,
+    tick: NOTATION_NEUTRALS.label,
     /** Zone names of the classic reading: white, over saturated bands. */
     zoneLabel: '#ffffff',
     /** Zone names of the migration reading: ink, over pale tints. */
-    zoneLabelDark: '#1f2328',
+    zoneLabelDark: NOTATION_NEUTRALS.ink,
     zoneGeneric: '#b3b3b399',
     zoneSupporting: '#9933ff99',
     zoneCore: '#4d990099',

package/dist/templates.js

@@ -1,5 +1,6 @@
 import { CD_SUBDOMAINS, TEAM_TOPOLOGIES } from '@formicoidea/labre-ddd-shared';
 import { templateFromCommand, } from '@formicoidea/labre-core/gfx/template';
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { coreDomainCommands } from './commands.js';
 /**
  * The Core Domain Chart palette — DERIVED from the toolbox, one template per
@@ -24,9 +25,9 @@ function byLabel(label) {
     return command;
 }
 const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www.w3.org/2000/svg"';
-const circ = (c) => `<svg ${ATTRS}><circle cx="68" cy="40" r="22" fill="${c}" stroke="#1f2328" stroke-width="1.5"/></svg>`;
-const mk = (c, l) => `<svg ${ATTRS}><rect x="48" y="20" width="40" height="40" rx="5" fill="${c}" stroke="#1f2328" stroke-width="1.5"/><text x="68" y="47" text-anchor="middle" font-size="20" fill="#1f2328">${l}</text></svg>`;
-const CHART_PREVIEW = `<svg ${ATTRS} fill="none"><rect x="10" y="6" width="115" height="62" fill="#4d9900" fill-opacity="0.5"/><rect x="10" y="6" width="22" height="62" fill="#9933ff" fill-opacity="0.5"/><path d="M10 68 V6 M10 68 H125" stroke="#1f2328" stroke-width="1.6"/></svg>`;
+const circ = (c) => `<svg ${ATTRS}><circle cx="68" cy="40" r="22" fill="${c}" stroke="${NOTATION_NEUTRALS.ink}" stroke-width="1.5"/></svg>`;
+const mk = (c, l) => `<svg ${ATTRS}><rect x="48" y="20" width="40" height="40" rx="5" fill="${c}" stroke="${NOTATION_NEUTRALS.ink}" stroke-width="1.5"/><text x="68" y="47" text-anchor="middle" font-size="20" fill="${NOTATION_NEUTRALS.ink}">${l}</text></svg>`;
+const CHART_PREVIEW = `<svg ${ATTRS} fill="none"><rect x="10" y="6" width="115" height="62" fill="#4d9900" fill-opacity="0.5"/><rect x="10" y="6" width="22" height="62" fill="#9933ff" fill-opacity="0.5"/><path d="M10 68 V6 M10 68 H125" stroke="${NOTATION_NEUTRALS.frameInk}" stroke-width="1.6"/></svg>`;
 export const coreDomainTemplateCategory = {
     name: 'Core Domain Chart',
     templates: [

package/package.json

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