aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
56 lines • 2.23 kB
TypeScript
import React from 'react';
import { CSSProperties } from 'react';
export interface ChartElementStyles {
line: CSSProperties;
area: CSSProperties;
bar: CSSProperties;
pie: CSSProperties;
scatter: CSSProperties;
axis: {
line: CSSProperties;
text: CSSProperties;
tick: CSSProperties;
};
dataPoint: CSSProperties;
gradient: {
start: string;
end: string;
stops: Array<{
offset: string;
color: string;
}>;
};
}
export declare const createChartElementStyles: (theme?: "light" | "dark" | "glass", colorScheme?: string[]) => ChartElementStyles;
export declare const ChartToolbar: React.FC<React.HTMLAttributes<HTMLDivElement>>;
export declare const ChartTypeSelector: React.FC<React.HTMLAttributes<HTMLDivElement>>;
interface TypeButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
$active?: boolean;
}
export declare const TypeButton: React.FC<TypeButtonProps>;
export declare const ToolbarButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
export declare const EnhancedExportButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;
interface ChartLegendProps extends React.HTMLAttributes<HTMLDivElement> {
$position?: 'top' | 'bottom' | 'left' | 'right';
$style?: 'default' | 'compact' | 'minimal';
$glassEffect?: boolean;
}
export declare const ChartLegend: React.ForwardRefExoticComponent<ChartLegendProps & React.RefAttributes<HTMLDivElement>>;
interface LegendItemProps extends React.HTMLAttributes<HTMLDivElement> {
$color?: string;
$style?: 'default' | 'compact' | 'minimal';
$active?: boolean;
}
export declare const LegendItem: React.FC<LegendItemProps>;
interface LegendColorProps extends React.HTMLAttributes<HTMLDivElement> {
$color?: string;
$active?: boolean;
}
export declare const LegendColor: React.FC<LegendColorProps>;
interface LegendLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
$active?: boolean;
}
export declare const LegendLabel: React.FC<LegendLabelProps>;
export declare const getColorPalette: (theme?: "light" | "dark" | "glass") => string[];
export {};
//# sourceMappingURL=ChartElementStyles.d.ts.map