@moderneinc/react-charts 1.2.0-next.867ab1 → 1.2.0-next.aa422f

package/dist/components/chrono-chart/chrono-chart.types.d.ts

@@ -88,6 +88,11 @@ export type ChronoChartProps = {
     showTooltip?: boolean;
     /** Show background grid lines */
     showGrid?: boolean;
+    /**
+     * Color for axis labels (dates on x-axis, values on y-axis).
+     * @default undefined (inherits from SVG default, typically black)
+     */
+    axisLabelColor?: string;
     /** Enable animations when switching between modes */
     enableAnimation?: boolean;
     /** Duration of animations in milliseconds */
@@ -109,4 +114,10 @@ export type ChronoChartProps = {
     onTimelineReady?: (timeline: unknown) => void;
     /** Callback for animation progress updates */
     onAnimationProgress?: (progress: number, stage: string) => void;
+    /**
+     * Color for brush selection overlay in historical mode.
+     * Used for both the selection area and drag handles.
+     * @default '#69b3a2'
+     */
+    brushColor?: string;
 };

package/dist/components/morph-chart/hooks/use-morph-chart.hook.d.ts

@@ -16,6 +16,7 @@ type UseMorphChartProps = {
     timeRange?: [number, number];
     showGrid?: boolean;
     showAxes?: boolean;
+    axisLabelColor?: string;
     formatDate?: (timestamp: number) => string;
     formatValue?: (value: number) => string;
     markers?: Array<{
@@ -49,8 +50,9 @@ type UseMorphChartProps = {
     showTimeline?: boolean;
     timelineHeight?: number;
     timelineOffset?: number;
+    brushColor?: string;
 };
-export declare const useMorphChart: ({ containerRef, data, categories, mode, width, height, margin, timeRange, showGrid, showAxes, formatDate, formatValue, markers, arcAngle, parliamentRadius, seatSize, animationDuration, onMorphComplete, onAnimationStateChange, onTimelineReady, onAnimationProgress, onHoveredDataChange, hoveredCategory: externalHoveredCategory, maxSeats, parliamentTimestamp, enableBrush, onTimeRangeChange, minAllowedTime: minAllowedTimeConstraint, maxAllowedTime: maxAllowedTimeConstraint, showScaleIndicator, reposPerSeat, timelineEvents, showTimeline, timelineHeight, timelineOffset }: UseMorphChartProps) => {
+export declare const useMorphChart: ({ containerRef, data, categories, mode, width, height, margin, timeRange, showGrid, showAxes, axisLabelColor, formatDate, formatValue, markers, arcAngle, parliamentRadius, seatSize, animationDuration, onMorphComplete, onAnimationStateChange, onTimelineReady, onAnimationProgress, onHoveredDataChange, hoveredCategory: externalHoveredCategory, maxSeats, parliamentTimestamp, enableBrush, onTimeRangeChange, minAllowedTime: minAllowedTimeConstraint, maxAllowedTime: maxAllowedTimeConstraint, showScaleIndicator, reposPerSeat, timelineEvents, showTimeline, timelineHeight, timelineOffset, brushColor }: UseMorphChartProps) => {
     isMorphing: boolean;
     currentMode: MorphMode;
     hoveredCategory: string | null;

package/dist/components/morph-chart/morph-chart.types.d.ts

@@ -43,6 +43,11 @@ export type MorphChartProps = {
     showGrid?: boolean;
     /** Show axes */
     showAxes?: boolean;
+    /**
+     * Color for axis labels (dates on x-axis, values on y-axis).
+     * @default undefined (inherits from SVG default, typically black)
+     */
+    axisLabelColor?: string;
     /** Enable brush selection */
     enableBrush?: boolean;
     /** Callback when time range changes */
@@ -110,6 +115,12 @@ export type MorphChartProps = {
     timelineHeight?: number;
     /** Space between x-axis and timeline in pixels (default: 35) */
     timelineOffset?: number;
+    /**
+     * Color for brush selection overlay.
+     * Used for both the selection area and drag handles.
+     * @default '#69b3a2'
+     */
+    brushColor?: string;
 };
 /**
  * Seat position in parliament layout