@formicoidea/labre-framework-cynefin 0.39.3 → 0.40.0

package/dist/templates/index.js

@@ -1,5 +1,6 @@
 import { makeTemplateSnapshot, surfaceText, templateFromCommand, } from '@formicoidea/labre-core/gfx/template';
 import { FontFamily, ShapeStyle, TextAlign } from '@formicoidea/labre-core/model';
+import { NOTATION_NEUTRALS } from '@formicoidea/labre-core/shared/consts';
 import { cynefinEstuarineCommands } from '../commands.js';
 import { HEX_SIZE } from '../estuarine/consts.js';
 import { CYNEFIN_H, CYNEFIN_W, cynefinBackgroundProps, ESTUARINE_MAP_H, ESTUARINE_MAP_W, estuarineHexagonBox, estuarineHexagonProps, estuarineMapProps, MAP_SCALE, } from '../presets.js';
@@ -37,7 +38,7 @@ function sticky(x, y, text) {
         roughness: 0,
         radius: 8,
         text: surfaceText(text),
-        color: '#1a1a1a',
+        color: NOTATION_NEUTRALS.ink,
         fontFamily: FontFamily.Inter,
         fontSize: 18,
         textAlign: TextAlign.Center,
@@ -72,7 +73,7 @@ function caption(cx, cy, str) {
     return {
         type: 'text',
         text: surfaceText(str),
-        color: '#1a1a1a',
+        color: NOTATION_NEUTRALS.ink,
         fontFamily: FontFamily.Inter,
         fontSize: 16,
         textAlign: TextAlign.Center,
@@ -92,7 +93,7 @@ const ATTRS = 'width="100%" height="100%" viewBox="0 0 135 80" xmlns="http://www
 export const cynefinTemplateCategory = {
     name: 'Cynefin',
     templates: [
-        tpl('Decision sorting', `<svg ${ATTRS} fill="none"><rect x="8" y="10" width="119" height="60" rx="4" stroke="#2a9d99" stroke-width="1.5"/><path d="M67 10 V70 M8 40 H127" stroke="#9aa0a6"/><rect x="18" y="18" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="83" y="18" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="18" y="48" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="83" y="48" width="34" height="14" rx="2" fill="#fff3b0"/></svg>`, {
+        tpl('Decision sorting', `<svg ${ATTRS} fill="none"><rect x="8" y="10" width="119" height="60" rx="4" stroke="#2a9d99" stroke-width="1.5"/><path d="M67 10 V70 M8 40 H127" stroke="${NOTATION_NEUTRALS.divider}"/><rect x="18" y="18" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="83" y="18" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="18" y="48" width="34" height="14" rx="2" fill="#fff3b0"/><rect x="83" y="48" width="34" height="14" rx="2" fill="#fff3b0"/></svg>`, {
             bg: cynefinBackgroundProps({
                 xywh: `[0,0,${CYNEFIN_W},${CYNEFIN_H}]`,
             }),
@@ -101,7 +102,7 @@ export const cynefinTemplateCategory = {
             s3: sticky(190, 505, 'Act now'),
             s4: sticky(690, 505, 'Known issue'),
         }),
-        templateFromCommand(byId('cynefin-estuarine.addCynefin'), `<svg ${ATTRS} fill="none"><rect x="14" y="12" width="107" height="56" rx="4" stroke="#2a9d99" stroke-width="1.6"/><path d="M67 12 V68 M14 40 H121" stroke="#9aa0a6"/></svg>`, 'Cynefin framework'),
+        templateFromCommand(byId('cynefin-estuarine.addCynefin'), `<svg ${ATTRS} fill="none"><rect x="14" y="12" width="107" height="56" rx="4" stroke="#2a9d99" stroke-width="1.6"/><path d="M67 12 V68 M14 40 H121" stroke="${NOTATION_NEUTRALS.divider}"/></svg>`, 'Cynefin framework'),
     ],
 };
 export const estuarineTemplateCategory = {

package/package.json

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