@m4l/graphics 0.1.28 → 0.1.30

package/theme/palette.d.ts

@@ -1,323 +0,0 @@
-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;
-};
-export 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/theme/shadows.bf8dc290.js

@@ -1,61 +0,0 @@
-import { alpha as t } from "@mui/material/styles";
-import { p as a } from "./palette.2baf72f5.js";
-const i = a.light.grey[500], e = "#000000", r = (n) => {
-  const p = t(n, 0.2), x = t(n, 0.14), $ = t(n, 0.12);
-  return [
-    "none",
-    `0px 2px 1px -1px ${p},0px 1px 1px 0px ${x},0px 1px 3px 0px ${$}`,
-    `0px 3px 1px -2px ${p},0px 2px 2px 0px ${x},0px 1px 5px 0px ${$}`,
-    `0px 3px 3px -2px ${p},0px 3px 4px 0px ${x},0px 1px 8px 0px ${$}`,
-    `0px 2px 4px -1px ${p},0px 4px 5px 0px ${x},0px 1px 10px 0px ${$}`,
-    `0px 3px 5px -1px ${p},0px 5px 8px 0px ${x},0px 1px 14px 0px ${$}`,
-    `0px 3px 5px -1px ${p},0px 6px 10px 0px ${x},0px 1px 18px 0px ${$}`,
-    `0px 4px 5px -2px ${p},0px 7px 10px 1px ${x},0px 2px 16px 1px ${$}`,
-    `0px 5px 5px -3px ${p},0px 8px 10px 1px ${x},0px 3px 14px 2px ${$}`,
-    `0px 5px 6px -3px ${p},0px 9px 12px 1px ${x},0px 3px 16px 2px ${$}`,
-    `0px 6px 6px -3px ${p},0px 10px 14px 1px ${x},0px 4px 18px 3px ${$}`,
-    `0px 6px 7px -4px ${p},0px 11px 15px 1px ${x},0px 4px 20px 3px ${$}`,
-    `0px 7px 8px -4px ${p},0px 12px 17px 2px ${x},0px 5px 22px 4px ${$}`,
-    `0px 7px 8px -4px ${p},0px 13px 19px 2px ${x},0px 5px 24px 4px ${$}`,
-    `0px 7px 9px -4px ${p},0px 14px 21px 2px ${x},0px 5px 26px 4px ${$}`,
-    `0px 8px 9px -5px ${p},0px 15px 22px 2px ${x},0px 6px 28px 5px ${$}`,
-    `0px 8px 10px -5px ${p},0px 16px 24px 2px ${x},0px 6px 30px 5px ${$}`,
-    `0px 8px 11px -5px ${p},0px 17px 26px 2px ${x},0px 6px 32px 5px ${$}`,
-    `0px 9px 11px -5px ${p},0px 18px 28px 2px ${x},0px 7px 34px 6px ${$}`,
-    `0px 9px 12px -6px ${p},0px 19px 29px 2px ${x},0px 7px 36px 6px ${$}`,
-    `0px 10px 13px -6px ${p},0px 20px 31px 3px ${x},0px 8px 38px 7px ${$}`,
-    `0px 10px 13px -6px ${p},0px 21px 33px 3px ${x},0px 8px 40px 7px ${$}`,
-    `0px 10px 14px -6px ${p},0px 22px 35px 3px ${x},0px 8px 42px 7px ${$}`,
-    `0px 11px 14px -7px ${p},0px 23px 36px 3px ${x},0px 9px 44px 8px ${$}`,
-    `0px 11px 15px -7px ${p},0px 24px 38px 3px ${x},0px 9px 46px 8px ${$}`
-  ];
-}, s = (n) => {
-  const p = t(n, 0.16);
-  return {
-    z1: `0 1px 2px 0 ${p}`,
-    z8: `0 8px 16px 0 ${p}`,
-    z12: `0 12px 24px -4px ${p}`,
-    z16: `0 16px 32px -4px ${p}`,
-    z20: `0 20px 40px -4px ${p}`,
-    z24: `0 24px 48px 0 ${p}`,
-    primary: `0 8px 16px 0 ${t(a.light.primary.main, 0.24)}`,
-    info: `0 8px 16px 0 ${t(a.light.info.main, 0.24)}`,
-    secondary: `0 8px 16px 0 ${t(a.light.secondary.main, 0.24)}`,
-    success: `0 8px 16px 0 ${t(a.light.success.main, 0.24)}`,
-    warning: `0 8px 16px 0 ${t(a.light.warning.main, 0.24)}`,
-    error: `0 8px 16px 0 ${t(a.light.error.main, 0.24)}`,
-    card: `0 0 2px 0 ${t(n, 0.2)}, 0 12px 24px -4px ${t(n, 0.12)}`,
-    dialog: `-40px 40px 80px -8px ${t(a.light.common.black, 0.24)}`,
-    dropdown: `0 0 2px 0 ${t(n, 0.24)}, -20px 20px 40px -4px ${t(n, 0.24)}`
-  };
-}, m = {
-  light: s(i),
-  dark: s(e)
-}, h = {
-  light: r(i),
-  dark: r(e)
-};
-export {
-  m as c,
-  h as s
-};

