@sk-web-gui/core 3.4.1 → 3.4.3

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

@@ -0,0 +1,1410 @@
+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;
+        };
+    };
+};