@redsift/charts 11.6.0-muiv5-alpha.6 → 11.6.0-muiv5-alpha.8

package/package.json

@@ -30,7 +30,7 @@
     "test": "yarn test:unit && yarn test:storybook"
   },
   "types": "types.d.ts",
-  "version": "11.6.0-muiv5-alpha.6",
+  "version": "11.6.0-muiv5-alpha.8",
   "dependencies": {
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -94,5 +94,5 @@
     "react-dom": ">=17",
     "styled-components": "^5.3.5"
   },
-  "gitHead": "c10cd42a94d8705dab7e947fa3fdc0ef0d93767e"
+  "gitHead": "ae1291b7b1536be10c6a15375bec7f0e75b03cbe"
 }

package/_internal/Arc.d.ts

@@ -1,10 +0,0 @@
-export { A as Arc, S as StyledArc } from './styles.js';
-export { A as ArcProps, S as StyledArcProps } from './types.js';
-import '@redsift/design-system';
-import 'styled-components';
-import './types.d4.ts';
-import 'react';
-import '@redsift/popovers';
-import 'd3';
-import './data.js';
-import 'd3-shape';

package/_internal/Arcs.d.ts

@@ -1,10 +0,0 @@
-export { A as Arcs, a as ArcsProps, b as StyledArcs, S as StyledArcsProps } from './styles.d2.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import 'react';
-import './types.js';
-import 'd3';
-import './types.d4.ts';
-import '@redsift/popovers';
-import './data.js';
-import 'd3-shape';

package/_internal/Axis.d.ts

@@ -1,8 +0,0 @@
-export { A as Axis, S as StyledAxis, g as getAxisType } from './styles.d3.ts';
-export { l as AxisPosition, m as AxisProps, k as AxisVariant, n as StyledAxisProps } from './scale.js';
-import '@redsift/design-system';
-import 'styled-components';
-import '@react-spring/web';
-import 'react';
-import 'd3';
-import 'd3-scale';

package/_internal/Bar.d.ts

@@ -1,10 +0,0 @@
-export { B as Bar, S as StyledBar } from './styles.d4.ts';
-export { a as BarDirection, B as BarOrientation, b as BarProps, S as StyledBarProps } from './types.d2.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import './types.d4.ts';
-import 'react';
-import '@redsift/popovers';
-import 'd3';
-import './data.js';
-import 'd3-shape';

package/_internal/BarChart.d.ts

@@ -1,17 +0,0 @@
-export { a as BarChart, h as BarChartBarsProps, c as BarChartDimensions, b as BarChartLegendVariant, d as BarChartProps, f as BarChartSectionProps, e as BarChartState, B as BaseBarChart, C as ComputedBarProps, R as RenderedLinearBarChartProps, j as StyledBarChart, l as StyledBarChartBars, i as StyledBarChartBarsProps, m as StyledBarChartEmptyText, S as StyledBarChartProps, k as StyledBarChartSection, g as StyledBarChartSectionProps, X as XScaleType } from './styles.d5.ts';
-import './types.d3.ts';
-import '@redsift/design-system';
-import 'react';
-import './types.d7.ts';
-import './types.d4.ts';
-import '@redsift/popovers';
-import './data.js';
-import 'd3-shape';
-import './types.d6.ts';
-import './scale.js';
-import 'd3';
-import 'd3-scale';
-import 'styled-components';
-import './types.d2.ts';
-import '../index.d2.ts';
-import './axis.d2.ts';

package/_internal/ChartContainer.d.ts

@@ -1,5 +0,0 @@
-export { C as ChartContainer, b as ChartContainerDescription, a as ChartContainerTitle, S as StyledChartContainer, d as StyledChartContainerCaption, c as StyledChartContainerTitle } from './styles.d6.ts';
-export { C as ChartContainerProps, S as StyledChartContainerProps } from './types.d3.ts';
-import 'react';
-import '@redsift/design-system';
-import 'styled-components';

package/_internal/DataPoint.d.ts

@@ -1,7 +0,0 @@
-export { D as DataPoint, S as StyledDataPoint } from './styles.d7.ts';
-export { A as AnchorProps, D as DataPointProps, S as StyledDataPointProps } from './types.d4.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import '@react-spring/web';
-import 'react';
-import '@redsift/popovers';

package/_internal/Dot.d.ts