package/theme/shadows.d.ts

@@ -1,67 +0,0 @@
-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;
-    };
-};
-export declare const shadows: {
-    light: Shadows;
-    dark: Shadows;
-};
-export default shadows;

package/theme/stretch.d.ts

@@ -1,9 +0,0 @@
-export {};
-declare module '@mui/material/styles' {
-    interface Theme {
-        stretch?: boolean;
-    }
-    interface ThemeOptions {
-        stretch?: boolean;
-    }
-}

package/theme/typography.63fff3ec.js

@@ -1,88 +0,0 @@
-import { p as t, r as e } from "../utils/index.7ab4fc54.js";
-const i = "Public Sans, sans-serif", o = {
-  fontFamily: i,
-  fontWeightRegular: 400,
-  fontWeightMedium: 600,
-  fontWeightBold: 700,
-  h1: {
-    fontWeight: 700,
-    lineHeight: 80 / 64,
-    fontSize: t(40),
-    letterSpacing: 2,
-    ...e({ sm: 52, md: 58, lg: 64 })
-  },
-  h2: {
-    fontWeight: 700,
-    lineHeight: 64 / 48,
-    fontSize: t(32),
-    ...e({ sm: 40, md: 44, lg: 48 })
-  },
-  h3: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: t(24),
-    ...e({ sm: 26, md: 30, lg: 32 })
-  },
-  h4: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: t(20),
-    ...e({ sm: 20, md: 24, lg: 24 })
-  },
-  h5: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: t(18),
-    ...e({ sm: 19, md: 20, lg: 20 })
-  },
-  h6: {
-    fontWeight: 700,
-    lineHeight: 28 / 18,
-    fontSize: t(17),
-    ...e({ sm: 18, md: 18, lg: 18 })
-  },
-  subtitle1: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: t(14)
-  },
-  subtitle2: {
-    fontWeight: 600,
-    lineHeight: 1.5,
-    fontSize: t(12)
-  },
-  body0: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: t(16)
-  },
-  body1: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: t(14)
-  },
-  body2: {
-    lineHeight: 1.5,
-    fontWeight: 400,
-    fontSize: t(12)
-  },
-  caption: {
-    lineHeight: 1.5,
-    fontSize: t(11)
-  },
-  overline: {
-    fontWeight: 700,
-    lineHeight: 1.5,
-    fontSize: t(12),
-    textTransform: "uppercase"
-  },
-  button: {
-    fontWeight: 700,
-    lineHeight: 24 / 14,
-    fontSize: t(14),
-    textTransform: "capitalize"
-  }
-};
-export {
-  o as t
-};

package/theme/typography.d.ts

@@ -1,132 +0,0 @@
-export 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";
-    };
-};

package/types/index.d.ts

@@ -1,7 +0,0 @@
-export interface SkeletonProps {
-    isSkeleton?: boolean;
-    width?: string | number;
-    height?: string | number;
-}
-export declare type ThemeColorPresets = 'default' | 'purple' | 'cyan' | 'blue' | 'orange' | 'red';
-export type { HostThemeType } from '../contexts/HostThemeContext/types';

package/utils/anchorEl.d.ts

@@ -1,13 +0,0 @@
-export declare type AnchorEl = HTMLElement | (() => HTMLElement);
-export interface AnchorOrigin {
-    vertical: 'top' | 'center' | 'bottom' | number;
-    horizontal: 'left' | 'center' | 'right' | number;
-}
-export interface AnchorPosition {
-    top: number;
-    left: number;
-}
-export declare const getAnchorElPositionWindow: (anchorElement: HTMLElement, newWindowRect: Pick<DOMRect, 'width' | 'height'>, anchorOrigin: AnchorOrigin, transformOrigin: AnchorOrigin, marginThreshold?: number) => {
-    top: number;
-    left: number;
-};