@inflexa-ai/harness 0.19.1 → 0.20.0

package/dist/report-render/design.d.ts

@@ -0,0 +1,120 @@
+/**
+ * The design sheet of the report page, and the ECharts theme.
+ *
+ * The page carries no external stylesheet and no CSS framework. Thus this module holds the whole identity:
+ * the tokens, the font faces, the typography, the components, the textures, the motion rules, and the print
+ * rules. The identity source is the Inflexa design system.
+ *
+ * Two invariants bind an edit of the sheet:
+ *
+ * - Each class rule matches a class that one view emits. A rule with no emitter is dead, and a dead rule is
+ *   a cost with no visible effect.
+ * - Each font URL comes from the asset manifest. Thus the sheet and the stage step of the caller cannot
+ *   disagree over a file name.
+ *
+ * The token block is the exception to the first invariant. The token set is the contract of the identity,
+ * thus it stays complete even where no current rule reads a token.
+ */
+/** The style rules of the page. The renderer inlines them in one `<style>` block. */
+export declare const DESIGN_CSS: string;
+/**
+ * The registered name of the ECharts theme. The registration script writes this name, and the bootstrap
+ * reads it. One source prevents a silent mismatch between the two sites.
+ */
+export declare const ECHARTS_THEME_NAME = "inflexa";
+/**
+ * The ECharts theme as a plain object. The renderer serializes this object and registers it, thus the theme
+ * never rides a JSON file and no run-time read is necessary. The palette and the axis styles mirror the
+ * light design tokens above.
+ */
+export declare const ECHARTS_THEME: {
+    color: string[];
+    backgroundColor: string;
+    textStyle: {
+        fontFamily: string;
+        fontSize: number;
+        color: string;
+    };
+    title: {
+        show: boolean;
+    };
+    legend: {
+        bottom: number;
+        textStyle: {
+            fontSize: number;
+            color: string;
+        };
+        itemGap: number;
+        itemWidth: number;
+        itemHeight: number;
+    };
+    grid: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+        containLabel: boolean;
+    };
+    tooltip: {
+        backgroundColor: string;
+        borderColor: string;
+        textStyle: {
+            color: string;
+            fontSize: number;
+        };
+        extraCssText: string;
+    };
+    toolbox: {
+        feature: {
+            saveAsImage: {
+                title: string;
+                pixelRatio: number;
+            };
+        };
+        iconStyle: {
+            borderColor: string;
+        };
+        right: number;
+        top: number;
+    };
+    xAxis: {
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisTick: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+            fontSize: number;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+                type: string;
+            };
+        };
+    };
+    yAxis: {
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: string;
+            fontSize: number;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+                type: string;
+            };
+        };
+    };
+};