export interface MonochromePalette { darker: string; dark: string; base: string; light: string; lighter: string; } export interface ColorPalette extends MonochromePalette { darkest: string; lightest: string; } export declare const colors: { readonly pink: { readonly darkest: "#661f4e"; readonly darker: "#832363"; readonly dark: "#c43997"; readonly base: "#f25cc1"; readonly light: "#ffa3e0"; readonly lighter: "#ffd4f1"; readonly lightest: "#ffe6f7"; }; readonly teal: { readonly darkest: "#1f6664"; readonly darker: "#1d7b78"; readonly dark: "#26a29d"; readonly base: "#41d9d3"; readonly light: "#8bf6f2"; readonly lighter: "#c6fffd"; readonly lightest: "#e6fffe"; }; readonly indigo: { readonly darkest: "#2d1f66"; readonly darker: "#311c87"; readonly dark: "#3f20ba"; readonly base: "#7156d9"; readonly light: "#ad9bf6"; readonly lighter: "#d9cfff"; readonly lightest: "#ebe6ff"; }; readonly black: { readonly darker: "#12151A"; readonly dark: "#14171C"; readonly base: "#191C23"; readonly light: "#22262E"; readonly lighter: "#2F353F"; }; readonly grey: { readonly darker: "#424855"; readonly dark: "#5A6270"; readonly base: "#777F8E"; readonly light: "#959DAA"; readonly lighter: "#B2B9C3"; }; readonly silver: { readonly darker: "#CAD0D8"; readonly dark: "#DEE2E7"; readonly base: "#EBEEF0"; readonly light: "#F4F6F8"; readonly lighter: "#FCFDFF"; }; readonly red: { readonly darkest: "#661f1f"; readonly darker: "#781c1c"; readonly dark: "#9c2323"; readonly base: "#d13b3b"; readonly light: "#f18686"; readonly lighter: "#ffc3c3"; readonly lightest: "#ffe6e6"; }; readonly green: { readonly darkest: "#145e33"; readonly darker: "#136c38"; readonly dark: "#1c8448"; readonly base: "#36ad68"; readonly light: "#7ed9a4"; readonly lighter: "#bef4d5"; readonly lightest: "#e6fff0"; }; readonly blue: { readonly darkest: "#163c66"; readonly darker: "#0f417a"; readonly dark: "#1053a0"; readonly base: "#2075d6"; readonly light: "#74b0f4"; readonly lighter: "#bbdbff"; readonly lightest: "#f0f7ff"; }; readonly orange: { readonly darkest: "#663f1f"; readonly darker: "#884c1e"; readonly dark: "#b46626"; readonly base: "#f59140"; readonly light: "#ffc18f"; readonly lighter: "#ffe2ca"; readonly lightest: "#fff1e6"; }; readonly yellow: { readonly darkest: "#66501f"; readonly darker: "#84671d"; readonly dark: "#b48f25"; readonly base: "#f4d03f"; readonly light: "#ffe88e"; readonly lighter: "#fff4ca"; readonly lightest: "#fffae6"; }; readonly purple: { readonly darkest: "#421666"; readonly darker: "#521584"; readonly dark: "#711eb4"; readonly base: "#a23df5"; readonly light: "#cd8fff"; readonly lighter: "#e8ccff"; readonly lightest: "#f4e6ff"; }; readonly blilet: { readonly darkest: "#1B2240"; readonly darker: "#252E50"; readonly dark: "#3C4A85"; readonly base: "#5168C2"; readonly light: "#7A92F0"; readonly lighter: "#B0BEF7"; readonly lightest: "#E6EBFF"; }; readonly midnight: { readonly darkest: "#060F2F"; readonly darker: "#1B2240"; readonly dark: "#383D5B"; readonly base: "#3D4B6A"; readonly light: "#566992"; readonly lighter: "#798FBB"; readonly lightest: "#B4C3DB"; }; readonly white: "#ffffff"; }; /** * An enumeration of all colors in all shaded palettes. These are all the colors * that can be lightened and darkened. This excludes colors.white intentionally * because that will not be a valid input for a color change function. * * This can be used to restrict a prop to only be a color value from one of our * palettes. * * This is not intended to be a representation of all colors available in Space * Kit; for that, see `@AllColors`. */ export declare type ShadedColor = typeof colors["pink"][keyof typeof colors["pink"]] | typeof colors["teal"][keyof typeof colors["teal"]] | typeof colors["indigo"][keyof typeof colors["indigo"]] | typeof colors["black"][keyof typeof colors["black"]] | typeof colors["grey"][keyof typeof colors["grey"]] | typeof colors["silver"][keyof typeof colors["silver"]] | typeof colors["red"][keyof typeof colors["red"]] | typeof colors["green"][keyof typeof colors["green"]] | typeof colors["blue"][keyof typeof colors["blue"]] | typeof colors["orange"][keyof typeof colors["orange"]] | typeof colors["yellow"][keyof typeof colors["yellow"]] | typeof colors["purple"][keyof typeof colors["purple"]] | typeof colors["blilet"][keyof typeof colors["blilet"]] | typeof colors["midnight"][keyof typeof colors["midnight"]]; /** * Represents all colors available in Space Kit * * This is explicitly not valid when a color needs the ability to be made * lighter or darker. For that use case, refer to `PaletteColor` */ export declare type AllColors = ShadedColor | "initial" | "inherit" | typeof colors.white;