@moderneinc/react-charts 1.2.0-next.54ab37 → 1.2.0-next.6a7b47

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

@@ -93,6 +93,12 @@ export type ChronoChartProps = {
      * @default undefined (inherits from SVG default, typically black)
      */
     axisLabelColor?: string;
+    /**
+     * Font size for axis labels in pixels.
+     * Increase this value when displaying charts at smaller sizes (e.g., in dashboards).
+     * @default 14
+     */
+    axisLabelSize?: number;
     /** Enable animations when switching between modes */
     enableAnimation?: boolean;
     /** Duration of animations in milliseconds */

package/dist/components/d3-stacked-area-chart/d3-stacked-area-chart.types.d.ts

@@ -72,6 +72,12 @@ export type D3StackedAreaChartProps = {
     }>;
     /** Marker visibility mode: 'hover' shows only nearest marker on hover, 'always' shows all markers */
     markerVisibilityMode?: 'always' | 'hover';
+    /**
+     * Color for brush selection overlay.
+     * Used for both the selection area and drag handles.
+     * @default '#69b3a2'
+     */
+    brushColor?: string;
     /** Mode for morphing animation */
     morphMode?: 'area' | 'parliament' | 'morphing';
     /** Parliament layout data (for morphing) */

package/dist/components/d3-stacked-area-chart/hooks/use-d3-stacked-area.hook.d.ts

@@ -29,6 +29,7 @@ type UseD3StackedAreaProps = {
     }>;
     markerVisibilityMode?: 'always' | 'hover';
     onMarkerHoverChange?: (isHovering: boolean) => void;
+    brushColor?: string;
 };
-export declare const useD3StackedArea: ({ containerRef, data, categories, width, height, margin, timeRange, showGrid, showXAxis, showYAxis, enableBrush, zoomToSelection, onTimeRangeChange, formatDate, formatValue, markers, markerVisibilityMode, onMarkerHoverChange }: UseD3StackedAreaProps) => void;
+export declare const useD3StackedArea: ({ containerRef, data, categories, width, height, margin, timeRange, showGrid, showXAxis, showYAxis, enableBrush, zoomToSelection, onTimeRangeChange, formatDate, formatValue, markers, markerVisibilityMode, onMarkerHoverChange, brushColor }: UseD3StackedAreaProps) => void;
 export {};

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

@@ -17,6 +17,7 @@ type UseMorphChartProps = {
     showGrid?: boolean;
     showAxes?: boolean;
     axisLabelColor?: string;
+    axisLabelSize?: number;
     formatDate?: (timestamp: number) => string;
     formatValue?: (value: number) => string;
     markers?: Array<{
@@ -52,7 +53,7 @@ type UseMorphChartProps = {
     timelineOffset?: number;
     brushColor?: string;
 };
-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) => {
+export declare const useMorphChart: ({ containerRef, data, categories, mode, width, height, margin, timeRange, showGrid, showAxes, axisLabelColor, axisLabelSize, 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

@@ -48,6 +48,12 @@ export type MorphChartProps = {
      * @default undefined (inherits from SVG default, typically black)
      */
     axisLabelColor?: string;
+    /**
+     * Font size for axis labels in pixels.
+     * Increase this value when displaying charts at smaller sizes (e.g., in dashboards).
+     * @default 14
+     */
+    axisLabelSize?: number;
     /** Enable brush selection */
     enableBrush?: boolean;
     /** Callback when time range changes */