aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
52 lines • 1.34 kB
TypeScript
import React from 'react';
export declare function GlassDefs({ id }: {
id: string;
}): import("react/jsx-runtime").JSX.Element;
export declare const chartGlass: {
grid: string;
axis: string;
tick: {
fill: string;
fontSize: number;
};
yTick: {
fill: string;
fontSize: number;
};
label: (text: string) => {
value: string;
fill: string;
fontSize: number;
};
tooltip: {
cursor: {
stroke: string;
};
contentStyle: React.CSSProperties;
itemStyle: React.CSSProperties;
labelStyle: React.CSSProperties;
};
brandGrad: (base: string) => string;
brandArea: (base: string) => string;
glow: (base: string) => string;
sweep: (base: string) => string;
comp: string[];
};
export declare const axisTokens: {
margin: {
top: number;
right: number;
bottom: number;
left: number;
};
tickMargin: number;
xLabelDy: number;
yLabelDx: number;
tickFontSize: number;
};
export interface GlassChartsDemoProps {
className?: string;
children?: React.ReactNode;
}
export declare function GlassChartsDemo({ className, children }: GlassChartsDemoProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=GlassChartsDemo.d.ts.map