38 lines
1.4 KiB
TypeScript
38 lines
1.4 KiB
TypeScript
export interface ChartsAxisClasses {
|
|
/** Styles applied to the root element. */
|
|
root: string;
|
|
/** Styles applied to the main line element. */
|
|
line: string;
|
|
/** Styles applied to group including the tick and its label. */
|
|
tickContainer: string;
|
|
/** Styles applied to ticks. */
|
|
tick: string;
|
|
/** Styles applied to ticks label.
|
|
*
|
|
* ⚠️ For performance reasons, only the inline styles get considered for bounding box computation.
|
|
* Modifying text size by adding properties like `font-size` or `letter-spacing` to this class might cause labels to overlap.
|
|
*/
|
|
tickLabel: string;
|
|
/** Styles applied to the group containing the axis label. */
|
|
label: string;
|
|
/** Styles applied to x-axes. */
|
|
directionX: string;
|
|
/** Styles applied to y-axes. */
|
|
directionY: string;
|
|
/** Styles applied to the top axis. */
|
|
top: string;
|
|
/** Styles applied to the bottom axis. */
|
|
bottom: string;
|
|
/** Styles applied to the left axis. */
|
|
left: string;
|
|
/** Styles applied to the right axis. */
|
|
right: string;
|
|
/**
|
|
* Styles applied to the root element for the axis with the given ID.
|
|
* Needs to be suffixed with the axis ID: `.${axisClasses.id}-${axisId}`.
|
|
*/
|
|
id: string;
|
|
}
|
|
export type ChartsAxisClassKey = keyof ChartsAxisClasses;
|
|
export declare function getAxisUtilityClass(slot: string): string;
|
|
export declare const axisClasses: ChartsAxisClasses; |