@scmlatam/web-ui 0.1.96 → 0.1.98

package/dist/src/themes/GoodRabbitColors.d.ts

@@ -0,0 +1,193 @@
+declare const GoodRabbitColors: {
+    "gr-purple": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-lilac": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-pink": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-red": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-orange": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-yellow": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-moss-green": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-green": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-neon-green": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-sky-blue": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-midium-blue": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-blue": {
+        main: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-grey": {
+        main: string;
+        dark: string;
+        light: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    "gr-base-dark": {
+        main: string;
+    };
+    "gr-base-light": {
+        main: string;
+    };
+};
+export { GoodRabbitColors };

package/dist/src/themes/GoodRabbitDarkTheme.d.ts

@@ -0,0 +1,375 @@
+import { PaletteMode } from '@mui/material';
+declare const BaseGoodRabbitDarkTheme: {
+    palette: {
+        "gr-purple": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-lilac": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-pink": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-red": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-orange": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-yellow": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-moss-green": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-green": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-neon-green": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-sky-blue": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-midium-blue": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-blue": {
+            main: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-grey": {
+            main: string;
+            dark: string;
+            light: string;
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            950: string;
+        };
+        "gr-base-dark": {
+            main: string;
+        };
+        "gr-base-light": {
+            main: string;
+        };
+        mode: PaletteMode;
+        background: {
+            default: string;
+            paper: string;
+        };
+        primary: {
+            main: string;
+        };
+        secondary: {
+            main: string;
+        };
+        success: {
+            main: string;
+        };
+        warning: {
+            main: string;
+        };
+        error: {
+            main: string;
+        };
+        info: {
+            main: string;
+        };
+    };
+    typography: {
+        fontFamily: string;
+        h1: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+        h2: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+        h3: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+        h4: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+        body1: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+        body2: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+        button: {
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: string;
+            color: string;
+        };
+    };
+    components: {
+        MuiTextField: {
+            styleOverrides: {
+                root: ({ ownerState }: {
+                    ownerState: import('@mui/material').TextFieldProps;
+                }) => {
+                    "& .MuiInputLabel-root": {
+                        color: string;
+                        "&.Mui-focused": {
+                            color: string;
+                        };
+                    };
+                    "& .MuiOutlinedInput-root": {
+                        borderRadius: string;
+                        height: string;
+                        color: string;
+                        "& .MuiOutlinedInput-notchedOutline": {
+                            borderColor: string;
+                        };
+                        "&:hover .MuiOutlinedInput-notchedOutline": {
+                            borderColor: string;
+                        };
+                        "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                            borderColor: string;
+                        };
+                        "& input": {
+                            color: string;
+                        };
+                        "& input::placeholder": {
+                            color: string;
+                            opacity: number;
+                        };
+                    };
+                } | {
+                    "& .MuiInputLabel-root": {
+                        color: string;
+                        "&.Mui-focused": {
+                            color: string;
+                        };
+                    };
+                    "& .MuiOutlinedInput-root": {
+                        borderRadius: string;
+                        height: string;
+                        color: string;
+                        "& input": {
+                            color: string;
+                        };
+                        "& input::placeholder": {
+                            color: string;
+                            opacity: number;
+                        };
+                        "& .MuiOutlinedInput-notchedOutline"?: undefined;
+                        "&:hover .MuiOutlinedInput-notchedOutline"?: undefined;
+                        "&.Mui-focused .MuiOutlinedInput-notchedOutline"?: undefined;
+                    };
+                };
+            };
+        };
+        MuiOutlinedInput: {
+            styleOverrides: {
+                root: ({ ownerState }: {
+                    ownerState: import('@mui/material').OutlinedInputProps;
+                }) => {
+                    borderRadius: string;
+                    height: string;
+                    color: string;
+                    "& .MuiOutlinedInput-notchedOutline": {
+                        borderColor: string;
+                    };
+                    "&:hover .MuiOutlinedInput-notchedOutline": {
+                        borderColor: string;
+                    };
+                    "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                        borderColor: string;
+                    };
+                    "& input": {
+                        color: string;
+                    };
+                    "& input::placeholder": {
+                        color: string;
+                        opacity: number;
+                    };
+                } | {
+                    borderRadius: string;
+                    height: string;
+                    color: string;
+                    "& input": {
+                        color: string;
+                    };
+                    "& input::placeholder": {
+                        color: string;
+                        opacity: number;
+                    };
+                    "& .MuiOutlinedInput-notchedOutline"?: undefined;
+                    "&:hover .MuiOutlinedInput-notchedOutline"?: undefined;
+                    "&.Mui-focused .MuiOutlinedInput-notchedOutline"?: undefined;
+                };
+            };
+        };
+        MuiInputLabel: {
+            styleOverrides: {
+                root: () => {
+                    color: string;
+                    "&.Mui-focused": {
+                        color: string;
+                    };
+                };
+            };
+        };
+    };
+};
+declare const GoodRabbitDarkTheme: import('@mui/material').Theme;
+export { BaseGoodRabbitDarkTheme, GoodRabbitDarkTheme };

