norma-library/dist/esm/helpers/colors.d.ts

Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.

import { PaletteOptions } from '@mui/material/styles';
export declare const getPalette: () => {
    primary: string;
    primaryLight: string;
    primaryMedium: string;
    primaryDark: string;
    inherit: string;
    secondary: string;
    error: string;
    warning: string;
    info: string;
    success: string;
    white: string;
    black: string;
    helper: string;
    secondaryLight: string;
    secondaryMedium: string;
    secondaryDark: string;
    inheritLight: string;
    inheritMedium: string;
    inheritDark: string;
    whiteLight: string;
    whiteMedium: string;
    whiteDark: string;
    successLight: string;
    successMedium: string;
    successDark: string;
    errorLight: string;
    errorMedium: string;
    errorDark: string;
    warningLight: string;
    warningMedium: string;
    warningDark: string;
    helperLight: string;
    helperMedium: string;
    helperDark: string;
};
export declare const palette: {
    primary: string;
    primaryLight: string;
    primaryMedium: string;
    primaryDark: string;
    inherit: string;
    secondary: string;
    error: string;
    warning: string;
    info: string;
    success: string;
    white: string;
    black: string;
    helper: string;
    secondaryLight: string;
    secondaryMedium: string;
    secondaryDark: string;
    inheritLight: string;
    inheritMedium: string;
    inheritDark: string;
    whiteLight: string;
    whiteMedium: string;
    whiteDark: string;
    successLight: string;
    successMedium: string;
    successDark: string;
    errorLight: string;
    errorMedium: string;
    errorDark: string;
    warningLight: string;
    warningMedium: string;
    warningDark: string;
    helperLight: string;
    helperMedium: string;
    helperDark: string;
};
export declare const textColors: {
    inherit: string;
    primary: string;
    secondary: string;
    error: string;
    warning: string;
    info: string;
    success: string;
    white: string;
    black: string;
    helper: string;
    primaryLight: string;
    primaryMedium: string;
    primaryDark: string;
    secondaryLight: string;
    secondaryMedium: string;
    secondaryDark: string;
    inheritLight: string;
    inheritMedium: string;
    inheritDark: string;
    whiteLight: string;
    whiteMedium: string;
    whiteDark: string;
    successLight: string;
    successMedium: string;
    successDark: string;
    errorLight: string;
    errorMedium: string;
    errorDark: string;
    warningLight: string;
    warningMedium: string;
    warningDark: string;
    helperLight: string;
    helperMedium: string;
    helperDark: string;
};
export declare const backgroundColors: {
    inherit: string;
    primary: string;
    secondary: string;
    error: string;
    warning: string;
    info: string;
    success: string;
    white: string;
    black: string;
    primaryLight: string;
    primaryMedium: string;
    primaryDark: string;
    secondaryLight: string;
    secondaryMedium: string;
    secondaryDark: string;
    inheritLight: string;
    inheritMedium: string;
    inheritDark: string;
    whiteLight: string;
    whiteMedium: string;
    whiteDark: string;
    successLight: string;
    successMedium: string;
    successDark: string;
    errorLight: string;
    errorMedium: string;
    errorDark: string;
    warningLight: string;
    warningMedium: string;
    warningDark: string;
    helperLight: string;
    helperMedium: string;
    helperDark: string;
};
export declare const olosPalette: {
    primary: {
        main: string;
    };
    secondary: {
        main: string;
    };
    error: {
        main: string;
    };
    warning: {
        main: string;
    };
    info: {
        main: string;
    };
    success: {
        main: string;
    };
};
export declare const newOlosPalette: PaletteOptions;
export declare const lightTheme: import("@mui/material/styles").Theme;
export declare const newLightTheme: import("@mui/material/styles").Theme;
export declare const darkTheme: import("@mui/material/styles").Theme;
export declare const themes: {
    light: import("@mui/material/styles").Theme;
    dark: import("@mui/material/styles").Theme;
    newLight: import("@mui/material/styles").Theme;
};
type PaletteKey = keyof typeof getPalette;
declare const getColor: (key: PaletteKey) => string;
declare const extractRGB: (rgbString: string) => string | null;
declare const lightenRGB: (rgbString: string, amount?: number) => string | null;
export { getColor, extractRGB, lightenRGB };