@bigmath-ui-library/core 2.0.5 → 2.0.7

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/theme/theme.js

@@ -0,0 +1,219 @@
+import { createTheme, } from "@mui/material";
+import { BMButton } from "./BMButton";
+import { BMCheckbox } from "./BMCheckbox";
+import { BMInput, BMInputLabel } from "./BMInput";
+import { BMRadio } from "./BMRadio";
+import { BMToggle } from "./BMToggle";
+import { BMTooltip } from "./BMTooltip";
+import { BMAutoComplete } from "./BMAutoComplete";
+import { BMFormHelperText } from "./BMFormHelperText";
+import { colors, themeVariables as variables } from "./variables";
+import { BMTab, BMTabs } from "./BMTabs";
+import { BMMaps } from "./BMMaps";
+import { BMButtonGroup } from "./BMButtonGroup";
+export const coreTheme = createTheme({
+    palette: {
+        primary: {
+            ...colors.primary,
+            main: colors.primary[600],
+        },
+        secondary: {
+            ...colors.secondary,
+            main: colors.secondary[600],
+        },
+        grey: {
+            ...colors.grey,
+        },
+        error: {
+            ...colors.error,
+            main: colors.error[500],
+        },
+        warning: {
+            ...colors.warning,
+            main: colors.warning[500],
+        },
+        success: {
+            ...colors.success,
+            main: colors.success[500],
+        },
+        info: {
+            ...colors.info,
+            main: colors.info[500],
+        },
+        common: {
+            ...colors.common,
+        },
+        background: {
+            ...colors.background,
+        },
+        text: {
+            primary: colors.grey[900],
+            secondary: colors.grey[600],
+            disabled: colors.grey[600],
+        },
+        action: {
+            hover: colors.primary[100],
+            selected: colors.primary[200],
+            disabledBackground: colors.grey[300],
+        },
+        divider: colors.grey[200],
+    },
+    shape: {
+        ...variables,
+    },
+    typography: {
+        fontSize: 13,
+        fontFamily: '"Inter", sans-serif',
+        allVariants: {
+            letterSpacing: 0,
+            lineHeight: 1.25,
+        },
+        h1: {
+            fontSize: 32,
+            fontWeight: 700,
+        },
+        h2: {
+            fontSize: 24,
+            fontWeight: 700,
+        },
+        h3: {
+            fontSize: 21,
+            fontWeight: 700,
+        },
+        h4: {
+            fontSize: 18,
+            fontWeight: 700,
+        },
+        h5: {
+            fontSize: 15,
+            fontWeight: 700,
+        },
+        body1: {
+            fontSize: 13,
+            fontWeight: 600,
+        },
+        body2: {
+            fontSize: 13,
+            fontWeight: 400,
+        },
+        subtitle1: {
+            fontSize: 11.5,
+            fontWeight: 400,
+        },
+        subtitle2: {
+            fontSize: 11.5,
+            fontWeight: 600,
+        },
+        button: {
+            fontSize: 11.5,
+            fontWeight: 500,
+            textTransform: "uppercase",
+        },
+        gradient: {
+            background: "linear-gradient(282.49deg, #ed35c5 0.48%, #7879f1 93.17%)",
+        },
+    },
+    components: {
+        MuiButton: BMButton,
+        MuiInput: BMInput,
+        MuiInputLabel: BMInputLabel,
+        MuiFormHelperText: BMFormHelperText,
+        MuiCheckbox: BMCheckbox,
+        MuiSwitch: BMToggle,
+        MuiRadio: BMRadio,
+        MuiTooltip: BMTooltip,
+        MuiAutocomplete: BMAutoComplete,
+        MuiButtonGroup: BMButtonGroup,
+        //Move to seperate file once this component override gets big
+        MuiSelect: {
+            styleOverrides: {
+                select: {
+                    display: "flex",
+                    alignItems: "center",
+                    "&&": {
+                        paddingRight: 28,
+                    },
+                    "&:focus": {
+                        backgroundColor: "inherit",
+                    },
+                    "&$disabled": {
+                        cursor: "not-allowed",
+                    },
+                },
+                icon: {
+                    position: "initial",
+                    margin: "8px",
+                },
+            },
+        },
+        MuiMenu: {
+            styleOverrides: {
+                paper: {
+                    boxShadow: variables.shadowThick,
+                },
+            },
+        },
+        MuiMenuItem: {
+            styleOverrides: {
+                root: {
+                    height: 32,
+                    fontSize: 13,
+                    fontWeight: 400,
+                    color: colors.grey[900],
+                    "&$disabled": {
+                        cursor: "not-allowed",
+                    },
+                    "&:focus": {
+                        backgroundColor: colors.primary[100],
+                    },
+                    "&[aria-selected=true]": {
+                        backgroundColor: colors.primary[200],
+                    },
+                },
+            },
+        },
+        MuiListItem: {
+            styleOverrides: {
+                root: {
+                    "&$selected": {
+                        backgroundColor: colors.primary[200],
+                    },
+                    "&.Mui-focusVisible": {
+                        backgroundColor: "unset",
+                    },
+                },
+                button: {
+                    "&:hover": {
+                        backgroundColor: colors.primary[100],
+                    },
+                    "&$selected": {
+                        backgroundColor: colors.primary[200],
+                    },
+                    "&:focus": {
+                        backgroundColor: colors.primary[100],
+                    },
+                },
+            },
+        },
+        MuiTabs: BMTabs,
+        MuiTab: BMTab,
+        MuiPopover: {
+            styleOverrides: {
+                paper: {
+                    marginTop: 1,
+                    fontSize: 13,
+                    lineHeight: "32px",
+                    borderWidth: 1,
+                    borderColor: colors.grey[300],
+                    borderStyle: "solid",
+                    borderRadius: variables.borderRadius,
+                    boxShadow: "none",
+                },
+            },
+        },
+        MuiPaper: {
+            defaultProps: { elevation: 0 },
+        },
+        BMMaps: BMMaps,
+    },
+});

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/theme/variables.d.ts

