@m4l/graphics 0.0.0

package/dist/lib/theme/overrides/Timeline.d.ts

@@ -0,0 +1,17 @@
+import { Theme } from '@mui/material/styles';
+export default function Timeline(theme: Theme): {
+    MuiTimelineDot: {
+        styleOverrides: {
+            root: {
+                boxShadow: string;
+            };
+        };
+    };
+    MuiTimelineConnector: {
+        styleOverrides: {
+            root: {
+                backgroundColor: string;
+            };
+        };
+    };
+};

package/dist/lib/theme/overrides/ToggleButton.d.ts

@@ -0,0 +1,43 @@
+import { Theme } from '@mui/material/styles';
+import { ColorSchema } from '../palette';
+export default function ToggleButton(theme: Theme): {
+    MuiToggleButton: {
+        variants: ({
+            props: {
+                color: ColorSchema;
+            };
+            style: {
+                '&:hover': {
+                    borderColor: string;
+                    backgroundColor: string;
+                };
+                '&.Mui-selected': {
+                    borderColor: string;
+                };
+            };
+        } | {
+            props: {
+                color: string;
+            };
+            style: {
+                '&.Mui-selected': {
+                    backgroundColor: string;
+                };
+            };
+        })[];
+    };
+    MuiToggleButtonGroup: {
+        styleOverrides: {
+            root: {
+                borderRadius: string | number;
+                backgroundColor: string;
+                border: string;
+                '& .MuiToggleButton-root': {
+                    margin: number;
+                    borderColor: string;
+                    borderRadius: string;
+                };
+            };
+        };
+    };
+};

package/dist/lib/theme/overrides/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from '@mui/material/styles';
+export default function Tooltip(theme: Theme): {
+    MuiTooltip: {
+        styleOverrides: {
+            tooltip: {
+                backgroundColor: string;
+            };
+            arrow: {
+                color: string;
+            };
+        };
+    };
+};

package/dist/lib/theme/overrides/Typography.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from '@mui/material/styles';
+export default function Typography(theme: Theme): {
+    MuiTypography: {
+        styleOverrides: {
+            paragraph: {
+                marginBottom: string;
+            };
+            gutterBottom: {
+                marginBottom: string;
+            };
+        };
+    };
+};

package/dist/lib/theme/overrides/index.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material/styles';
+export default function fnComponentsOverrides(theme: Theme): any;

package/dist/lib/theme/palette.d.ts

