/** Base shade keys present on all color groups (50–900). */ type BaseShade = 'shade_50' | 'shade_100' | 'shade_200' | 'shade_300' | 'shade_400' | 'shade_500' | 'shade_600' | 'shade_700' | 'shade_800' | 'shade_900'; /** Accent shade keys present on most color groups (not on brown, grey, blueGrey). */ type AccentShade = 'shade_A100' | 'shade_A200' | 'shade_A400' | 'shade_A700'; /** A CSS hex color string, e.g. "#f44336". */ type HexColor = string; /** A color group that has both base and accent shades (14 total). */ type ColorWithAccents = Record; /** A color group that has only base shades (10 total). */ type ColorWithoutAccents = Record; /** Color group names that include accent shades. */ type ColorNameWithAccents = 'red' | 'pink' | 'purple' | 'deepPurple' | 'indigo' | 'blue' | 'lightBlue' | 'cyan' | 'teal' | 'green' | 'lightGreen' | 'lime' | 'yellow' | 'amber' | 'orange' | 'deepOrange'; /** Color group names that do NOT include accent shades. */ type ColorNameWithoutAccents = 'brown' | 'grey' | 'blueGrey'; /** All color group names. */ type ColorName = ColorNameWithAccents | ColorNameWithoutAccents; /** All shade keys. */ type Shade = BaseShade | AccentShade; /** The complete Google Material Design color palette. */ interface MaterialColorPalette extends Record, Record { black: HexColor; white: HexColor; } /** * Google Material Design Color Palette. * * Contains 19 color groups (16 with accent shades, 3 without) * plus standalone black and white values. * * @see https://material.io/design/color/the-color-system.html */ declare const palette: { readonly red: { readonly shade_50: "#ffebee"; readonly shade_100: "#ffcdd2"; readonly shade_200: "#ef9a9a"; readonly shade_300: "#e57373"; readonly shade_400: "#ef5350"; readonly shade_500: "#f44336"; readonly shade_600: "#e53935"; readonly shade_700: "#d32f2f"; readonly shade_800: "#c62828"; readonly shade_900: "#b71c1c"; readonly shade_A100: "#ff8a80"; readonly shade_A200: "#ff5252"; readonly shade_A400: "#ff1744"; readonly shade_A700: "#d50000"; }; readonly pink: { readonly shade_50: "#fce4ec"; readonly shade_100: "#f8bbd0"; readonly shade_200: "#f48fb1"; readonly shade_300: "#f06292"; readonly shade_400: "#ec407a"; readonly shade_500: "#e91e63"; readonly shade_600: "#d81b60"; readonly shade_700: "#c2185b"; readonly shade_800: "#ad1457"; readonly shade_900: "#880e4f"; readonly shade_A100: "#ff80ab"; readonly shade_A200: "#ff4081"; readonly shade_A400: "#f50057"; readonly shade_A700: "#c51162"; }; readonly purple: { readonly shade_50: "#f3e5f5"; readonly shade_100: "#e1bee7"; readonly shade_200: "#ce93d8"; readonly shade_300: "#ba68c8"; readonly shade_400: "#ab47bc"; readonly shade_500: "#9c27b0"; readonly shade_600: "#8e24aa"; readonly shade_700: "#7b1fa2"; readonly shade_800: "#6a1b9a"; readonly shade_900: "#4a148c"; readonly shade_A100: "#ea80fc"; readonly shade_A200: "#e040fb"; readonly shade_A400: "#d500f9"; readonly shade_A700: "#aa00ff"; }; readonly deepPurple: { readonly shade_50: "#ede7f6"; readonly shade_100: "#d1c4e9"; readonly shade_200: "#b39ddb"; readonly shade_300: "#9575cd"; readonly shade_400: "#7e57c2"; readonly shade_500: "#673ab7"; readonly shade_600: "#5e35b1"; readonly shade_700: "#512da8"; readonly shade_800: "#4527a0"; readonly shade_900: "#311b92"; readonly shade_A100: "#b388ff"; readonly shade_A200: "#7c4dff"; readonly shade_A400: "#651fff"; readonly shade_A700: "#6200ea"; }; readonly indigo: { readonly shade_50: "#e8eaf6"; readonly shade_100: "#c5cae9"; readonly shade_200: "#9fa8da"; readonly shade_300: "#7986cb"; readonly shade_400: "#5c6bc0"; readonly shade_500: "#3f51b5"; readonly shade_600: "#3949ab"; readonly shade_700: "#303f9f"; readonly shade_800: "#283593"; readonly shade_900: "#1a237e"; readonly shade_A100: "#8c9eff"; readonly shade_A200: "#536dfe"; readonly shade_A400: "#3d5afe"; readonly shade_A700: "#304ffe"; }; readonly blue: { readonly shade_50: "#e3f2fd"; readonly shade_100: "#bbdefb"; readonly shade_200: "#90caf9"; readonly shade_300: "#64b5f6"; readonly shade_400: "#42a5f5"; readonly shade_500: "#2196f3"; readonly shade_600: "#1e88e5"; readonly shade_700: "#1976d2"; readonly shade_800: "#1565c0"; readonly shade_900: "#0d47a1"; readonly shade_A100: "#82b1ff"; readonly shade_A200: "#448aff"; readonly shade_A400: "#2979ff"; readonly shade_A700: "#2962ff"; }; readonly lightBlue: { readonly shade_50: "#e1f5fe"; readonly shade_100: "#b3e5fc"; readonly shade_200: "#81d4fa"; readonly shade_300: "#4fc3f7"; readonly shade_400: "#29b6f6"; readonly shade_500: "#03a9f4"; readonly shade_600: "#039be5"; readonly shade_700: "#0288d1"; readonly shade_800: "#0277bd"; readonly shade_900: "#01579b"; readonly shade_A100: "#80d8ff"; readonly shade_A200: "#40c4ff"; readonly shade_A400: "#00b0ff"; readonly shade_A700: "#0091ea"; }; readonly cyan: { readonly shade_50: "#e0f7fa"; readonly shade_100: "#b2ebf2"; readonly shade_200: "#80deea"; readonly shade_300: "#4dd0e1"; readonly shade_400: "#26c6da"; readonly shade_500: "#00bcd4"; readonly shade_600: "#00acc1"; readonly shade_700: "#0097a7"; readonly shade_800: "#00838f"; readonly shade_900: "#006064"; readonly shade_A100: "#84ffff"; readonly shade_A200: "#18ffff"; readonly shade_A400: "#00e5ff"; readonly shade_A700: "#00b8d4"; }; readonly teal: { readonly shade_50: "#e0f2f1"; readonly shade_100: "#b2dfdb"; readonly shade_200: "#80cbc4"; readonly shade_300: "#4db6ac"; readonly shade_400: "#26a69a"; readonly shade_500: "#009688"; readonly shade_600: "#00897b"; readonly shade_700: "#00796b"; readonly shade_800: "#00695c"; readonly shade_900: "#004d40"; readonly shade_A100: "#a7ffeb"; readonly shade_A200: "#64ffda"; readonly shade_A400: "#1de9b6"; readonly shade_A700: "#00bfa5"; }; readonly green: { readonly shade_50: "#e8f5e9"; readonly shade_100: "#c8e6c9"; readonly shade_200: "#a5d6a7"; readonly shade_300: "#81c784"; readonly shade_400: "#66bb6a"; readonly shade_500: "#4caf50"; readonly shade_600: "#43a047"; readonly shade_700: "#388e3c"; readonly shade_800: "#2e7d32"; readonly shade_900: "#1b5e20"; readonly shade_A100: "#b9f6ca"; readonly shade_A200: "#69f0ae"; readonly shade_A400: "#00e676"; readonly shade_A700: "#00c853"; }; readonly lightGreen: { readonly shade_50: "#f1f8e9"; readonly shade_100: "#dcedc8"; readonly shade_200: "#c5e1a5"; readonly shade_300: "#aed581"; readonly shade_400: "#9ccc65"; readonly shade_500: "#8bc34a"; readonly shade_600: "#7cb342"; readonly shade_700: "#689f38"; readonly shade_800: "#558b2f"; readonly shade_900: "#33691e"; readonly shade_A100: "#ccff90"; readonly shade_A200: "#b2ff59"; readonly shade_A400: "#76ff03"; readonly shade_A700: "#64dd17"; }; readonly lime: { readonly shade_50: "#f9fbe7"; readonly shade_100: "#f0f4c3"; readonly shade_200: "#e6ee9c"; readonly shade_300: "#dce775"; readonly shade_400: "#d4e157"; readonly shade_500: "#cddc39"; readonly shade_600: "#c0ca33"; readonly shade_700: "#afb42b"; readonly shade_800: "#9e9d24"; readonly shade_900: "#827717"; readonly shade_A100: "#f4ff81"; readonly shade_A200: "#eeff41"; readonly shade_A400: "#c6ff00"; readonly shade_A700: "#aeea00"; }; readonly yellow: { readonly shade_50: "#fffde7"; readonly shade_100: "#fff9c4"; readonly shade_200: "#fff59d"; readonly shade_300: "#fff176"; readonly shade_400: "#ffee58"; readonly shade_500: "#ffeb3b"; readonly shade_600: "#fdd835"; readonly shade_700: "#fbc02d"; readonly shade_800: "#f9a825"; readonly shade_900: "#f57f17"; readonly shade_A100: "#ffff8d"; readonly shade_A200: "#ffff00"; readonly shade_A400: "#ffea00"; readonly shade_A700: "#ffd600"; }; readonly amber: { readonly shade_50: "#fff8e1"; readonly shade_100: "#ffecb3"; readonly shade_200: "#ffe082"; readonly shade_300: "#ffd54f"; readonly shade_400: "#ffca28"; readonly shade_500: "#ffc107"; readonly shade_600: "#ffb300"; readonly shade_700: "#ffa000"; readonly shade_800: "#ff8f00"; readonly shade_900: "#ff6f00"; readonly shade_A100: "#ffe57f"; readonly shade_A200: "#ffd740"; readonly shade_A400: "#ffc400"; readonly shade_A700: "#ffab00"; }; readonly orange: { readonly shade_50: "#fff3e0"; readonly shade_100: "#ffe0b2"; readonly shade_200: "#ffcc80"; readonly shade_300: "#ffb74d"; readonly shade_400: "#ffa726"; readonly shade_500: "#ff9800"; readonly shade_600: "#fb8c00"; readonly shade_700: "#f57c00"; readonly shade_800: "#ef6c00"; readonly shade_900: "#e65100"; readonly shade_A100: "#ffd180"; readonly shade_A200: "#ffab40"; readonly shade_A400: "#ff9100"; readonly shade_A700: "#ff6d00"; }; readonly deepOrange: { readonly shade_50: "#fbe9e7"; readonly shade_100: "#ffccbc"; readonly shade_200: "#ffab91"; readonly shade_300: "#ff8a65"; readonly shade_400: "#ff7043"; readonly shade_500: "#ff5722"; readonly shade_600: "#f4511e"; readonly shade_700: "#e64a19"; readonly shade_800: "#d84315"; readonly shade_900: "#bf360c"; readonly shade_A100: "#ff9e80"; readonly shade_A200: "#ff6e40"; readonly shade_A400: "#ff3d00"; readonly shade_A700: "#dd2c00"; }; readonly brown: { readonly shade_50: "#efebe9"; readonly shade_100: "#d7ccc8"; readonly shade_200: "#bcaaa4"; readonly shade_300: "#a1887f"; readonly shade_400: "#8d6e63"; readonly shade_500: "#795548"; readonly shade_600: "#6d4c41"; readonly shade_700: "#5d4037"; readonly shade_800: "#4e342e"; readonly shade_900: "#3e2723"; }; readonly grey: { readonly shade_50: "#fafafa"; readonly shade_100: "#f5f5f5"; readonly shade_200: "#eeeeee"; readonly shade_300: "#e0e0e0"; readonly shade_400: "#bdbdbd"; readonly shade_500: "#9e9e9e"; readonly shade_600: "#757575"; readonly shade_700: "#616161"; readonly shade_800: "#424242"; readonly shade_900: "#212121"; }; readonly blueGrey: { readonly shade_50: "#eceff1"; readonly shade_100: "#cfd8dc"; readonly shade_200: "#b0bec5"; readonly shade_300: "#90a4ae"; readonly shade_400: "#78909c"; readonly shade_500: "#607d8b"; readonly shade_600: "#546e7a"; readonly shade_700: "#455a64"; readonly shade_800: "#37474f"; readonly shade_900: "#263238"; }; readonly black: "#000000"; readonly white: "#FFFFFF"; }; export { type AccentShade, type BaseShade, type ColorName, type ColorNameWithAccents, type ColorNameWithoutAccents, type ColorWithAccents, type ColorWithoutAccents, type HexColor, type MaterialColorPalette, type Shade, palette as default, palette };