@@ -1,10 +0,0 @@
-export { D as Dot, S as StyledDot } from './styles.d8.ts';
-export { a as DotProps, D as DotVariant, S as StyledDotProps } from './types.d5.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import './types.d4.ts';
-import 'react';
-import '@redsift/popovers';
-import 'd3';
-import './data.js';
-import 'd3-shape';

package/_internal/Legend.d.ts

@@ -1,10 +0,0 @@
-export { L as Legend, S as StyledLegend } from './styles.d9.ts';
-export { L as LegendProps, S as StyledLegendProps } from './types.d6.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import 'react';
-import './types.d7.ts';
-import './types.d4.ts';
-import '@redsift/popovers';
-import './data.js';
-import 'd3-shape';

package/_internal/LegendItem.d.ts

@@ -1,21 +0,0 @@
-import { Comp, Theme } from '@redsift/design-system';
-import { L as LegendItemProps } from './types.d7.ts';
-export { L as LegendItemProps, S as StyledLegendItemProps } from './types.d7.ts';
-import * as styled_components from 'styled-components';
-import { S as StyledDataPointProps, L as LegendVariant } from './types.d4.ts';
-import 'react';
-import './data.js';
-import 'd3-shape';
-import '@redsift/popovers';
-
-declare const LegendItem: Comp<LegendItemProps, HTMLLIElement>;
-
-/**
- * Component style.
- */
-declare const StyledLegendItem: styled_components.StyledComponent<"li", any, Pick<StyledDataPointProps, "$clickable"> & Omit<LegendItemProps, "data" | "dataset"> & {
-    $variant: LegendVariant | undefined;
-    $theme: Theme;
-}, never>;
-
-export { LegendItem, StyledLegendItem };

package/_internal/Line.d.ts

@@ -1,10 +0,0 @@
-export { L as Line, a as LineProps, b as StyledLine, S as StyledLineProps } from './styles.d10.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import 'd3';
-import 'react';
-import './types.d5.ts';
-import './types.d4.ts';
-import '@redsift/popovers';
-import './data.js';
-import 'd3-shape';

package/_internal/LineChart.d.ts

@@ -1,17 +0,0 @@
-export { L as LineChart, b as LineChartDimensions, a as LineChartLegendVariant, c as LineChartProps, d as StyledLineChart, e as StyledLineChartEmptyText, S as StyledLineChartProps } from './styles.d11.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import './types.d3.ts';
-import 'react';
-import './types.d5.ts';
-import 'd3';
-import './types.d4.ts';
-import '@redsift/popovers';
-import './data.js';
-import 'd3-shape';
-import './types.d6.ts';
-import './types.d7.ts';
-import '../index.d2.ts';
-import './axis.d2.ts';
-import './scale.js';
-import 'd3-scale';

package/_internal/PieChart.d.ts

@@ -1,14 +0,0 @@
-export { P as PieChart, c as PieChartDimensions, b as PieChartLegendVariant, d as PieChartProps, a as PieChartVariant, e as StyledPieChart, f as StyledPieChartCenterText, g as StyledPieChartEmptyText, S as StyledPieChartProps } from './styles.d12.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import 'react';
-import 'd3-shape';
-import './types.js';
-import 'd3';
-import './types.d4.ts';
-import '@redsift/popovers';
-import './data.js';
-import './types.d3.ts';
-import './types.d6.ts';
-import './types.d7.ts';
-import '../index.d2.ts';

package/_internal/ScatterPlot.d.ts

@@ -1,17 +0,0 @@
-export { S as ScatterPlot, c as ScatterPlotDimensions, b as ScatterPlotLegendVariant, d as ScatterPlotProps, a as ScatterPlotVariant, f as StyledScatterPlot, g as StyledScatterPlotEmptyText, e as StyledScatterPlotProps } from './styles.d13.ts';
-import '@redsift/design-system';
-import 'styled-components';
-import './types.d3.ts';
-import 'react';
-import './types.d5.ts';
-import 'd3';
-import './types.d4.ts';
-import '@redsift/popovers';
-import './data.js';
-import 'd3-shape';
-import './types.d6.ts';
-import './types.d7.ts';
-import '../index.d2.ts';
-import './axis.d2.ts';
-import './scale.js';
-import 'd3-scale';

package/_internal/axis.d2.ts

