@motionscript/charts 0.1.1-alpha.1 → 0.1.1-alpha.3

package/dist/line-chart/line-chart.d.ts

@@ -1,24 +1,26 @@
-import { type DataRecord, type NodeOf, type OutOf, type Node2D, type Node2DProps as _Node2DProps, type Fill as _Fill, type FillResolved as _FillResolved, type Stroke as _Stroke, type StrokeResolved as _StrokeResolved, type StyleInput as _StyleInput, type StyleValues as _StyleValues } from "@motionscript/sdk";
+import { type DataRecord, type NodeOf, type OutOf, type Node2D, type Node2DProps as _Node2DProps, type TextStyle as _TextStyle, type Fill as _Fill, type FillResolved as _FillResolved, type Stroke as _Stroke, type StrokeResolved as _StrokeResolved, type StyleInput as _StyleInput, type StyleValues as _StyleValues } from "@motionscript/sdk";
 import { type AxisDomainConfig, type ResolvedAxisDomain } from "../kit/shared.js";
 import { type LineSeries, type LineStack, type PlotRegion } from "./shared.js";
 declare const LINE_STYLE: import("@motionscript/sdk").Type<_StyleInput<{
+    gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+} & {
     legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
     swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+    legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
 } & {
     horizontalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
     verticalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+} & {
+    seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+} & {
     axisStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
     showXAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    xLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    xTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     showYAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
-} & {
-    fontFamily: import("@motionscript/sdk").Type<string, string, false>;
-    fontSize: import("@motionscript/sdk").Type<number, number, false>;
-    fontWeight: import("@motionscript/sdk").Type<number, number, false>;
-} & {
-    palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
-    foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-    muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-    background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    yLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    yTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
 } & {
     strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
     curve: import("@motionscript/sdk").Type<"step" | "linear" | "smooth", "step" | "linear" | "smooth", false>;
@@ -27,25 +29,28 @@ declare const LINE_STYLE: import("@motionscript/sdk").Type<_StyleInput<{
     area: import("@motionscript/sdk").Type<"none" | "solid" | "gradient", "none" | "solid" | "gradient", false>;
     areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
 } & {
+    valueText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     values: import("@motionscript/sdk").Type<"none" | "above" | "below", "none" | "above" | "below", false>;
 }>, _StyleValues<{
+    gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+} & {
     legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
     swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+    legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
 } & {
     horizontalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
     verticalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+} & {
+    seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+} & {
     axisStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
     showXAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
+    xLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    xTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     showYAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
-} & {
-    fontFamily: import("@motionscript/sdk").Type<string, string, false>;
-    fontSize: import("@motionscript/sdk").Type<number, number, false>;
-    fontWeight: import("@motionscript/sdk").Type<number, number, false>;
-} & {
-    palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
-    foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-    muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-    background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    yLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+    yTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
 } & {
     strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
     curve: import("@motionscript/sdk").Type<"step" | "linear" | "smooth", "step" | "linear" | "smooth", false>;
@@ -54,6 +59,7 @@ declare const LINE_STYLE: import("@motionscript/sdk").Type<_StyleInput<{
     area: import("@motionscript/sdk").Type<"none" | "solid" | "gradient", "none" | "solid" | "gradient", false>;
     areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
 } & {
+    valueText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     values: import("@motionscript/sdk").Type<"none" | "above" | "below", "none" | "above" | "below", false>;
 }>, false>;
 /** A line chart's resolved style. */
@@ -99,23 +105,25 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
     readonly xAxis: import("@motionscript/sdk").Type<AxisDomainConfig, AxisDomainConfig, false>;
     readonly yAxis: import("@motionscript/sdk").Type<AxisDomainConfig, AxisDomainConfig, false>;
     readonly style: import("@motionscript/sdk").Type<_StyleInput<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
         legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
         swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         horizontalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         verticalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
         axisStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         showXAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        xLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        xTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         showYAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
-    } & {
-        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
-        fontSize: import("@motionscript/sdk").Type<number, number, false>;
-        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
-    } & {
-        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
-        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        yLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        yTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
         curve: import("@motionscript/sdk").Type<"step" | "linear" | "smooth", "step" | "linear" | "smooth", false>;
@@ -124,25 +132,28 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
         area: import("@motionscript/sdk").Type<"none" | "solid" | "gradient", "none" | "solid" | "gradient", false>;
         areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
     } & {
+        valueText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         values: import("@motionscript/sdk").Type<"none" | "above" | "below", "none" | "above" | "below", false>;
     }>, _StyleValues<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
         legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
         swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         horizontalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         verticalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
         axisStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         showXAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        xLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        xTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         showYAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
-    } & {
-        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
-        fontSize: import("@motionscript/sdk").Type<number, number, false>;
-        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
-    } & {
-        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
-        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        yLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        yTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
         curve: import("@motionscript/sdk").Type<"step" | "linear" | "smooth", "step" | "linear" | "smooth", false>;
@@ -151,6 +162,7 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
         area: import("@motionscript/sdk").Type<"none" | "solid" | "gradient", "none" | "solid" | "gradient", false>;
         areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
     } & {
+        valueText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         values: import("@motionscript/sdk").Type<"none" | "above" | "below", "none" | "above" | "below", false>;
     }>, false>;
     /** The spotlit slice in data units, or `null`. The box snaps; {@link regionReveal} animates it. */
