import { CSSObject, Theme } from '@mui/material/styles'; /** * Custom color mappings for scheduler events. * These are derived from Material UI color palettes but with custom selections * for optimal visual appearance in both light and dark modes. */ declare const eventColorTokens: { readonly red: { readonly light: { readonly main: "#f44336"; readonly 'surface-bold': "#ffa3a3"; readonly 'surface-bold-hover': "#ff9494"; readonly 'on-surface-bold': "#770000"; readonly 'surface-selected': "#e53935"; readonly 'surface-selected-hover': "#d32f2f"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#ffebee"; readonly 'surface-subtle-hover': "#FEDCDF"; readonly 'surface-accent': "#e53935"; readonly 'on-surface-subtle-primary': "#931717"; readonly 'on-surface-subtle-secondary': "#b71c1c"; }; readonly dark: { readonly main: "#e53935"; readonly 'surface-bold': "#821b1b"; readonly 'surface-bold-hover': "#A02424"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#c62828"; readonly 'surface-selected-hover': "#b71c1c"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#330909"; readonly 'surface-subtle-hover': "#450C0C"; readonly 'surface-accent': "#e53935"; readonly 'on-surface-subtle-primary': "#ffcdd2"; readonly 'on-surface-subtle-secondary': "#e57373"; }; }; readonly pink: { readonly light: { readonly main: "#ec407a"; readonly 'surface-bold': "#fca4c1"; readonly 'surface-bold-hover': "#f48fb1"; readonly 'on-surface-bold': "#840f4d"; readonly 'surface-selected': "#ec407a"; readonly 'surface-selected-hover': "#e9437b"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#fce4ec"; readonly 'surface-subtle-hover': "#FACCDC"; readonly 'surface-accent': "#ec407a"; readonly 'on-surface-subtle-primary': "#880e4f"; readonly 'on-surface-subtle-secondary': "#ad1457"; }; readonly dark: { readonly main: "#d81b60"; readonly 'surface-bold': "#67103E"; readonly 'surface-bold-hover': "#73234D"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#ad1457"; readonly 'surface-selected-hover': "#c22066"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#43132d"; readonly 'surface-subtle-hover': "#4F1735"; readonly 'surface-accent': "#d81b60"; readonly 'on-surface-subtle-primary': "#fce4ec"; readonly 'on-surface-subtle-secondary': "#f48fb1"; }; }; readonly purple: { readonly light: { readonly main: "#ab47bc"; readonly 'surface-bold': "#D6ABDD"; readonly 'surface-bold-hover': "#ce93d8"; readonly 'on-surface-bold': "#380673"; readonly 'surface-selected': "#ab47bc"; readonly 'surface-selected-hover': "#993ea8"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#f3e5f5"; readonly 'surface-subtle-hover': "#EDD0F1"; readonly 'surface-accent': "#ab47bc"; readonly 'on-surface-subtle-primary': "#380673"; readonly 'on-surface-subtle-secondary': "#7b1fa2"; }; readonly dark: { readonly main: "#7b1fa2"; readonly 'surface-bold': "#5A0C70"; readonly 'surface-bold-hover': "#751690"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#7b1fa2"; readonly 'surface-selected-hover': "#6a1b9a"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#2c153a"; readonly 'surface-subtle-hover': "#361A47"; readonly 'surface-accent': "#ba68c8"; readonly 'on-surface-subtle-primary': "#f3e5f5"; readonly 'on-surface-subtle-secondary': "#ce93d8"; }; }; readonly indigo: { readonly light: { readonly main: "#3f51b5"; readonly 'surface-bold': "#bab4fc"; readonly 'surface-bold-hover': "#A59DFB"; readonly 'on-surface-bold': "#1a237e"; readonly 'surface-selected': "#3f51b5"; readonly 'surface-selected-hover': "#3949ab"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#e8eaf6"; readonly 'surface-subtle-hover': "#D3D6EE"; readonly 'surface-accent': "#3f51b5"; readonly 'on-surface-subtle-primary': "#1a237e"; readonly 'on-surface-subtle-secondary': "#303f9f"; }; readonly dark: { readonly main: "#3949ab"; readonly 'surface-bold': "#19205E"; readonly 'surface-bold-hover': "#2B316B"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#3949ab"; readonly 'surface-selected-hover': "#4957B2"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#13163c"; readonly 'surface-subtle-hover': "#191d49"; readonly 'surface-accent': "#7986cb"; readonly 'on-surface-subtle-primary': "#e8eaf6"; readonly 'on-surface-subtle-secondary': "#9fa8da"; }; }; readonly blue: { readonly light: { readonly main: "#1e88e5"; readonly 'surface-bold': "#90caf9"; readonly 'surface-bold-hover': "#5EB5FC"; readonly 'on-surface-bold': "#0B3A84"; readonly 'surface-selected': "#1976d2"; readonly 'surface-selected-hover': "#1565c0"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#e3f2fd"; readonly 'surface-subtle-hover': "#CAE5FC"; readonly 'surface-accent': "#1976d2"; readonly 'on-surface-subtle-primary': "#0B3A84"; readonly 'on-surface-subtle-secondary': "#1565c0"; }; readonly dark: { readonly main: "#1e88e5"; readonly 'surface-bold': "#00347c"; readonly 'surface-bold-hover': "#043668"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#1976d2"; readonly 'surface-selected-hover': "#1565c0"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#002040"; readonly 'surface-subtle-hover': "#032547"; readonly 'surface-accent': "#1565c0"; readonly 'on-surface-subtle-primary': "#e3f2fd"; readonly 'on-surface-subtle-secondary': "#90caf9"; }; }; readonly teal: { readonly light: { readonly main: "#00897b"; readonly 'surface-bold': "#80cbc4"; readonly 'surface-bold-hover': "#3DBEB2"; readonly 'on-surface-bold': "#00473b"; readonly 'surface-selected': "#00897b"; readonly 'surface-selected-hover': "#00796b"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#e0f2f1"; readonly 'surface-subtle-hover': "#C9E9E6"; readonly 'surface-accent': "#00897b"; readonly 'on-surface-subtle-primary': "#004d40"; readonly 'on-surface-subtle-secondary': "#00695c"; }; readonly dark: { readonly main: "#00796b"; readonly 'surface-bold': "#044036"; readonly 'surface-bold-hover': "#034539"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#00695c"; readonly 'surface-selected-hover': "#00695c"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#023028"; readonly 'surface-subtle-hover': "#03342c"; readonly 'surface-accent': "#00796b"; readonly 'on-surface-subtle-primary': "#e0f2f1"; readonly 'on-surface-subtle-secondary': "#80cbc4"; }; }; readonly green: { readonly light: { readonly main: "#43a047"; readonly 'surface-bold': "#a5d6a7"; readonly 'surface-bold-hover': "#80CF83"; readonly 'on-surface-bold': "#164B1A"; readonly 'surface-selected': "#2E7D32"; readonly 'surface-selected-hover': "#316F35"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#e8f5e9"; readonly 'surface-subtle-hover': "#D5ECD6"; readonly 'surface-accent': "#2e7d32"; readonly 'on-surface-subtle-primary': "#164B1A"; readonly 'on-surface-subtle-secondary': "#2e7d32"; }; readonly dark: { readonly main: "#388e3c"; readonly 'surface-bold': "#0F3D13"; readonly 'surface-bold-hover': "#133515"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#2e7d32"; readonly 'surface-selected-hover': "#1b5e20"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#0e2810"; readonly 'surface-subtle-hover': "#0D3010"; readonly 'surface-accent': "#81c784"; readonly 'on-surface-subtle-primary': "#e8f5e9"; readonly 'on-surface-subtle-secondary': "#a5d6a7"; }; }; readonly lime: { readonly light: { readonly main: "#afb42b"; readonly 'surface-bold': "#D0DF86"; readonly 'surface-bold-hover': "#CAE059"; readonly 'on-surface-bold': "#524b07"; readonly 'surface-selected': "#959B1F"; readonly 'surface-selected-hover': "#898F1D"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#f9fbe7"; readonly 'surface-subtle-hover': "#F3F6D0"; readonly 'surface-accent': "#827717"; readonly 'on-surface-subtle-primary': "#625A0D"; readonly 'on-surface-subtle-secondary': "#827717"; }; readonly dark: { readonly main: "#9e9d24"; readonly 'surface-bold': "#50490A"; readonly 'surface-bold-hover': "#5E571D"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#827717"; readonly 'surface-selected-hover': "#706510"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#3c380d"; readonly 'surface-subtle-hover': "#433F0F"; readonly 'surface-accent': "#dce775"; readonly 'on-surface-subtle-primary': "#f9fbe7"; readonly 'on-surface-subtle-secondary': "#e6ee9c"; }; }; readonly amber: { readonly light: { readonly main: "#FFB840"; readonly 'surface-bold': "#ffe082"; readonly 'surface-bold-hover': "#FFD75C"; readonly 'on-surface-bold': "#6c4600"; readonly 'surface-selected': "#e09312"; readonly 'surface-selected-hover': "#E98300"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#FFF2CC"; readonly 'surface-subtle-hover': "#FFECB2"; readonly 'surface-accent': "#e09312"; readonly 'on-surface-subtle-primary': "#6c4600"; readonly 'on-surface-subtle-secondary': "#AA7F00"; }; readonly dark: { readonly main: "#FFB840"; readonly 'surface-bold': "#8e5c00"; readonly 'surface-bold-hover': "#9C6501"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#ffa000"; readonly 'surface-selected-hover': "#D58600"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#3d2504"; readonly 'surface-subtle-hover': "#4D2E05"; readonly 'surface-accent': "#ffca28"; readonly 'on-surface-subtle-primary': "#fff8e1"; readonly 'on-surface-subtle-secondary': "#ffecb3"; }; }; readonly orange: { readonly light: { readonly main: "#ff7043"; readonly 'surface-bold': "#ffb77c"; readonly 'surface-bold-hover': "#FFA55C"; readonly 'on-surface-bold': "#A73B00"; readonly 'surface-selected': "#ff7043"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-selected-hover': "#ff5722"; readonly 'surface-subtle': "#ffe3cc"; readonly 'surface-subtle-hover': "#FFD5B2"; readonly 'surface-accent': "#ff7043"; readonly 'on-surface-subtle-primary': "#A73B00"; readonly 'on-surface-subtle-secondary': "#e64a19"; }; readonly dark: { readonly main: "#e64a19"; readonly 'surface-bold': "#6D2510"; readonly 'surface-bold-hover': "#7D351F"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#f4511e"; readonly 'surface-selected-hover': "#E85F14"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#4b1a0b"; readonly 'surface-subtle-hover': "#7D351F"; readonly 'surface-accent': "#f4511e"; readonly 'on-surface-subtle-primary': "#fbe9e7"; readonly 'on-surface-subtle-secondary': "#ffccbc"; }; }; readonly grey: { readonly light: { readonly main: "#bdbdbd"; readonly 'surface-bold': "#bdbdbd"; readonly 'surface-bold-hover': "#9e9e9e"; readonly 'on-surface-bold': "#212121"; readonly 'surface-selected': "#757575"; readonly 'surface-selected-hover': "#616161"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#f5f5f5"; readonly 'surface-subtle-hover': "#eeeeee"; readonly 'surface-accent': "#424242"; readonly 'on-surface-subtle-primary': "#212121"; readonly 'on-surface-subtle-secondary': "#424242"; }; readonly dark: { readonly main: "#757575"; readonly 'surface-bold': "#424242"; readonly 'surface-bold-hover': "#4f4f4f"; readonly 'on-surface-bold': "#FFFFFF"; readonly 'surface-selected': "#616161"; readonly 'surface-selected-hover': "#424242"; readonly 'on-surface-selected': "#FFFFFF"; readonly 'surface-subtle': "#1d1d1d"; readonly 'surface-subtle-hover': "#212121"; readonly 'surface-accent': "#bdbdbd"; readonly 'on-surface-subtle-primary': "#fafafa"; readonly 'on-surface-subtle-secondary': "#bdbdbd"; }; }; }; export type PaletteName = keyof typeof eventColorTokens; /** * Generates palette variants for MUI styled components. * Use with styled components: `variants: getPaletteVariants(theme)` */ /** * Returns the focus-visible background style for grid cells (day cells, time columns, month cells). */ export declare const getCellFocusBackground: (theme: Theme) => string; export declare const getPaletteVariants: (theme: Theme) => { props: { 'data-palette': PaletteName; }; style: CSSObject; }[]; export {};