@@ -1,48 +0,0 @@
-import { k as AxisVariant, m as AxisProps } from './scale.js';
-
-type ChartAxesProps = {
-    /** String to Date. */
-    dateParser?: (value: string) => Date;
-    /** X axis variant. */
-    xAxisVariant?: AxisVariant;
-    /** X axis placement. */
-    xAxisPlacement?: 'bottom' | 'top' | 'both';
-    /** X axis tick format. */
-    xAxisTickFormat?: AxisProps['tickFormat'];
-    /** X axis tick values. */
-    xAxisTickPadding?: AxisProps['tickPadding'];
-    /** X axis tick values. */
-    xAxisTickRotation?: AxisProps['tickRotation'];
-    /** X axis tick values. */
-    xAxisTickSize?: AxisProps['tickSize'];
-    /** X axis tick values. */
-    xAxisTickValues?: AxisProps['tickValues'];
-    /** X axis min value. */
-    xAxisMinValue?: number | string;
-    /** X axis min value. */
-    xAxisMaxValue?: number | string;
-    /** Y axis tick remodelling. */
-    xAxisTickRemodelling?: (tickValues: any[]) => any[];
-    /** Y axis variant. */
-    yAxisVariant?: AxisVariant;
-    /** Y axis placement. */
-    yAxisPlacement?: 'right' | 'left' | 'both';
-    /** Y axis tick format. */
-    yAxisTickFormat?: AxisProps['tickFormat'];
-    /** Y axis tick values. */
-    yAxisTickPadding?: AxisProps['tickPadding'];
-    /** Y axis tick values. */
-    yAxisTickRotation?: AxisProps['tickRotation'];
-    /** Y axis tick values. */
-    yAxisTickSize?: AxisProps['tickSize'];
-    /** Y axis tick values. */
-    yAxisTickValues?: AxisProps['tickValues'];
-    /** Y axis min value. */
-    yAxisMinValue?: number | string;
-    /** Y axis min value. */
-    yAxisMaxValue?: number | string;
-    /** Y axis tick remodelling. */
-    yAxisTickRemodelling?: (tickValues: any[]) => any[];
-};
-
-export { ChartAxesProps as C };

package/_internal/data.d.ts

@@ -1,72 +0,0 @@
-import { PieArcDatum } from 'd3-shape';
-
-type JSONValue = string | number | boolean | Date | {
-    [x: string]: JSONValue;
-} | Array<JSONValue> | undefined | null;
-type JSONObject = {
-    [x: string]: JSONValue;
-};
-type JSONArray = Array<JSONObject>;
-type Datum<T> = {
-    key: T;
-    value: number;
-    percent?: number;
-    cumulativeValue?: number;
-};
-type EmptyDatum<T> = {
-    key: T;
-    value?: number | null;
-    percent?: number;
-};
-type CategoryDim = string;
-type LinearDim = number | Date | string;
-type CategoricalOrLinearDim = CategoryDim | LinearDim;
-type TwoCategoryDim = [CategoricalOrLinearDim, CategoryDim | undefined | null];
-type CoordinatesCategoryDim = [number, number, CategoryDim | undefined | null];
-type CategoryDatum = Datum<CategoryDim>;
-type LinearDatum = Datum<LinearDim>;
-type TwoCategoryDatum = EmptyDatum<TwoCategoryDim>;
-type CoordinatesCategoryDatum = Datum<CoordinatesCategoryDim>;
-type CategoryData = CategoryDatum[];
-type LinearData = LinearDatum[];
-type TwoCategoryData = TwoCategoryDatum[];
-type CoordinatesCategoryData = CoordinatesCategoryDatum[];
-type ArcDatum = PieArcDatum<CategoryDatum>;
-type BarDatum = {
-    data: CategoryDatum | LinearDatum | Datum<TwoCategoryDim>;
-    height?: number;
-    width?: number;
-    category?: string | null;
-};
-type DotDatum = {
-    data: EmptyDatum<CoordinatesCategoryDim | TwoCategoryDim>;
-    x: string | number | Date;
-    y?: number | null;
-    r: number;
-    category?: string | null;
-};
-type LinePointDatum = {
-    x?: number | string | Date;
-    y?: number;
-    category?: string | null;
-};
-type Statistic = {
-    key: string;
-    value: number;
-    percent?: number;
-    min?: number;
-    max?: number;
-    values?: number[];
-    first?: number;
-    last?: number;
-    trending?: {
-        overall?: number;
-        latest?: number;
-    };
-};
-type Statistics = Statistic[];
-type LegendItemDatum = {
-    data: Statistic;
-};
-
-export { ArcDatum as A, BarDatum as B, CategoryData as C, Datum as D, EmptyDatum as E, JSONArray as J, LinearDim as L, Statistic as S, TwoCategoryDim as T, JSONObject as a, JSONValue as b, CategoryDim as c, CategoricalOrLinearDim as d, CoordinatesCategoryDim as e, CategoryDatum as f, LinearDatum as g, TwoCategoryDatum as h, CoordinatesCategoryDatum as i, LinearData as j, TwoCategoryData as k, CoordinatesCategoryData as l, DotDatum as m, LinePointDatum as n, Statistics as o, LegendItemDatum as p };