@@ -191,23 +203,25 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
     readonly xAxis: import("@motionscript/sdk").Type<AxisDomainConfig, AxisDomainConfig, false>;
     readonly yAxis: import("@motionscript/sdk").Type<AxisDomainConfig, AxisDomainConfig, false>;
     readonly style: import("@motionscript/sdk").Type<_StyleInput<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
         legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
         swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         horizontalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         verticalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
         axisStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         showXAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        xLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        xTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         showYAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
-    } & {
-        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
-        fontSize: import("@motionscript/sdk").Type<number, number, false>;
-        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
-    } & {
-        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
-        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        yLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        yTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
         curve: import("@motionscript/sdk").Type<"step" | "linear" | "smooth", "step" | "linear" | "smooth", false>;
@@ -216,25 +230,28 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
         area: import("@motionscript/sdk").Type<"none" | "solid" | "gradient", "none" | "solid" | "gradient", false>;
         areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
     } & {
+        valueText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         values: import("@motionscript/sdk").Type<"none" | "above" | "below", "none" | "above" | "below", false>;
     }>, _StyleValues<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
         legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
         swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         horizontalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         verticalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
         axisStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         showXAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        xLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        xTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         showYAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
-    } & {
-        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
-        fontSize: import("@motionscript/sdk").Type<number, number, false>;
-        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
-    } & {
-        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
-        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        yLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        yTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
         curve: import("@motionscript/sdk").Type<"step" | "linear" | "smooth", "step" | "linear" | "smooth", false>;
@@ -243,6 +260,7 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
         area: import("@motionscript/sdk").Type<"none" | "solid" | "gradient", "none" | "solid" | "gradient", false>;
         areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
     } & {
+        valueText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         values: import("@motionscript/sdk").Type<"none" | "above" | "below", "none" | "above" | "below", false>;
     }>, false>;
     /** The spotlit slice in data units, or `null`. The box snaps; {@link regionReveal} animates it. */
@@ -264,23 +282,25 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
     readonly xAxis: import("@motionscript/sdk").Type<AxisDomainConfig, AxisDomainConfig, false>;
     readonly yAxis: import("@motionscript/sdk").Type<AxisDomainConfig, AxisDomainConfig, false>;
     readonly style: import("@motionscript/sdk").Type<_StyleInput<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
         legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
         swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         horizontalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         verticalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
         axisStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         showXAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        xLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        xTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         showYAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