@@ -0,0 +1,323 @@
+export declare type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+export interface GradientsPaletteOptions {
+    primary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+}
+export interface ChartPaletteOptions {
+    violet: string[];
+    blue: string[];
+    green: string[];
+    yellow: string[];
+    red: string[];
+}
+export interface GridPaletteOptions {
+    sectionHeader: string;
+    rowHover: string;
+    divider: string;
+}
+declare module '@mui/material/styles/createPalette' {
+    interface TypeBackground {
+        neutral: string;
+        autofill: string;
+        header: string;
+    }
+    interface SimplePaletteColorOptions {
+        lighter?: string;
+        darker?: string;
+        LightSelected?: string;
+        LightSelectedHover?: string;
+        DarkSelected?: string;
+        DarkSelectedHover?: string;
+    }
+    interface PaletteColor {
+        lighter?: string;
+        darker?: string;
+        LightSelected?: string;
+        LightSelectedHover?: string;
+        DarkSelected?: string;
+        DarkSelectedHover?: string;
+    }
+    interface Palette {
+        gradients?: GradientsPaletteOptions;
+        chart: ChartPaletteOptions;
+        grid?: GridPaletteOptions;
+    }
+    interface PaletteOptions {
+        gradients?: GradientsPaletteOptions;
+        chart?: ChartPaletteOptions;
+        grid?: GridPaletteOptions;
+    }
+}
+declare module '@mui/material' {
+    interface Color {
+        0: string;
+        500_8: string;
+        500_12: string;
+        500_16: string;
+        500_24: string;
+        500_32: string;
+        500_48: string;
+        500_56: string;
+        500_80: string;
+    }
+}
+export declare const GREY: {
+    0: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    5008: string;
+    50012: string;
+    50016: string;
+    50024: string;
+    50032: string;
+    50048: string;
+    50056: string;
+    50080: string;
+};
+declare const palette: {
+    readonly light: {
+        readonly mode: "light";
+        readonly text: {
+            readonly primary: string;
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: "#fff";
+            readonly default: "#fff";
+            readonly neutral: string;
+            readonly autocomplete: string;
+            readonly header: "#F6F7F9";
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly grid: {
+            readonly sectionHeader: "#F6F7F9";
+            readonly divider: "#EDEFF2";
+            readonly rowHover: "#FAFBFC";
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+    readonly dark: {
+        readonly mode: "dark";
+        readonly text: {
+            readonly primary: "#fff";
+            readonly secondary: string;
+            readonly disabled: string;
+        };
+        readonly background: {
+            readonly paper: string;
+            readonly default: string;
+            readonly neutral: string;
+            readonly autocomplete: string;
+            readonly header: "#29313A";
+        };
+        readonly action: {
+            readonly hover: string;
+            readonly selected: string;
+            readonly disabled: string;
+            readonly disabledBackground: string;
+            readonly focus: string;
+            readonly hoverOpacity: number;
+            readonly disabledOpacity: number;
+            readonly active: string;
+        };
+        readonly grid: {
+            readonly sectionHeader: "#29313A";
+            readonly divider: "#3E464F";
+            readonly rowHover: "#1F262F";
+        };
+        readonly common: {
+            black: string;
+            white: string;
+        };
+        readonly primary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly secondary: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly info: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly success: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly warning: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly error: {
+            contrastText: string;
+            lighter: string;
+            light: string;
+            main: string;
+            dark: string;
+            darker: string;
+        };
+        readonly grey: {
+            0: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+            5008: string;
+            50012: string;
+            50016: string;
+            50024: string;
+            50032: string;
+            50048: string;
+            50056: string;
+            50080: string;
+        };
+        readonly gradients: {
+            primary: string;
+            info: string;
+            success: string;
+            warning: string;
+            error: string;
+        };
+        readonly chart: {
+            violet: string[];
+            blue: string[];
+            green: string[];
+            yellow: string[];
+            red: string[];
+        };
+        readonly divider: string;
+    };
+};
+export default palette;

package/dist/lib/theme/shadows.d.ts

@@ -0,0 +1,67 @@
+import { Shadows } from '@mui/material/styles/shadows';
+export interface CustomShadowOptions {
+    z1: string;
+    z8: string;
+    z12: string;
+    z16: string;
+    z20: string;
+    z24: string;
+    primary: string;
+    secondary: string;
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+    card: string;
+    dialog: string;
+    dropdown: string;
+}
+declare module '@mui/material/styles' {
+    interface Theme {
+        customShadows: CustomShadowOptions;
+    }
+    interface ThemeOptions {
+        customShadows?: CustomShadowOptions;
+    }
+}
+export declare const customShadows: {
+    light: {
+        z1: string;
+        z8: string;
+        z12: string;
+        z16: string;
+        z20: string;
+        z24: string;
+        primary: string;
+        info: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        error: string;
+        card: string;
+        dialog: string;
+        dropdown: string;
+    };
+    dark: {
+        z1: string;
+        z8: string;
+        z12: string;
+        z16: string;
+        z20: string;
+        z24: string;
+        primary: string;
+        info: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        error: string;
+        card: string;
+        dialog: string;
+        dropdown: string;
+    };
+};
+declare const shadows: {
+    light: Shadows;
+    dark: Shadows;
+};
+export default shadows;

package/dist/lib/theme/typography.d.ts

@@ -0,0 +1,133 @@
+declare const typography: {
+    readonly fontFamily: "Public Sans, sans-serif";
+    readonly fontWeightRegular: 400;
+    readonly fontWeightMedium: 600;
+    readonly fontWeightBold: 700;
+    readonly h1: {
+        readonly '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        readonly fontWeight: 700;
+        readonly lineHeight: number;
+        readonly fontSize: string;
+        readonly letterSpacing: 2;
+    };
+    readonly h2: {
+        readonly '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        readonly fontWeight: 700;
+        readonly lineHeight: number;
+        readonly fontSize: string;
+    };
+    readonly h3: {
+        readonly '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        readonly fontWeight: 700;
+        readonly lineHeight: 1.5;
+        readonly fontSize: string;
+    };
+    readonly h4: {
+        readonly '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        readonly fontWeight: 700;
+        readonly lineHeight: 1.5;
+        readonly fontSize: string;
+    };
+    readonly h5: {
+        readonly '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        readonly fontWeight: 700;
+        readonly lineHeight: 1.5;
+        readonly fontSize: string;
+    };
+    readonly h6: {
+        readonly '@media (min-width:600px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:900px)': {
+            fontSize: string;
+        };
+        readonly '@media (min-width:1200px)': {
+            fontSize: string;
+        };
+        readonly fontWeight: 700;
+        readonly lineHeight: number;
+        readonly fontSize: string;
+    };
+    readonly subtitle1: {
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.5;
+        readonly fontSize: string;
+    };
+    readonly subtitle2: {
+        readonly fontWeight: 600;
+        readonly lineHeight: 1.5;
+        readonly fontSize: string;
+    };
+    readonly body0: {
+        readonly lineHeight: 1.5;
+        readonly fontWeight: 400;
+        readonly fontSize: string;
+    };
+    readonly body1: {
+        readonly lineHeight: 1.5;
+        readonly fontWeight: 400;
+        readonly fontSize: string;
+    };
+    readonly body2: {
+        readonly lineHeight: 1.5;
+        readonly fontWeight: 400;
+        readonly fontSize: string;
+    };
+    readonly caption: {
+        readonly lineHeight: 1.5;
+        readonly fontSize: string;
+    };
+    readonly overline: {
+        readonly fontWeight: 700;
+        readonly lineHeight: 1.5;
+        readonly fontSize: string;
+        readonly textTransform: "uppercase";
+    };
+    readonly button: {
+        readonly fontWeight: 700;
+        readonly lineHeight: number;
+        readonly fontSize: string;
+        readonly textTransform: "capitalize";
+    };
+};
+export default typography;