package/_internal/scale.d.ts

@@ -1,134 +0,0 @@
-import { ComponentProps } from 'react';
-import { ValueOf, Theme } from '@redsift/design-system';
-import { CountableTimeInterval } from 'd3';
-import { ScaleLinear as ScaleLinear$1, ScaleLogarithmic, ScaleSymLog, ScalePoint as ScalePoint$1, ScaleBand as ScaleBand$1, ScaleTime as ScaleTime$1 } from 'd3-scale';
-
-/**
- * Component variant.
- */
-declare const AxisVariant: {
-    readonly none: "none";
-    readonly line: "line";
-    readonly lineTick: "lineTick";
-    readonly tick: "tick";
-    readonly tickValue: "tickValue";
-    readonly default: "default";
-};
-type AxisVariant = ValueOf<typeof AxisVariant>;
-declare const AxisPosition: {
-    top: string;
-    right: string;
-    bottom: string;
-    left: string;
-};
-type AxisPosition = ValueOf<typeof AxisPosition>;
-/**
- * Component props.
- */
-interface AxisProps extends Omit<ComponentProps<'g'>, 'scale'> {
-    /** Disable animations. */
-    disableAnimations?: boolean;
-    format?: string;
-    /** Whether to display grid or not. The length is mandatory and should usually be the length of the other axis. */
-    grid?: boolean | {
-        length?: number;
-        stroke?: string;
-        strokeWidth?: number;
-        strokeDasharray?: string;
-        opacity?: number;
-    };
-    legend?: string;
-    legendOffset?: number;
-    legendPosition?: 'start' | 'middle' | 'end';
-    legendX?: number;
-    legendY?: number;
-    legendRotation?: number;
-    legendStyle?: React.CSSProperties;
-    /** Length of the axis. */
-    length?: number;
-    /** Position of axis. top|bottom means this is an x axis, right|left means this is an y axis. */
-    position?: AxisPosition;
-    /** Scale (d3.js) used to generate the axis. */
-    scale?: AnyScale;
-    tickFormat?: ((d: NumericValue) => string) | ((d: StringValue) => string) | ((d: Date) => string) | ((d: ScaleValue) => string);
-    tickPadding?: number;
-    tickRotation?: number;
-    tickSize?: number;
-    tickValues?: TicksSpec;
-    tickRemodelling?: (tickValues: any[]) => any[];
-    /** Variant. */
-    variant?: AxisVariant;
-    /** X position. */
-    x?: number;
-    /** Y position. */
-    y?: number;
-    /** Chart width, used for horizontal grid. */
-    chartWidth?: number;
-    /** Chart height, used for horizontal grid. */
-    chartHeight?: number;
-    /** Section height, used for horizontal grid within a section. */
-    sectionHeight?: number;
-    /** Color used for tick values. */
-    textColor?: string;
-    /** Custom method to choose which tick value to color if not all. */
-    tickToColor?: (tick?: {
-        textX: number;
-        textY: number;
-        lineX: number;
-        lineY: number;
-        x: number;
-        y: number;
-        key: string;
-        value: ScaleValue;
-    }, index?: number) => boolean;
-}
-type StyledAxisProps = Omit<AxisProps, 'areXLabelsRotated' | 'size' | 'scale'> & {
-    $theme: Theme;
-    $color?: string;
-};
-
-type Coordinates = {
-    x: number;
-    y: number;
-};
-type NumericValue = {
-    valueOf(): number;
-};
-type StringValue = {
-    toString(): string;
-};
-type ScaleValue = NumericValue | StringValue | Date;
-interface ScaleLinear<Output> extends ScaleLinear$1<number, Output, never> {
-    type: 'linear';
-    stacked: boolean;
-}
-interface ScaleLog extends ScaleLogarithmic<number, number> {
-    type: 'log';
-}
-interface ScaleSymlog extends ScaleSymLog<number, number> {
-    type: 'symlog';
-}
-interface ScalePoint<Input extends StringValue> extends ScalePoint$1<Input> {
-    type: 'point';
-}
-interface ScaleBand<Input extends StringValue> extends ScaleBand$1<Input> {
-    type: 'band';
-}
-interface ScaleTime<Input> extends ScaleTime$1<Input, number> {
-    type: 'time';
-    useUTC: boolean;
-}
-interface ScaleTypeToScale<Input, Output> {
-    linear: Input extends NumericValue ? ScaleLinear<Output> : never;
-    log: Input extends NumericValue ? ScaleLog : never;
-    symlog: Input extends NumericValue ? ScaleSymlog : never;
-    point: Input extends StringValue ? ScalePoint<Input> : never;
-    band: Input extends StringValue ? ScaleBand<Input> : never;
-    time: Input extends StringValue | Date ? ScaleTime<Input> : never;
-}
-type Scale<Input, Output> = ScaleTypeToScale<Input, Output>[keyof ScaleTypeToScale<Input, Output>];
-type AnyScale = Scale<any, any>;
-type ScaleWithBandwidth = ScaleBand<any> | ScalePoint<any>;
-type TicksSpec = number | string | ScaleValue[] | CountableTimeInterval;
-
-export { AnyScale as A, Coordinates as C, NumericValue as N, StringValue as S, TicksSpec as T, ScaleValue as a, ScaleLinear as b, ScaleLog as c, ScaleSymlog as d, ScalePoint as e, ScaleBand as f, ScaleTime as g, ScaleTypeToScale as h, Scale as i, ScaleWithBandwidth as j, AxisVariant as k, AxisPosition as l, AxisProps as m, StyledAxisProps as n };