-    } & {
-        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
-        fontSize: import("@motionscript/sdk").Type<number, number, false>;
-        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
-    } & {
-        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
-        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        yLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        yTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
         curve: import("@motionscript/sdk").Type<"step" | "linear" | "smooth", "step" | "linear" | "smooth", false>;
@@ -289,25 +309,28 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
         area: import("@motionscript/sdk").Type<"none" | "solid" | "gradient", "none" | "solid" | "gradient", false>;
         areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
     } & {
+        valueText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         values: import("@motionscript/sdk").Type<"none" | "above" | "below", "none" | "above" | "below", false>;
     }>, _StyleValues<{
+        gridBackground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+    } & {
         legend: import("@motionscript/sdk").Type<"right" | "top" | "bottom" | "none", "right" | "top" | "bottom" | "none", false>;
         swatch: import("@motionscript/sdk").Type<"square" | "circle" | "line", "square" | "circle" | "line", false>;
+        legendText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         horizontalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         verticalGrid: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
+    } & {
+        seriesFills: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
+    } & {
         axisStroke: import("@motionscript/sdk").Type<_Stroke, _StrokeResolved[], false>;
         showXAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
+        xLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        xTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         showYAxis: import("@motionscript/sdk").Type<boolean, boolean, false>;
-    } & {
-        fontFamily: import("@motionscript/sdk").Type<string, string, false>;
-        fontSize: import("@motionscript/sdk").Type<number, number, false>;
-        fontWeight: import("@motionscript/sdk").Type<number, number, false>;
-    } & {
-        palette: import("@motionscript/sdk").Type<_Fill[], _FillResolved[][], false>;
-        foreground: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        muted: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
-        background: import("@motionscript/sdk").Type<_Fill, _FillResolved[], false>;
+        yLabelText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
+        yTitleText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
     } & {
         strokeWidth: import("@motionscript/sdk").Type<number, number, false>;
         curve: import("@motionscript/sdk").Type<"step" | "linear" | "smooth", "step" | "linear" | "smooth", false>;
@@ -316,6 +339,7 @@ export declare const LineChart: import("@motionscript/sdk").Component<"lineChart
         area: import("@motionscript/sdk").Type<"none" | "solid" | "gradient", "none" | "solid" | "gradient", false>;
         areaOpacity: import("@motionscript/sdk").Type<number, number, false>;
     } & {
+        valueText: import("@motionscript/sdk").Type<_TextStyle, _TextStyle, false>;
         values: import("@motionscript/sdk").Type<"none" | "above" | "below", "none" | "above" | "below", false>;
     }>, false>;
     /** The spotlit slice in data units, or `null`. The box snaps; {@link regionReveal} animates it. */