package/dist/src/themes/GoodRabbitInputLabel.d.ts

@@ -0,0 +1,11 @@
+declare const GoodRabbitInputLabel: {
+    styleOverrides: {
+        root: () => {
+            color: string;
+            "&.Mui-focused": {
+                color: string;
+            };
+        };
+    };
+};
+export { GoodRabbitInputLabel };

package/dist/src/themes/GoodRabbitLightTheme.d.ts

@@ -0,0 +1,2 @@
+declare const GoodRabbitLightTheme: import('@mui/material').Theme;
+export { GoodRabbitLightTheme };

package/dist/src/themes/GoodRabbitOutlinedInput.d.ts

@@ -0,0 +1,43 @@
+import { OutlinedInputProps } from '@mui/material';
+declare const GoodRabbitOutlinedInput: {
+    styleOverrides: {
+        root: ({ ownerState }: {
+            ownerState: OutlinedInputProps;
+        }) => {
+            borderRadius: string;
+            height: string;
+            color: string;
+            "& .MuiOutlinedInput-notchedOutline": {
+                borderColor: string;
+            };
+            "&:hover .MuiOutlinedInput-notchedOutline": {
+                borderColor: string;
+            };
+            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                borderColor: string;
+            };
+            "& input": {
+                color: string;
+            };
+            "& input::placeholder": {
+                color: string;
+                opacity: number;
+            };
+        } | {
+            borderRadius: string;
+            height: string;
+            color: string;
+            "& input": {
+                color: string;
+            };
+            "& input::placeholder": {
+                color: string;
+                opacity: number;
+            };
+            "& .MuiOutlinedInput-notchedOutline"?: undefined;
+            "&:hover .MuiOutlinedInput-notchedOutline"?: undefined;
+            "&.Mui-focused .MuiOutlinedInput-notchedOutline"?: undefined;
+        };
+    };
+};
+export { GoodRabbitOutlinedInput };

package/dist/src/themes/GoodRabbitTextField.d.ts

@@ -0,0 +1,59 @@
+import { TextFieldProps } from '@mui/material/TextField';
+declare const GoodRabbitTextField: {
+    styleOverrides: {
+        root: ({ ownerState }: {
+            ownerState: TextFieldProps;
+        }) => {
+            "& .MuiInputLabel-root": {
+                color: string;
+                "&.Mui-focused": {
+                    color: string;
+                };
+            };
+            "& .MuiOutlinedInput-root": {
+                borderRadius: string;
+                height: string;
+                color: string;
+                "& .MuiOutlinedInput-notchedOutline": {
+                    borderColor: string;
+                };
+                "&:hover .MuiOutlinedInput-notchedOutline": {
+                    borderColor: string;
+                };
+                "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+                    borderColor: string;
+                };
+                "& input": {
+                    color: string;
+                };
+                "& input::placeholder": {
+                    color: string;
+                    opacity: number;
+                };
+            };
+        } | {
+            "& .MuiInputLabel-root": {
+                color: string;
+                "&.Mui-focused": {
+                    color: string;
+                };
+            };
+            "& .MuiOutlinedInput-root": {
+                borderRadius: string;
+                height: string;
+                color: string;
+                "& input": {
+                    color: string;
+                };
+                "& input::placeholder": {
+                    color: string;
+                    opacity: number;
+                };
+                "& .MuiOutlinedInput-notchedOutline"?: undefined;
+                "&:hover .MuiOutlinedInput-notchedOutline"?: undefined;
+                "&.Mui-focused .MuiOutlinedInput-notchedOutline"?: undefined;
+            };
+        };
+    };
+};
+export { GoodRabbitTextField };