package/_internal/styles.d.ts

@@ -1,19 +0,0 @@
-import * as _redsift_design_system from '@redsift/design-system';
-import { Comp, Theme } from '@redsift/design-system';
-import { A as ArcProps } from './types.js';
-import * as styled_components from 'styled-components';
-import { D as DataPointProps } from './types.d4.ts';
-
-declare const Arc: Comp<ArcProps, SVGGElement>;
-
-/**
- * Component style.
- */
-declare const StyledArc: styled_components.StyledComponent<_redsift_design_system.Comp<DataPointProps<any>, SVGGElement>, any, Omit<DataPointProps<any>, "data" | "dataset"> & {
-    $clickable: boolean;
-} & Omit<ArcProps, "createArc"> & {
-    $hasStroke: boolean | undefined;
-    $theme: Theme;
-}, never>;
-
-export { Arc as A, StyledArc as S };

package/_internal/styles.d10.ts

@@ -1,30 +0,0 @@
-import { Comp } from '@redsift/design-system';
-import * as styled_components from 'styled-components';
-import { Line as Line$1 } from 'd3';
-import { ComponentProps } from 'react';
-import { a as DotProps } from './types.d5.ts';
-import { n as LinePointDatum } from './data.js';
-
-/**
- * Component props.
- */
-interface LineProps extends Omit<ComponentProps<'g'>, 'onClick' | 'role'>, Pick<DotProps, 'id' | 'isSelected' | 'role'> {
-    /** Line generator used to determine the path of the line. */
-    createLine: Line$1<LinePointDatum>;
-    /** Points used to compute the line path. */
-    data: LinePointDatum[];
-    /** Disable animations. */
-    disableAnimations?: boolean;
-    /** Previous data used for animation. */
-    previousData?: LinePointDatum[];
-}
-type StyledLineProps = Omit<LineProps, 'createLine' | 'data'>;
-
-declare const Line: Comp<LineProps, SVGGElement>;
-
-/**
- * Component style.
- */
-declare const StyledLine: styled_components.StyledComponent<"g", any, StyledLineProps, never>;
-
-export { Line as L, StyledLineProps as S, LineProps as a, StyledLine as b };

package/_internal/styles.d11.ts