@@ -0,0 +1,61 @@
+import type { CommonColors, PaletteColor, TypeBackground } from "@mui/material/styles/createPalette";
+export declare const colors: {
+    primary: PaletteColor;
+    secondary: PaletteColor;
+    grey: PaletteColor;
+    red: PaletteColor;
+    yellow: PaletteColor;
+    green: PaletteColor;
+    purple: PaletteColor;
+    error: PaletteColor;
+    warning: PaletteColor;
+    success: PaletteColor;
+    info: PaletteColor;
+    background: TypeBackground;
+    common: CommonColors;
+    chartStroke: {
+        cat1: string;
+        cat2: string;
+        cat3: string;
+        cat4: string;
+        cat5: string;
+        cat6: string;
+        cat7: string;
+        cat8: string;
+        cat9: string;
+        cat10: string;
+        cat11: string;
+        cat12: string;
+        cat13: string;
+    };
+    chartFill: {
+        area1: string;
+        area2: string;
+        area3: string;
+        area4: string;
+        area5: string;
+        area6: string;
+        area7: string;
+        area8: string;
+        area9: string;
+        area10: string;
+        bar1: string;
+        bar2: string;
+    };
+    marketing: {
+        indigo: string;
+        orange: string;
+    };
+};
+export declare const themeVariables: {
+    screenMinWidth: number;
+    screenMinHeight: number;
+    sidebarWidthMin: number;
+    sidebarWidthMax: number;
+    footerHeight: number;
+    toolbarHeight: number;
+    inputHeight: number;
+    borderRadius: number;
+    shadowLight: string;
+    shadowThick: string;
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/src/theme/variables.js

@@ -0,0 +1,144 @@
+export const colors = {
+    primary: {
+        100: "#F2F6FF",
+        200: "#E5EDFF",
+        300: "#CBDBFF",
+        400: "#8DABF0",
+        500: "#507CE1",
+        600: "#2B59C3",
+        700: "#1A44A5",
+        800: "#0A2972",
+        900: "#031541",
+    },
+    secondary: {
+        100: "#F1F1F7",
+        200: "#E9E9F2",
+        300: "#CAC9DF",
+        400: "#AAAAD0",
+        500: "#7B7BB8",
+        600: "#4F4FA4",
+        700: "#30307F",
+        800: "#171755",
+        900: "#000041",
+    },
+    grey: {
+        50: "#F7F9FB",
+        100: "#F0F4F7",
+        200: "#E9EEF2",
+        300: "#D7DEE4", // sometimes refered as #D7DDE1 in designs
+        400: "#B7C3CB",
+        500: "#97A5B0",
+        600: "#6D7C88",
+        700: "#4E5F6D",
+        800: "#25323D",
+        900: "#0B1117",
+    },
+    red: {
+        50: "#FEEDED",
+    },
+    yellow: {
+        50: "#FFF6E3",
+    },
+    green: {
+        50: "#F0FAF6",
+    },
+    purple: {
+        50: "#F2F3FE",
+        100: "#E8E9FE",
+    },
+    error: {
+        100: "#FDE2E2",
+        200: "#FDDCDC",
+        300: "#F9ACAC",
+        500: "#DA1515",
+        700: "#8F0000",
+        900: "#590000",
+    },
+    warning: {
+        100: "#FFEEC8",
+        300: "#FFD383",
+        500: "#FFA400",
+        700: "#C88900",
+        900: "#9D6C00",
+    },
+    success: {
+        100: "#CDEFE1",
+        300: "#82D2B0",
+        500: "#13A868",
+        700: "#097345",
+        900: "#024126",
+    },
+    info: {
+        100: "#D7EFF4",
+        200: "#DFF5FF",
+        300: "#9EE7F5",
+        400: "#F8FBFC",
+        500: "#45C8E2",
+        700: "#00819B",
+        900: "#003E4B",
+    },
+    background: {
+        default: "#F7FAFC",
+        paper: "#FFFFFF",
+        grey005: "#FBFCFD",
+    },
+    // non-semantic common colors for things like charts, progress bars, etc
+    common: {
+        black: "#000000",
+        white: "#FFFFFF",
+        blue: "#36B8F5",
+        magenta: "#D74FEE",
+        purple: "#A5A6F6",
+        purpleDark: "#5D5FEF",
+        cyan: "#43BFC2",
+        orange: "#FF6E42",
+        yellow: "#FFFAC8",
+        indigo: "#5E60F0",
+    },
+    chartStroke: {
+        cat1: "#30307F",
+        cat2: "#36B8F5",
+        cat3: "#BB43BC",
+        cat4: "#43BFC2",
+        cat5: "#90948E",
+        cat6: "#1C7180",
+        cat7: "#EEA95F",
+        cat8: "#3590D9",
+        cat9: "#F0679E",
+        cat10: "#707B8E",
+        cat11: "#20A7C9",
+        cat12: "#FF6142",
+        cat13: "#1C1CE7",
+    },
+    chartFill: {
+        area1: "#EAEAF2",
+        area2: "#EBF8FE",
+        area3: "#F8ECF8",
+        area4: "#ECF8F9",
+        area5: "#F4F4F3",
+        area6: "#E8F1F2",
+        area7: "#FDF6EF",
+        area8: "#EBF4FB",
+        area9: "#FDF0F5",
+        area10: "#F0F2F3",
+        // Bar chart properties
+        bar1: "#0098F0",
+        bar2: "#262666",
+    },
+    marketing: {
+        indigo: "#1E154B",
+        orange: "#FF5F3B",
+    },
+};
+export const themeVariables = {
+    screenMinWidth: 1024,
+    screenMinHeight: 600,
+    sidebarWidthMin: 62,
+    sidebarWidthMax: 232,
+    footerHeight: 40,
+    toolbarHeight: 55,
+    inputHeight: 32,
+    borderRadius: 8,
+    shadowLight: "0 0 4px 0 rgba(0,0,0,0.1)",
+    shadowThick: "0 0 8px 0 rgba(0,0,0,0.1)",
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/theme/BMAutoComplete.d.ts

@@ -0,0 +1,8 @@
+import type { Components } from "@mui/material";
+declare module "@mui/material/Autocomplete" {
+    interface AutocompletePropsSizeOverrides {
+        large: true;
+    }
+}
+export declare const BMAutoComplete: Components["MuiAutocomplete"];
+//# sourceMappingURL=BMAutoComplete.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/theme/BMAutoComplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMAutoComplete.d.ts","sourceRoot":"","sources":["../../src/theme/BMAutoComplete.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,OAAO,QAAQ,4BAA4B,CAAC;IAC1C,UAAU,8BAA8B;QACtC,KAAK,EAAE,IAAI,CAAC;KACb;CACF;AAED,eAAO,MAAM,cAAc,EAAE,UAAU,CAAC,iBAAiB,CA8IxD,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/theme/BMAutoComplete.js

@@ -0,0 +1,144 @@
+import { colors, themeVariables as variables } from "./variables";
+export const BMAutoComplete = {
+    defaultProps: {},
+    styleOverrides: {
+        popupIndicator: {
+            marginRight: 0,
+            "&:hover": {
+                backgroundColor: "transparent",
+            },
+        },
+        inputRoot: {
+            overflow: "hidden",
+            padding: "0px",
+            height: variables.inputHeight,
+            color: colors.grey[900],
+            backgroundColor: colors.background.paper,
+            borderRadius: variables.borderRadius,
+            border: `1px solid ${colors.grey[300]}`,
+            "&:hover": {
+                borderColor: `${colors.primary[300]}!important`,
+                "&$disabled": {
+                    borderColor: `${colors.grey[300]}!important`,
+                    cursor: "not-allowed",
+                },
+            },
+            "&$focused": {
+                borderColor: `${colors.primary[300]}!important`,
+                boxShadow: `0 0 0 2px ${colors.primary[200]}`,
+            },
+            "&$error": {
+                color: colors.error[500],
+                backgroundColor: colors.error[100],
+                borderColor: colors.error[500],
+                "&:hover": {
+                    borderColor: colors.error[500],
+                },
+                "&$focused": {
+                    boxShadow: `0 0 0 2px ${colors.error[100]}`,
+                },
+                "&$disabled": {
+                    backgroundColor: colors.grey[200],
+                    borderColor: colors.grey[300],
+                    boxShadow: "none",
+                    cursor: "not-allowed",
+                },
+            },
+            "&$disabled": {
+                color: `${colors.grey[600]}!important`,
+                backgroundColor: colors.grey[200],
+                borderColor: `${colors.grey[300]}!important`,
+                "&:hover": {
+                    backgroundColor: colors.grey[200],
+                    borderColor: `${colors.grey[300]}!important`,
+                    boxShadow: "none",
+                    cursor: "not-allowed",
+                },
+            },
+            "&$multiline": {
+                height: "auto",
+                padding: 0,
+            },
+            variants: [
+                {
+                    props: { size: "large" },
+                    style: {
+                        height: 40,
+                    },
+                },
+            ],
+        },
+        input: {
+            border: 0,
+            boxShadow: "none",
+            "&::placeholder": {
+                opacity: 1,
+                color: colors.grey[600],
+            },
+            "&:focus": {
+                outline: "none",
+            },
+            marginLeft: 2,
+        },
+        tag: {
+            backgroundColor: colors.primary[200],
+            borderRadius: 6,
+            "&:hover": {
+                backgroundColor: colors.primary[100],
+            },
+            "& .MuiChip-deleteIcon": {
+                width: 16,
+                height: 16,
+            },
+            fontSize: 11.5,
+            lineHeight: 16,
+            fontWeight: 400,
+            height: 24,
+            margin: "0 4px 0 0",
+            border: 0,
+        },
+        option: {
+            fontSize: 13,
+            fontWeight: 400,
+            fontFamily: '"Inter", sans-serif',
+            paddingTop: 6,
+            paddingBottom: 6,
+            height: 32,
+            minHeight: 32,
+            lineHeight: 1.25,
+            "&:focus": {
+                backgroundColor: colors.primary[100],
+            },
+            "&[aria-selected=true]": {
+                backgroundColor: colors.primary[200],
+            },
+            paddingLeft: "16px !important",
+            "&[aria-disabled=true]": {
+                pointerEvents: "inherit",
+                cursor: "not-allowed",
+            },
+            "&[aria-disabled=true]:active": {
+                pointerEvents: "none",
+                cursor: "not-allowed",
+            },
+            "&.Mui-focusVisible": {
+                backgroundColor: "unset",
+            },
+        },
+        groupLabel: {
+            fontSize: 13,
+            fontWeight: 400,
+            paddingTop: 6,
+            paddingBottom: 6,
+            minHeight: 32,
+            lineHeight: 1.25,
+            paddingLeft: "16px !important",
+        },
+        listbox: {
+            boxShadow: "none",
+            border: `1px solid ${colors.grey[300]}`,
+            borderRadius: variables.borderRadius,
+            lineHeight: "32px",
+        },
+    },
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/theme/BMAvatar.d.ts

@@ -0,0 +1,6 @@
+export declare const BMAvatarSizeMap: {
+    small: number;
+    medium: number;
+    large: number;
+};
+//# sourceMappingURL=BMAvatar.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/theme/BMAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMAvatar.d.ts","sourceRoot":"","sources":["../../src/theme/BMAvatar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;CAI3B,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/theme/BMAvatar.js

@@ -0,0 +1,5 @@
+export const BMAvatarSizeMap = {
+    small: 24,
+    medium: 32,
+    large: 56,
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/theme/BMButton.d.ts

@@ -0,0 +1,16 @@
+import type { Components } from "@mui/material";
+declare module "@mui/material/Button" {
+    interface ButtonPropsVariantOverrides {
+        primary: true;
+        secondary: true;
+        ghost: true;
+        gradient: true;
+    }
+    interface ButtonPropsSizeOverrides {
+        small: true;
+        large: true;
+        medium: true;
+    }
+}
+export declare const BMButton: Components["MuiButton"];
+//# sourceMappingURL=BMButton.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/theme/BMButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMButton.d.ts","sourceRoot":"","sources":["../../src/theme/BMButton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,2BAA2B;QACnC,OAAO,EAAE,IAAI,CAAC;QACd,SAAS,EAAE,IAAI,CAAC;QAChB,KAAK,EAAE,IAAI,CAAC;QACZ,QAAQ,EAAE,IAAI,CAAC;KAChB;IACD,UAAU,wBAAwB;QAChC,KAAK,EAAE,IAAI,CAAC;QACZ,KAAK,EAAE,IAAI,CAAC;QACZ,MAAM,EAAE,IAAI,CAAC;KACd;CACF;AACD,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC,WAAW,CAqH5C,CAAC"}