diff --git a/dashboard/assets/packages/ui/src/components/Chart/Chart.tsx b/dashboard/assets/packages/ui/src/components/Chart/Chart.tsx index 329ebbf..407c7b1 100644 --- a/dashboard/assets/packages/ui/src/components/Chart/Chart.tsx +++ b/dashboard/assets/packages/ui/src/components/Chart/Chart.tsx @@ -18,6 +18,7 @@ import { Icon } from "components/Icon" import { Paper } from "components/Paper" import { Tooltip } from "components/Tooltip" +import { SeriesPlotWithDefinedSeries } from "./Chart.utils" import { useOptions } from "./Chart.hooks" import * as styles from "./Chart.css" @@ -31,7 +32,7 @@ export default function Chart({ panel, container }: ChartProps) { const { theme } = useTheme() const [ref, { width }] = useElementSize() - const plot = new SeriesPlot(digest, panel, createColorScheme(theme)) + const plot = new SeriesPlot(digest, panel, createColorScheme(theme)) as SeriesPlotWithDefinedSeries const hasData = !plot.empty && plot.data[0].length > 1 const plotData = (hasData ? plot.data : []) as AlignedData const options = useOptions({ plot, theme, width }) diff --git a/dashboard/assets/packages/ui/src/components/Chart/Chart.utils.ts b/dashboard/assets/packages/ui/src/components/Chart/Chart.utils.ts index 2e3512c..eaddfa4 100644 --- a/dashboard/assets/packages/ui/src/components/Chart/Chart.utils.ts +++ b/dashboard/assets/packages/ui/src/components/Chart/Chart.utils.ts @@ -68,8 +68,10 @@ interface SelectedUplotOptions extends Pick & { series: Series[] } + export interface CreateOptionsProps extends SelectedUplotOptions { - plot: Omit & { series: Series[] } + plot: SeriesPlotWithDefinedSeries theme: Theme } diff --git a/dashboard/assets/packages/ui/src/components/IconButton/IconButton.css.ts b/dashboard/assets/packages/ui/src/components/IconButton/IconButton.css.ts index c94cb08..470f259 100644 --- a/dashboard/assets/packages/ui/src/components/IconButton/IconButton.css.ts +++ b/dashboard/assets/packages/ui/src/components/IconButton/IconButton.css.ts @@ -33,5 +33,6 @@ export const button = style({ export const icon = styleVariants({ fill: [], + outline: [], text: [{ color: vars.colors.text.primary }] })