identity-admin-ui 1.12.0 → 1.12.1

package/lib/esm/types/components/settings/presets.d.ts

@@ -0,0 +1,1941 @@
+import { ThemeColorPresets } from './type';
+export declare const presets: ({
+    mode: "light";
+    text: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+    };
+    background: {
+        readonly paper: "#fff";
+        readonly default: "#fff";
+        readonly neutral: string;
+    };
+    action: {
+        readonly hover: string;
+        readonly selected: string;
+        readonly disabled: string;
+        readonly disabledBackground: string;
+        readonly focus: string;
+        readonly hoverOpacity: number;
+        readonly disabledOpacity: number;
+        readonly active: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    secondary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    info: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    success: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    warning: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    error: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    grey: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    };
+    gradients: {
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    chart: {
+        violet: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        red: string[];
+    };
+    divider: string;
+    name: string;
+    lighter?: undefined;
+    light?: undefined;
+    main?: undefined;
+    dark?: undefined;
+    darker?: undefined;
+    contrastText?: undefined;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+})[];
+export declare const defaultPreset: {
+    mode: "light";
+    text: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+    };
+    background: {
+        readonly paper: "#fff";
+        readonly default: "#fff";
+        readonly neutral: string;
+    };
+    action: {
+        readonly hover: string;
+        readonly selected: string;
+        readonly disabled: string;
+        readonly disabledBackground: string;
+        readonly focus: string;
+        readonly hoverOpacity: number;
+        readonly disabledOpacity: number;
+        readonly active: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    secondary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    info: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    success: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    warning: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    error: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    grey: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    };
+    gradients: {
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    chart: {
+        violet: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        red: string[];
+    };
+    divider: string;
+    name: string;
+    lighter?: undefined;
+    light?: undefined;
+    main?: undefined;
+    dark?: undefined;
+    darker?: undefined;
+    contrastText?: undefined;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+};
+export declare const cyanPreset: {
+    mode: "light";
+    text: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+    };
+    background: {
+        readonly paper: "#fff";
+        readonly default: "#fff";
+        readonly neutral: string;
+    };
+    action: {
+        readonly hover: string;
+        readonly selected: string;
+        readonly disabled: string;
+        readonly disabledBackground: string;
+        readonly focus: string;
+        readonly hoverOpacity: number;
+        readonly disabledOpacity: number;
+        readonly active: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    secondary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    info: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    success: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    warning: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    error: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    grey: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    };
+    gradients: {
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    chart: {
+        violet: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        red: string[];
+    };
+    divider: string;
+    name: string;
+    lighter?: undefined;
+    light?: undefined;
+    main?: undefined;
+    dark?: undefined;
+    darker?: undefined;
+    contrastText?: undefined;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+};
+export declare const purplePreset: {
+    mode: "light";
+    text: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+    };
+    background: {
+        readonly paper: "#fff";
+        readonly default: "#fff";
+        readonly neutral: string;
+    };
+    action: {
+        readonly hover: string;
+        readonly selected: string;
+        readonly disabled: string;
+        readonly disabledBackground: string;
+        readonly focus: string;
+        readonly hoverOpacity: number;
+        readonly disabledOpacity: number;
+        readonly active: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    secondary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    info: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    success: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    warning: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    error: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    grey: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    };
+    gradients: {
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    chart: {
+        violet: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        red: string[];
+    };
+    divider: string;
+    name: string;
+    lighter?: undefined;
+    light?: undefined;
+    main?: undefined;
+    dark?: undefined;
+    darker?: undefined;
+    contrastText?: undefined;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+};
+export declare const bluePreset: {
+    mode: "light";
+    text: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+    };
+    background: {
+        readonly paper: "#fff";
+        readonly default: "#fff";
+        readonly neutral: string;
+    };
+    action: {
+        readonly hover: string;
+        readonly selected: string;
+        readonly disabled: string;
+        readonly disabledBackground: string;
+        readonly focus: string;
+        readonly hoverOpacity: number;
+        readonly disabledOpacity: number;
+        readonly active: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    secondary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    info: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    success: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    warning: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    error: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    grey: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    };
+    gradients: {
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    chart: {
+        violet: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        red: string[];
+    };
+    divider: string;
+    name: string;
+    lighter?: undefined;
+    light?: undefined;
+    main?: undefined;
+    dark?: undefined;
+    darker?: undefined;
+    contrastText?: undefined;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+};
+export declare const orangePreset: {
+    mode: "light";
+    text: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+    };
+    background: {
+        readonly paper: "#fff";
+        readonly default: "#fff";
+        readonly neutral: string;
+    };
+    action: {
+        readonly hover: string;
+        readonly selected: string;
+        readonly disabled: string;
+        readonly disabledBackground: string;
+        readonly focus: string;
+        readonly hoverOpacity: number;
+        readonly disabledOpacity: number;
+        readonly active: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    secondary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    info: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    success: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    warning: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    error: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    grey: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    };
+    gradients: {
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    chart: {
+        violet: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        red: string[];
+    };
+    divider: string;
+    name: string;
+    lighter?: undefined;
+    light?: undefined;
+    main?: undefined;
+    dark?: undefined;
+    darker?: undefined;
+    contrastText?: undefined;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+};
+export declare const redPreset: {
+    mode: "light";
+    text: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+    };
+    background: {
+        readonly paper: "#fff";
+        readonly default: "#fff";
+        readonly neutral: string;
+    };
+    action: {
+        readonly hover: string;
+        readonly selected: string;
+        readonly disabled: string;
+        readonly disabledBackground: string;
+        readonly focus: string;
+        readonly hoverOpacity: number;
+        readonly disabledOpacity: number;
+        readonly active: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    secondary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    info: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    success: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    warning: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    error: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    grey: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    };
+    gradients: {
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    chart: {
+        violet: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        red: string[];
+    };
+    divider: string;
+    name: string;
+    lighter?: undefined;
+    light?: undefined;
+    main?: undefined;
+    dark?: undefined;
+    darker?: undefined;
+    contrastText?: undefined;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+};
+export declare const presetsOption: {
+    name: string;
+    value: string | undefined;
+}[];
+export declare function getPresets(key: ThemeColorPresets): {
+    mode: "light";
+    text: {
+        readonly primary: string;
+        readonly secondary: string;
+        readonly disabled: string;
+    };
+    background: {
+        readonly paper: "#fff";
+        readonly default: "#fff";
+        readonly neutral: string;
+    };
+    action: {
+        readonly hover: string;
+        readonly selected: string;
+        readonly disabled: string;
+        readonly disabledBackground: string;
+        readonly focus: string;
+        readonly hoverOpacity: number;
+        readonly disabledOpacity: number;
+        readonly active: string;
+    };
+    common: {
+        black: string;
+        white: string;
+    };
+    primary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    secondary: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    info: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    success: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    warning: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    error: {
+        contrastText: string;
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    grey: {
+        0: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        5008: string;
+        50012: string;
+        50016: string;
+        50024: string;
+        50032: string;
+        50048: string;
+        50056: string;
+        50080: string;
+    };
+    gradients: {
+        primary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    chart: {
+        violet: string[];
+        blue: string[];
+        green: string[];
+        yellow: string[];
+        red: string[];
+    };
+    divider: string;
+    name: string;
+    lighter?: undefined;
+    light?: undefined;
+    main?: undefined;
+    dark?: undefined;
+    darker?: undefined;
+    contrastText?: undefined;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: string;
+} | {
+    name: string;
+    lighter: string;
+    light: string;
+    main: string;
+    dark: string;
+    darker: string;
+    contrastText: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+};