@@ -1,101 +0,0 @@
-import * as _redsift_design_system from '@redsift/design-system';
-import { ValueOf, Theme, Comp } from '@redsift/design-system';
-import * as styled_components from 'styled-components';
-import { C as ChartContainerProps } from './types.d3.ts';
-import { ReactNode, ReactElement, MutableRefObject } from 'react';
-import { a as DotProps } from './types.d5.ts';
-import { L as LegendProps } from './types.d6.ts';
-import { a as ChartDimensions, M as MarginProps, b as ChartSize, S as SortingMethod, C as ChartTheme } from '../index.d2.ts';
-import { A as AnchorProps, T as TooltipVariant } from './types.d4.ts';
-import { C as ChartAxesProps } from './axis.d2.ts';
-import { k as TwoCategoryData, m as DotDatum, o as Statistics } from './data.js';
-
-/**
- * Component's labels variant.
- */
-declare const LineChartLegendVariant: {
-    readonly none: "none";
-    readonly externalLabel: "externalLabel";
-    readonly externalLabelValue: "externalLabelValue";
-    readonly externalLabelPercent: "externalLabelPercent";
-    readonly custom: "custom";
-};
-type LineChartLegendVariant = ValueOf<typeof LineChartLegendVariant>;
-interface LocaleText {
-    emptyChartText: string;
-}
-type LineChartDimensions = ChartDimensions & {
-    fontSize: number;
-};
-/**
- * Component props.
- */
-interface LineChartProps extends ChartContainerProps, ChartAxesProps {
-    /** Dataset to use to generate the chart. */
-    data?: TwoCategoryData;
-    /** Dot role. If an onClick is provided, the dots will have the role `button`. For a navigation link, please use `getDotAnchorProps` instead. */
-    dotRole?: DotProps['role'];
-    /** Component to use if the chart is empty (replacing the default one). */
-    emptyComponent?: ReactNode;
-    /** Method used to define the anchor props to use when the dot is a navigation link. */
-    getDotAnchorProps?: (datum: DotDatum) => AnchorProps;
-    /** Method to determine whether a dot is selected or not. */
-    isDotSelected?: (datum: DotDatum) => boolean | undefined;
-    /** Method to override the data point labels. */
-    labelDecorator?: (datum: DotDatum, props?: {
-        index?: number;
-        isSelected?: boolean;
-        color?: string;
-    }) => string | ReactElement;
-    /** Method modifying what's displayed within the legend when the legendVariant is "custom". */
-    legendDecorator?: (datum: DotDatum, props?: {
-        index?: number;
-        isSelected?: boolean;
-        color?: string;
-    }) => string | ReactElement;
-    /** Define whether the labels should be displayed inside or outside the charts and if they should contain raw or percentage values. If set to "custom", use `legendDecorator` to customize it. */
-    legendVariant?: LineChartLegendVariant;
-    /** Props to forward to the Legend block. Can be used to make the legend selectable. */
-    legendProps?: Omit<LegendProps, 'data' | 'ref' | 'variant' | 'width'> & {
-        extraLegendItems?: Statistics;
-    };
-    /** Labels and texts. */
-    localeText?: LocaleText;
-    /** Custom margins, used to give more space for axes labels and legend for instance. */
-    margins?: MarginProps;
-    /** Method to be called on a click on a dot. For a navigation link, please use `getDotAnchorProps` instead. */
-    onDotClick?: (datum: DotDatum) => void;
-    /** LineChart size. */
-    size?: ChartSize | LineChartDimensions;
-    /** Define how to sort categories. */
-    sortingMethod?: SortingMethod;
-    /** Reference to the SVG tag. */
-    svgRef?: MutableRefObject<SVGSVGElement>;
-    /** Color palette to use. You can choose among the list of available color palette or also choose to use the success/warning/danger theme for which you have to specify which key corresponds to which status. */
-    colorTheme?: ChartTheme;
-    /** Method modifying what's displayed within the tooltip when the tooltipVariant is "custom".  */
-    tooltipDecorator?: (data: DotDatum, props?: {
-        index?: number;
-        isSelected?: boolean;
-        color?: string;
-    }) => string | ReactElement;
-    /** Tooltip variant. */
-    tooltipVariant?: TooltipVariant;
-    /** Theme. */
-    theme?: Theme;
-}
-type StyledLineChartProps = LineChartProps & {};
-
-declare const LineChart: Comp<LineChartProps, HTMLDivElement>;
-
-/**
- * Component style.
- */
-declare const StyledLineChart: styled_components.StyledComponent<_redsift_design_system.Comp<ChartContainerProps, HTMLDivElement>, any, LineChartProps, never>;
-declare const StyledLineChartEmptyText: styled_components.StyledComponent<"div", any, {
-    $maxWidth: number;
-    $textSize: number;
-    $theme: Theme;
-}, never>;
-
-export { LineChart as L, StyledLineChartProps as S, LineChartLegendVariant as a, LineChartDimensions as b, LineChartProps as c, StyledLineChart as d, StyledLineChartEmptyText as e };