package/dist/line-chart/line-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/line-chart/line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,UAAU,EACf,KAAK,MAAM,EACX,KAAK,KAAK,EAEV,KAAK,MAAM,EACX,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,IAAI,IAAI,KAAK,EAClB,KAAK,YAAY,IAAI,aAAa,EAClC,KAAK,MAAM,IAAI,OAAO,EACtB,KAAK,cAAc,IAAI,eAAe,EAEtC,KAAK,UAAU,IAAI,WAAW,EAC9B,KAAK,WAAW,IAAI,YAAY,EAEjC,MAAM,mBAAmB,CAAA;AAS1B,OAAO,EAWL,KAAK,gBAAgB,EAErB,KAAK,kBAAkB,EACxB,MAAM,eAAe,CAAA;AAgBtB,OAAO,EAML,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,UAAU,EAGhB,MAAM,UAAU,CAAA;AAGjB,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAIf,CAAA;AAED,qCAAqC;AACrC,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,UAAU,CAAC,CAAA;AAErD,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,CAAC,EAAE,kBAAkB,CAAA;IAC9B,QAAQ,CAAC,CAAC,EAAE,kBAAkB,CAAA;CAC/B;AAED,uDAAuD;AACvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,uDAAuD;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACpC,sFAAsF;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC3C;AA2DD,8BAA8B;AAC9B,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,eAAe,GAAG,gBAAgB,CAUrE;AA+ID;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;;;IAOlB,8GAA8G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAK9G,mGAAmG;;IAEnG,oHAAoH;;IAEpH,+FAA+F;;IAE/F,yHAAyH;;IAEzH,uFAAuF;;;;;;;;;;;;;;;;;;;;;;;;;IAbvF,8GAA8G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAK9G,mGAAmG;;IAEnG,oHAAoH;;IAEpH,+FAA+F;;IAE/F,yHAAyH;;IAEzH,uFAAuF;;;;;;IAbvF,8GAA8G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAK9G,mGAAmG;;IAEnG,oHAAoH;;IAEpH,+FAA+F;;IAE/F,yHAAyH;;IAEzH,uFAAuF;;;;;;;;;;;;;;;;;;;;;0BAwTzF,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,SAAS,CAAC,CAAA"}
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/line-chart/line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,UAAU,EACf,KAAK,MAAM,EACX,KAAK,KAAK,EAEV,KAAK,MAAM,EACX,KAAK,WAAW,IAAI,YAAY,EAChC,KAAK,SAAS,IAAI,UAAU,EAC5B,KAAK,IAAI,IAAI,KAAK,EAClB,KAAK,YAAY,IAAI,aAAa,EAClC,KAAK,MAAM,IAAI,OAAO,EACtB,KAAK,cAAc,IAAI,eAAe,EAEtC,KAAK,UAAU,IAAI,WAAW,EAC9B,KAAK,WAAW,IAAI,YAAY,EAEjC,MAAM,mBAAmB,CAAA;AAS1B,OAAO,EAWL,KAAK,gBAAgB,EAErB,KAAK,kBAAkB,EACxB,MAAM,eAAe,CAAA;AAmBtB,OAAO,EAML,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,UAAU,EAGhB,MAAM,UAAU,CAAA;AAGjB,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAIf,CAAA;AAED,qCAAqC;AACrC,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,UAAU,CAAC,CAAA;AAErD,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,CAAC,EAAE,kBAAkB,CAAA;IAC9B,QAAQ,CAAC,CAAC,EAAE,kBAAkB,CAAA;CAC/B;AAED,uDAAuD;AACvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,uDAAuD;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACpC,sFAAsF;IACtF,QAAQ,CAAC,KAAK,CAAC,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC3C;AA2DD,8BAA8B;AAC9B,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,eAAe,GAAG,gBAAgB,CAUrE;AA+ID;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;;;IAOlB,8GAA8G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAK9G,mGAAmG;;IAEnG,oHAAoH;;IAEpH,+FAA+F;;IAE/F,yHAAyH;;IAEzH,uFAAuF;;;;;;;;;;;;;;;;;;;;;;;;;IAbvF,8GAA8G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAK9G,mGAAmG;;IAEnG,oHAAoH;;IAEpH,+FAA+F;;IAE/F,yHAAyH;;IAEzH,uFAAuF;;;;;;IAbvF,8GAA8G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAK9G,mGAAmG;;IAEnG,oHAAoH;;IAEpH,+FAA+F;;IAE/F,yHAAyH;;IAEzH,uFAAuF;;;;;;;;;;;;;;;;;;;;;0BA0TzF,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,SAAS,CAAC,CAAA"}

package/dist/line-chart/line-chart.js

@@ -7,13 +7,13 @@ import { SERIES_ARG, asParts, fresh } from "../kit/entries.js";
 import { HorizontalAxis } from "../kit/horizontal-axis.js";
 import { DEFAULT_MARKERS, ENTER_SHARE, beats, legendAway } from "../kit/motion.js";
 import { SPOTLIGHT_DIM, formatMarker, lerpAxisDomain, lerpAxisEntry, markerStep, markerValues, niceRange, niceTicks, resolveAxisDomain, settleAxisDomain, } from "../kit/shared.js";
-import { CARTESIAN_GRID, CHART_COLORS, CHART_LEGEND, CHART_STYLE_FAMILY, CHART_STYLE_PRESETS, CHART_TEXT, axisConfigOf, legendConfigOf, seriesFill, valueText, } from "../kit/style.js";
+import { CARTESIAN_GRID, CARTESIAN_AXES, CHART_LEGEND, CHART_SERIES, CHART_STYLE_FAMILY, CHART_STYLE_PRESETS, GRID_BACKGROUND, axisConfigOf, legendConfigOf, migrateChartStyle, seriesFill, sizeOf, valueText, } from "../kit/style.js";
 import { VerticalAxis, axisPads } from "../kit/vertical-axis.js";
 import { ChartArea, ChartLine, traceX } from "./chart-line.js";
 import { ChartRegion } from "./chart-region.js";
 import { LINE_LABELS, LINE_MARKS, resolveRegionBox, stackExtent, stackSeries, } from "./shared.js";
 import { resolveXScale } from "./x-scale.js";
