franken-ui
Version:
Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.
147 lines (146 loc) • 4.43 kB
TypeScript
declare const _default: {
'.uk-chart .apexcharts-tooltip': {
borderRadius: string;
boxShadow: string;
fontSize: string;
lineHeight: string;
color: string;
};
'.uk-chart .apexcharts-tooltip.apexcharts-theme-light, .uk-chart .apexcharts-tooltip.apexcharts-theme-dark': {
border: string;
background: string;
};
'.uk-chart .apexcharts-tooltip-title': {
padding: string;
fontSize: string;
lineHeight: string;
fontWeight: number;
};
'.uk-chart .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title, .uk-chart .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title': {
background: string;
borderBottom: string;
};
'.uk-chart .apexcharts-tooltip-marker::before': {
fontSize: string;
};
'.uk-chart-container': {
borderRadius: string;
boxShadow: string;
'@apply border border-border bg-background text-foreground': {};
};
'.uk-chart-container .text-muted-foreground': {
color: string;
};
'.uk-chart .apexcharts-tooltip-series-group.apexcharts-active, .uk-chart .apexcharts-tooltip-series-group:last-child': {
paddingBottom: number;
};
'.uk-chart .apexcharts-tooltip-series-group': {
padding: string;
};
'.uk-chart .apexcharts-legend-text': {
color: string;
fontSize: string;
lineHeight: string;
paddingLeft: string;
marginLeft: string;
};
'.uk-chart-sapphire': {
'--chart-1': string;
'--chart-2': string;
'--chart-3': string;
'--chart-4': string;
'--chart-5': string;
};
'.dark.uk-chart-sapphire': {
'--chart-1': string;
'--chart-2': string;
'--chart-3': string;
'--chart-4': string;
'--chart-5': string;
};
'.uk-chart-ruby': {
'--chart-1': string;
'--chart-2': string;
'--chart-3': string;
'--chart-4': string;
'--chart-5': string;
};
'.dark.uk-chart-ruby': {
'--chart-1': string;
'--chart-2': string;
'--chart-3': string;
'--chart-4': string;
'--chart-5': string;
};
'.uk-chart-emerald': {
'--chart-1': string;
'--chart-2': string;
'--chart-3': string;
'--chart-4': string;
'--chart-5': string;
};
'.dark.uk-chart-emerald': {
'--chart-1': string;
'--chart-2': string;
'--chart-3': string;
'--chart-4': string;
'--chart-5': string;
};
'.uk-chart-daylight, .dark.uk-chart-daylight': {
'--chart-1': string;
'--chart-2': string;
'--chart-3': string;
'--chart-4': string;
'--chart-5': string;
};
'.uk-chart-daylight .uk-chart-container': {
'--background': string;
'--foreground': string;
'--primary': string;
'--primary-foreground': string;
'--secondary': string;
'--secondary-foreground': string;
'--accent': string;
'--accent-foreground': string;
'--destructive': string;
'--destructive-foreground': string;
'--muted': string;
'--muted-foreground': string;
'--card': string;
'--card-foreground': string;
'--popover': string;
'--popover-foreground': string;
'--border': string;
'--input': string;
'--ring': string;
};
'.uk-chart-midnight, .dark.uk-chart-midnight': {
'--chart-1': string;
'--chart-2': string;
'--chart-3': string;
'--chart-4': string;
'--chart-5': string;
};
'.uk-chart-midnight .uk-chart-container': {
'--background': string;
'--foreground': string;
'--primary': string;
'--primary-foreground': string;
'--secondary': string;
'--secondary-foreground': string;
'--accent': string;
'--accent-foreground': string;
'--destructive': string;
'--destructive-foreground': string;
'--muted': string;
'--muted-foreground': string;
'--card': string;
'--card-foreground': string;
'--popover': string;
'--popover-foreground': string;
'--border': string;
'--input': string;
'--ring': string;
};
};
export default _default;