@miragon/team-topologies-renderer 0.10.1 → 0.11.0

package/dist/theme/palette.d.ts

@@ -4,8 +4,8 @@
  * Values mirror the Miragon corporate identity: the `miragon-brand:modeler-tool-design` skill in
  * `Miragon/corporate-identity`, whose vendored `cd-tokens.generated.css` (next to this file) defines
  * the `--cd-*` custom properties, generated from `brand/tokens.json`. Re-copy that CSS from the skill
- * to update; never fork the hex values by hand. `test/theme.sync.test.ts` fails if this mirror drifts
- * from the vendored CSS.
+ * to update; never fork the hex values by hand. `packages/renderer/src/theme/theme.sync.test.ts`
+ * fails if this mirror drifts from the vendored CSS.
  *
  * Pure data — no DOM, no imports — so it stays inside the P1 DOM-free discipline and can be consumed
  * by the SVG-drawing constants in `draw/styles.ts`.
@@ -15,7 +15,7 @@
  * interaction colours are the official notation and live in `schema-model/notation.ts` — they are NOT
  * part of this brand ramp.
  */
-/** Raw Miragon brand ramp + functional layer — exact `--cd-*` values. */
+/** Raw Miragon brand ramp + UI neutrals + functional layer — exact `--cd-*` values. */
 export declare const MIRAGON: {
     /** Primary: surfaces, buttons, links, selection, backgrounds. */
     readonly blau: "#335DE5";
@@ -30,18 +30,38 @@ export declare const MIRAGON: {
     /** Text on light; not pure black. */
     readonly schwarz: "#1D1D1D";
     readonly weiss: "#FFFFFF";
-    /** Functional / status layer (own layer beside the brand palette; AA as text on white). */
-    readonly success: "#0B7A55";
-    readonly warning: "#92610A";
-    readonly danger: "#C92A2A";
-    readonly info: "#2B50D4";
+    /** Dividers and decorative borders; no contrast requirement. */
+    readonly linie: "#E6E2E2";
+    /** Non-text elements that need ≥ 3:1 (input borders, structural strokes and connectors). */
+    readonly kontur: "#8F8A8A";
+    /** Secondary text, ≥ 4.5:1 on `weiss` and on `grau`. */
+    readonly textLeise: "#6B6666";
+    /**
+     * Functional / status layer. `success` and `warning` are fills, borders, icons and dots only —
+     * never text or thin strokes on light (1.67:1 / 1.83:1). `danger` and `info` also carry text
+     * (AA on white). Each `-soft` is an opaque tint for notice boxes and badges.
+     */
+    readonly success: "#00E676";
+    readonly successSoft: "#DAFBEB";
+    readonly warning: "#FFB000";
+    readonly warningSoft: "#FFF1D2";
+    readonly danger: "#CD1839";
+    readonly dangerSoft: "#FBEEF0";
+    readonly info: "#335DE5";
+    readonly infoSoft: "#EEF1FD";
+    /** Each `-hell` is the status colour for dark surfaces (unused here — the canvas is light-only). */
+    readonly successHell: "#00E676";
+    readonly warningHell: "#FFB000";
+    readonly dangerHell: "#FB6D73";
+    readonly infoHell: "#6B8AFF";
     /** Signature brand gradient — brand moments only. Use verbatim. */
     readonly gradientBrand: "linear-gradient(120deg, #335DE5 30%, #00E676)";
 };
 /**
  * Every `--cd-*` token this repo depends on, mapped to the value it MUST hold. The drift test parses
  * `cd-tokens.generated.css` and asserts each entry matches, so re-copying the vendored CSS with a
- * changed value fails CI until this mirror (and `MIRAGON`) is updated too.
+ * changed value fails CI until this mirror (and `MIRAGON`) is updated too. `--cd-gradient-format`
+ * stays unmirrored: nothing here uses the format-tile gradient.
  */
 export declare const CD_TOKENS: Record<string, string>;
 //# sourceMappingURL=palette.d.ts.map

package/dist/theme/palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,yEAAyE;AACzE,eAAO,MAAM,OAAO;IAClB,iEAAiE;;IAEjE,sEAAsE;;IAEtE,4FAA4F;;IAE5F,gGAAgG;;IAEhG,kEAAkE;;IAElE,qCAAqC;;;IAGrC,2FAA2F;;;;;IAK3F,mEAAmE;;CAE3D,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiB5C,CAAC"}
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,uFAAuF;AACvF,eAAO,MAAM,OAAO;IAClB,iEAAiE;;IAEjE,sEAAsE;;IAEtE,4FAA4F;;IAE5F,gGAAgG;;IAEhG,kEAAkE;;IAElE,qCAAqC;;;IAGrC,gEAAgE;;IAEhE,4FAA4F;;IAE5F,wDAAwD;;IAExD;;;;OAIG;;;;;;;;;IASH,oGAAoG;;;;;IAKpG,mEAAmE;;CAE3D,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAwB5C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miragon/team-topologies-renderer",
-  "version": "0.10.1",
+  "version": "0.11.0",
   "description": "Render and edit Team Topologies diagrams in the browser, with a framework-agnostic viewer and modeler built on diagram-js.",
   "license": "MIT",
   "repository": {
@@ -37,22 +37,23 @@
     "test:browser": "npm --prefix ../.. run test:browser"
   },
   "dependencies": {
-    "@miragon/team-topologies-schema-model": "0.10.1"
+    "@miragon/modeler-api": "1.1.0",
+    "@miragon/team-topologies-schema-model": "0.11.0"
   },
   "peerDependencies": {
-    "diagram-js": "^15.26.0",
-    "didi": "^11.0.0",
+    "diagram-js": "^15.28.0",
+    "didi": "^11.0.0 || ^12.0.0",
     "tiny-svg": "^4.1.4",
     "zod": "^4.6.0"
   },
   "devDependencies": {
-    "diagram-js": "15.28.0",
-    "didi": "11.0.1",
+    "diagram-js": "15.28.1",
+    "didi": "12.0.0",
     "tiny-svg": "4.1.4",
     "typescript": "6.0.3",
-    "vite": "8.3.2",
+    "vite": "8.3.4",
     "vite-plugin-dts": "5.1.2",
-    "vitest": "5.0.3",
-    "zod": "4.6.5"
+    "vitest": "5.0.4",
+    "zod": "4.6.7"
   }
 }