-const LINE_STYLE = Types.style(CHART_STYLE_FAMILY, { colors: CHART_COLORS, text: CHART_TEXT, grid: CARTESIAN_GRID, marks: LINE_MARKS, labels: LINE_LABELS, legend: CHART_LEGEND }, { presets: CHART_STYLE_PRESETS });
+const LINE_STYLE = Types.style(CHART_STYLE_FAMILY, { series: CHART_SERIES, background: GRID_BACKGROUND, grid: CARTESIAN_GRID, axes: CARTESIAN_AXES, marks: LINE_MARKS, labels: LINE_LABELS, legend: CHART_LEGEND }, { presets: CHART_STYLE_PRESETS });
 /** One argument, two controls: the commands take a `PlotRegion`, so the x and y spans a host draws are declared inside it. */
 const REGION_ARG = Types.custom(undefined, {
     kind: "region",
@@ -228,6 +228,7 @@ export const LineChart = component2d({
         height: "fill",
         weights: (state) => state.series.map((s) => ((s.enabled ?? true) ? 1 : 0)),
     },
+    migrate: { style: migrateChartStyle("cartesian") },
     allowedChildren: [],
     children: (state) => {
         const style = () => state.style;
@@ -317,7 +318,7 @@ export const LineChart = component2d({
                 state.data.forEach((_row, k) => {
                     const line = lines[i];
                     const label = new Text({
-                        ...boundText(() => ({ ...valueText(style()), fontSize: Math.round(style().fontSize * 0.8) })),
+                        ...boundText(() => valueText(style())),
                         text: () => {
                             const value = pixels(i).values[k];
                             return value === undefined ? "" : yLabel(state, value, domains().y.ticks);
@@ -329,7 +330,7 @@ export const LineChart = component2d({
                         },
                         y: () => {
                             const point = pixels(i).points[k];
-                            const clear = label.layoutBounds.height / 2 + (style().dots ? style().dotSize / 2 : style().strokeWidth / 2) + Math.round(style().fontSize * 0.25);
+                            const clear = label.layoutBounds.height / 2 + (style().dots ? style().dotSize / 2 : style().strokeWidth / 2) + Math.round(sizeOf(style().valueText) * 0.25);
                             return (point?.y ?? 0) + (below ? -clear : clear);
                         },
                         // In once the trace has passed its point.
@@ -358,7 +359,7 @@ export const LineChart = component2d({
             clip: () => state.clipped || overflows(state, domains()),
             children: [
                 new ChartCanvas({
-                    fill: () => style().background,
+                    fill: () => style().gridBackground,
                     xGridStroke: () => style().verticalGrid,
                     yGridStroke: () => style().horizontalGrid,
                     xMarkers: () => domains().x.ticks,
@@ -372,8 +373,8 @@ export const LineChart = component2d({
                 // Under the marks, so the highlight does not tint the stretch it picks out.
                 new ChartRegion({
                     box: spotlight,
-                    stroke: () => ({ weight: 2, fill: fade(style().foreground, 0.7), dash: [14, 12], cap: "butt", align: "center" }),
-                    fill: () => fade(style().foreground, 0.06),
+                    stroke: () => ({ weight: 2, fill: fade(style().valueText.fill ?? "white", 0.7), dash: [14, 12], cap: "butt", align: "center" }),
+                    fill: () => fade(style().valueText.fill ?? "white", 0.06),
                     reveal: () => state.regionReveal,
                 }),
                 ...areas,
@@ -383,6 +384,7 @@ export const LineChart = component2d({
         });
         return asParts([
             cartesianFrame({
+                background: () => style().background,
                 left: vAxis,
                 ghost,
                 plot,