@sk-web-gui/core 3.4.3 → 3.5.0

package/dist/types/theme/src/colors.d.ts

@@ -1,1410 +0,0 @@
-export declare const primitives: {
-    gray: {
-        lightest: string;
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        darkest: string;
-    };
-    overlay: {
-        darken: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-        };
-        lighten: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            6: string;
-            7: string;
-            8: string;
-            9: string;
-            10: string;
-        };
-    };
-    blue: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    green: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    purple: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    pink: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    orange: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    red: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    ring: string;
-    shadow: string;
-};
-export declare const colors: {
-    lightmode: {
-        inverted: {
-            body: string;
-            black: string;
-            white: string;
-            ring: string;
-            primary: {
-                lightest: string;
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                darkest: string;
-                DEFAULT: string;
-                surface: {
-                    DEFAULT: string;
-                    hover: string;
-                    disabled: string;
-                };
-            };
-            secondary: {
-                lightest: string;
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                darkest: string;
-                DEFAULT: string;
-                outline: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                surface: {
-                    DEFAULT: string;
-                    hover: string;
-                    disabled: string;
-                };
-            };
-            tertiary: {
-                surface: {
-                    DEFAULT: string;
-                    hover: string;
-                    disabled: string;
-                };
-            };
-            dark: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-                disabled: string;
-                placeholder: string;
-                ghost: string;
-            };
-            light: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-                disabled: string;
-                placeholder: string;
-                ghost: string;
-            };
-            divider: string;
-            background: {
-                DEFAULT: string;
-                content: string;
-                100: string;
-                200: string;
-                'color-mixin': {
-                    1: string;
-                    2: string;
-                };
-            };
-            vattjom: {
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            gronsta: {
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            juniskar: {
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            bjornstigen: {
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            error: {
-                DEFAULT: string;
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            warning: {
-                DEFAULT: string;
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            info: {
-                DEFAULT: string;
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            success: {
-                DEFAULT: string;
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-        };
-        body: string;
-        black: string;
-        white: string;
-        ring: string;
-        primary: {
-            lightest: string;
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            darkest: string;
-            DEFAULT: string;
-            active: string;
-            surface: {
-                DEFAULT: string;
-                hover: string;
-                disabled: string;
-            };
-        };
-        secondary: {
-            lightest: string;
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            darkest: string;
-            DEFAULT: string;
-            active: string;
-            outline: {
-                DEFAULT: string;
-                hover: string;
-            };
-            surface: {
-                DEFAULT: string;
-                hover: string;
-                disabled: string;
-            };
-        };
-        tertiary: {
-            surface: {
-                DEFAULT: string;
-                hover: string;
-                disabled: string;
-            };
-        };
-        dark: {
-            DEFAULT: string;
-            primary: string;
-            secondary: string;
-            disabled: string;
-            placeholder: string;
-            ghost: string;
-        };
-        light: {
-            DEFAULT: string;
-            primary: string;
-            secondary: string;
-            disabled: string;
-            placeholder: string;
-            ghost: string;
-        };
-        divider: string;
-        background: {
-            DEFAULT: string;
-            content: string;
-            100: string;
-            200: string;
-            'color-mixin': {
-                1: string;
-                2: string;
-            };
-        };
-        vattjom: {
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        gronsta: {
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        juniskar: {
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        bjornstigen: {
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        error: {
-            DEFAULT: string;
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        warning: {
-            DEFAULT: string;
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        info: {
-            DEFAULT: string;
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        success: {
-            DEFAULT: string;
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        primitives: {
-            gray: {
-                lightest: string;
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                darkest: string;
-            };
-            overlay: {
-                darken: {
-                    1: string;
-                    2: string;
-                    3: string;
-                    4: string;
-                    5: string;
-                    6: string;
-                    7: string;
-                    8: string;
-                    9: string;
-                    10: string;
-                };
-                lighten: {
-                    1: string;
-                    2: string;
-                    3: string;
-                    4: string;
-                    5: string;
-                    6: string;
-                    7: string;
-                    8: string;
-                    9: string;
-                    10: string;
-                };
-            };
-            blue: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            green: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            purple: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            pink: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            orange: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            red: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            ring: string;
-            shadow: string;
-        };
-    };
-    darkmode: {
-        inverted: {
-            body: string;
-            black: string;
-            white: string;
-            ring: string;
-            primary: {
-                lightest: string;
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                darkest: string;
-                DEFAULT: string;
-                active: string;
-                surface: {
-                    DEFAULT: string;
-                    hover: string;
-                    disabled: string;
-                };
-            };
-            secondary: {
-                lightest: string;
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                darkest: string;
-                DEFAULT: string;
-                active: string;
-                outline: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                surface: {
-                    DEFAULT: string;
-                    hover: string;
-                    disabled: string;
-                };
-            };
-            tertiary: {
-                surface: {
-                    DEFAULT: string;
-                    hover: string;
-                    disabled: string;
-                };
-            };
-            dark: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-                disabled: string;
-                placeholder: string;
-                ghost: string;
-            };
-            light: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-                disabled: string;
-                placeholder: string;
-                ghost: string;
-            };
-            divider: string;
-            background: {
-                DEFAULT: string;
-                content: string;
-                100: string;
-                200: string;
-                'color-mixin': {
-                    1: string;
-                    2: string;
-                };
-            };
-            vattjom: {
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            gronsta: {
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            juniskar: {
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            bjornstigen: {
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            error: {
-                DEFAULT: string;
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            warning: {
-                DEFAULT: string;
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            info: {
-                DEFAULT: string;
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-            success: {
-                DEFAULT: string;
-                background: {
-                    100: string;
-                    200: string;
-                    300: string;
-                };
-                surface: {
-                    primary: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                    accent: {
-                        DEFAULT: string;
-                        hover: string;
-                    };
-                };
-                text: {
-                    DEFAULT: string;
-                    primary: string;
-                    secondary: string;
-                };
-            };
-        };
-        body: string;
-        black: string;
-        white: string;
-        ring: string;
-        primary: {
-            lightest: string;
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            darkest: string;
-            DEFAULT: string;
-            surface: {
-                DEFAULT: string;
-                hover: string;
-                disabled: string;
-            };
-        };
-        secondary: {
-            lightest: string;
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            darkest: string;
-            DEFAULT: string;
-            outline: {
-                DEFAULT: string;
-                hover: string;
-            };
-            surface: {
-                DEFAULT: string;
-                hover: string;
-                disabled: string;
-            };
-        };
-        tertiary: {
-            surface: {
-                DEFAULT: string;
-                hover: string;
-                disabled: string;
-            };
-        };
-        dark: {
-            DEFAULT: string;
-            primary: string;
-            secondary: string;
-            disabled: string;
-            placeholder: string;
-            ghost: string;
-        };
-        light: {
-            DEFAULT: string;
-            primary: string;
-            secondary: string;
-            disabled: string;
-            placeholder: string;
-            ghost: string;
-        };
-        divider: string;
-        background: {
-            DEFAULT: string;
-            content: string;
-            100: string;
-            200: string;
-            'color-mixin': {
-                1: string;
-                2: string;
-            };
-        };
-        vattjom: {
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        gronsta: {
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        juniskar: {
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        bjornstigen: {
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        error: {
-            DEFAULT: string;
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        warning: {
-            DEFAULT: string;
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        info: {
-            DEFAULT: string;
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        success: {
-            DEFAULT: string;
-            background: {
-                100: string;
-                200: string;
-                300: string;
-            };
-            surface: {
-                primary: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-                accent: {
-                    DEFAULT: string;
-                    hover: string;
-                };
-            };
-            text: {
-                DEFAULT: string;
-                primary: string;
-                secondary: string;
-            };
-        };
-        primitives: {
-            gray: {
-                lightest: string;
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-                darkest: string;
-            };
-            overlay: {
-                darken: {
-                    1: string;
-                    2: string;
-                    3: string;
-                    4: string;
-                    5: string;
-                    6: string;
-                    7: string;
-                    8: string;
-                    9: string;
-                    10: string;
-                };
-                lighten: {
-                    1: string;
-                    2: string;
-                    3: string;
-                    4: string;
-                    5: string;
-                    6: string;
-                    7: string;
-                    8: string;
-                    9: string;
-                    10: string;
-                };
-            };
-            blue: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            green: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            purple: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            pink: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            orange: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            red: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            ring: string;
-            shadow: string;
-        };
-    };
-};