reactjs-tiptap-editor
Version:
A modern WYSIWYG rich text editor based on tiptap and shadcn ui for React
370 lines (369 loc) • 11.7 kB
TypeScript
export declare const THEME: {
light: {
default: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
red: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
blue: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
green: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
orange: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
};
rose: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
violet: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
yellow: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
};
dark: {
default: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
red: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
blue: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
green: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
orange: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
rose: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
violet: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
yellow: {
radius: string;
background: string;
foreground: string;
card: string;
'card-foreground': string;
popover: string;
'popover-foreground': string;
primary: string;
'primary-foreground': string;
secondary: string;
'secondary-foreground': string;
muted: string;
'muted-foreground': string;
accent: string;
'accent-foreground': string;
destructive: string;
'destructive-foreground': string;
border: string;
input: string;
ring: string;
};
};
};
export type ThemeType = keyof typeof THEME;
export type ThemeColorType = keyof typeof THEME.light;
export declare function useTheme(): {
theme: "light" | "dark";
color: "default" | "blue" | "green" | "orange" | "red" | "violet" | "yellow" | "rose";
borderRadius: string;
};
export declare const themeActions: {
setTheme: (theme: ThemeType) => void;
setColor: (color: ThemeColorType) => void;
setBorderRadius: (borderRadius: string) => void;
};