@miragon/team-topologies-renderer 0.4.0 → 0.6.0

package/dist/theme/palette.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Miragon design tokens — the single source of truth for every non-notation colour in the renderer.
+ *
+ * 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.
+ *
+ * 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`.
+ *
+ * Brand rule: blue leads (`blau` — surfaces, buttons, links, selection), green accents (`gruen` — key
+ * visual, highlights; a fill, never body text on white). The four Team Topologies team-type and
+ * 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. */
+export declare const MIRAGON: {
+    /** Primary: surfaces, buttons, links, selection, backgrounds. */
+    readonly blau: "#335DE5";
+    /** Deeper blue for links / accent text on white (WCAG AA, ~5.5:1). */
+    readonly blauLink: "#2B50D4";
+    /** Lightened blue for accents on dark surfaces (unused here — the canvas is light-only). */
+    readonly blauHell: "#6B8AFF";
+    /** Accent: key visual, highlights, the brand gradient. Bright — a fill, never text on white. */
+    readonly gruen: "#00E676";
+    /** Calm neutral surface (warm off-white) — the paper surround. */
+    readonly grau: "#F9F7F7";
+    /** 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";
+    /** 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.
+ */
+export declare const CD_TOKENS: Record<string, string>;
+//# sourceMappingURL=palette.d.ts.map

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

@@ -0,0 +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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miragon/team-topologies-renderer",
-  "version": "0.4.0",
+  "version": "0.6.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,15 +37,15 @@
     "test:browser": "npm --prefix ../.. run test:browser"
   },
   "dependencies": {
-    "@miragon/team-topologies-schema-model": "0.4.0",
-    "diagram-js": "15.18.0",
+    "@miragon/team-topologies-schema-model": "0.6.0",
+    "diagram-js": "15.22.0",
     "didi": "11.0.0",
     "tiny-svg": "4.1.4"
   },
   "devDependencies": {
     "typescript": "6.0.3",
-    "vite": "8.1.0",
+    "vite": "8.1.4",
     "vite-plugin-dts": "5.0.3",
-    "vitest": "4.1.9"
+    "vitest": "4.1.10"
   }
 }