uilint-react 0.2.45 → 0.2.47

package/README.md

@@ -12,10 +12,10 @@ React component for AI-powered UI consistency checking in running applications.
 npm install uilint-react uilint-core
 ```
 
-Or use the CLI to install everything automatically:
+Or use the CLI to initialize everything automatically:
 
 ```bash
-npx uilint install
+npx uilint init
 ```
 
 ## Usage in a Running App

package/dist/components/ui-lint/HeatmapOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/ui-lint/HeatmapOverlay.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAoCxE,wBAAgB,cAAc,6BA4Q7B"}
+{"version":3,"file":"HeatmapOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/ui-lint/HeatmapOverlay.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAsCxE,wBAAgB,cAAc,6BA8R7B"}

package/dist/components/ui-lint/heatmap-colors.d.ts

@@ -1,9 +1,10 @@
 /**
  * Heatmap color utilities for issue density visualization
  *
- * Uses a single warm color (amber/orange) with varying opacity
- * to create a beautiful, minimal heatmap effect.
+ * Uses different colors for warnings (amber) vs errors (red)
+ * with varying opacity to create a beautiful, minimal heatmap effect.
  */
+export type IssueSeverity = "error" | "warn";
 /**
  * Calculate opacity based on issue count using logarithmic scale.
  * Logarithmic scaling prevents high-outlier counts from overwhelming the display.
@@ -15,10 +16,20 @@
 export declare function calculateHeatmapOpacity(issueCount: number, maxIssues: number): number;
 /**
  * Get CSS color string for heatmap overlay background
+ * @deprecated Use getSeverityColor instead
  */
 export declare function getHeatmapColor(opacity: number): string;
 /**
  * Get border color for heatmap (slightly more saturated and darker)
+ * @deprecated Use getSeverityBorderColor instead
  */
 export declare function getHeatmapBorderColor(opacity: number): string;
+/**
+ * Get CSS color string for heatmap overlay based on severity
+ */
+export declare function getSeverityColor(opacity: number, severity: IssueSeverity): string;
+/**
+ * Get border color for heatmap based on severity (slightly more saturated and darker)
+ */
+export declare function getSeverityBorderColor(opacity: number, severity: IssueSeverity): string;
 //# sourceMappingURL=heatmap-colors.d.ts.map

package/dist/components/ui-lint/heatmap-colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heatmap-colors.d.ts","sourceRoot":"","sources":["../../../src/components/ui-lint/heatmap-colors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,MAAM,CAcR;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAK7D"}
+{"version":3,"file":"heatmap-colors.d.ts","sourceRoot":"","sources":["../../../src/components/ui-lint/heatmap-colors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAyB7C;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,MAAM,CAcR;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAK7D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,aAAa,GACtB,MAAM,CAGR;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,aAAa,GACtB,MAAM,CAKR"}