@m4l/styles 2.0.3 → 3.0.0

package/theme/palette.287635f2.js

@@ -1,438 +0,0 @@
-import { alpha as r } from "@mui/material/styles";
-function a(s, d) {
-  return `linear-gradient(to bottom, ${s}, ${d})`;
-}
-const e = {
-  patronusBlue: {
-    10: "#DBE9FF",
-    20: "#B6D3FF",
-    30: "#6DA8FF",
-    40: "#3787FF",
-    50: "#0064FF",
-    60: "#0050C8",
-    70: "#003A92",
-    80: "#00245B",
-    90: "#000F24"
-  },
-  crayonBlue: {
-    10: "#D9E9FF",
-    20: "#88B7FC",
-    30: "#6AA4F9",
-    40: "#5494F3",
-    50: "#2774E6",
-    60: "#2367CC",
-    70: "#1F5AB3",
-    80: "#1A4D99",
-    90: "#113366"
-  },
-  middleYellow: {
-    10: "#FFFBCE",
-    20: "#FFF79C",
-    30: "#FFF46B",
-    40: "#FFF039",
-    50: "#FFEC08",
-    60: "#E5D400",
-    70: "#9E9200",
-    80: "#696100",
-    90: "#353100"
-  },
-  acidGreen: {
-    10: "#CDFFC2",
-    20: "#A8FF97",
-    30: "#83FF6B",
-    40: "#5EFF40",
-    50: "#39FF14",
-    60: "#47CC2D",
-    70: "#1F9009",
-    80: "#176E05",
-    90: "#0B3D00"
-  },
-  grassGreen: {
-    10: "#E3F4EB",
-    20: "#AADEC2",
-    30: "#7BCCA1",
-    40: "#3FA26D",
-    50: "#00804C",
-    60: "#005B37",
-    70: "#004026",
-    80: "#002416",
-    90: "#00120B"
-  },
-  desertBeige: {
-    10: "#F6EBE2",
-    20: "#EDD7C5",
-    30: "#E7CAB1",
-    40: "#DDB490",
-    50: "#D4A276",
-    60: "#BD8F68",
-    70: "#AD794C",
-    80: "#90653F",
-    90: "#735133"
-  },
-  turquiBlue: {
-    10: "#C8E1EC",
-    20: "#A3CDDF",
-    30: "#76A5BA",
-    40: "#377F9D",
-    50: "#2A6077",
-    60: "#214C5F",
-    70: "#1B3F4E",
-    80: "#15313C",
-    90: "#0F232B"
-  },
-  blazeOrange: {
-    10: "#F9E9D0",
-    20: "#F4D3A1",
-    30: "#F2BD6D",
-    40: "#EBAE53",
-    50: "#E59722",
-    60: "#BA7916",
-    70: "#925F11",
-    80: "#774D0E",
-    90: "#735133"
-  },
-  flameRed: {
-    10: "#FFD8D8",
-    20: "#F59292",
-    30: "#F66A6A",
-    40: "#F15B50",
-    50: "#F71919",
-    60: "#D31616",
-    70: "#AF1212",
-    80: "#8A0F0F",
-    90: "#660C0C"
-  },
-  coolGrey: {
-    10: "#BAC6CC",
-    20: "#A7B4B9",
-    30: "#94A1A6",
-    40: "#818F93",
-    50: "#6E7C80",
-    60: "#5C6A6C",
-    70: "#495859",
-    80: "#364546",
-    90: "#233333"
-  },
-  brown: {
-    10: "#DFC9BD",
-    20: "#C59D88",
-    30: "#B8886E",
-    40: "#B17D61",
-    50: "#9E694D",
-    60: "#875A42",
-    70: "#7C533D",
-    80: "#704B37",
-    90: "#654432"
-  },
-  marbleLight: {
-    10: "#FFFFFF",
-    20: "#F9FAFA",
-    30: "#F4F5F5",
-    40: "#F0F4F4",
-    50: "#E6E8EA",
-    60: "#E1E9EA",
-    70: "#E2E7E9",
-    80: "#fff0",
-    90: "#fff0"
-  },
-  onyx: {
-    10: "#364040",
-    20: "#323B3B",
-    30: "#2A3232",
-    40: "#252C2C",
-    50: "#212727",
-    60: "#1C2121",
-    70: "#090A0A",
-    80: "#fff0",
-    90: "#fff0"
-  },
-  mint: {
-    10: "#9BB4CA",
-    20: "#A1BDD9",
-    30: "#A6C5E2",
-    40: "#BCD6F0",
-    50: "#C8E1F9",
-    60: "#BFDBF8",
-    70: "#C3DEFE",
-    80: "#DFE7F2",
-    90: "#F1F2F4"
-  },
-  oxford: {
-    10: "#F7F8F9",
-    20: "#DCDFE4",
-    30: "#B3B9C4",
-    40: "#8590A2",
-    50: "#758195",
-    60: "#626F86",
-    70: "#44546F",
-    80: "#2C3E5D",
-    90: "#091E42"
-  }
-}, B = {
-  patronus: {
-    4: r(e.patronusBlue[50], 0.08),
-    12: r(e.patronusBlue[50], 0.12),
-    24: r(e.patronusBlue[50], 0.16),
-    36: r(e.patronusBlue[50], 0.32),
-    48: r(e.patronusBlue[50], 0.48),
-    60: r(e.patronusBlue[50], 0.6),
-    72: r(e.patronusBlue[50], 0.72)
-  },
-  turqui: {
-    4: r(e.turquiBlue[50], 0.08),
-    12: r(e.turquiBlue[50], 0.12),
-    24: r(e.turquiBlue[50], 0.16),
-    36: r(e.turquiBlue[50], 0.32),
-    48: r(e.turquiBlue[50], 0.48),
-    60: r(e.turquiBlue[50], 0.6),
-    72: r(e.turquiBlue[50], 0.72)
-  },
-  grass: {
-    4: r(e.grassGreen[50], 0.08),
-    12: r(e.grassGreen[50], 0.12),
-    24: r(e.grassGreen[50], 0.16),
-    36: r(e.grassGreen[50], 0.32),
-    48: r(e.grassGreen[50], 0.48),
-    60: r(e.grassGreen[50], 0.6),
-    72: r(e.grassGreen[50], 0.72)
-  },
-  brown: {
-    4: r(e.brown[50], 0.08),
-    12: r(e.brown[50], 0.12),
-    24: r(e.brown[50], 0.16),
-    36: r(e.brown[50], 0.32),
-    48: r(e.brown[50], 0.48),
-    60: r(e.brown[50], 0.6),
-    72: r(e.brown[50], 0.72)
-  },
-  beige: {
-    4: r(e.desertBeige[50], 0.08),
-    12: r(e.desertBeige[50], 0.12),
-    24: r(e.desertBeige[50], 0.16),
-    36: r(e.desertBeige[50], 0.32),
-    48: r(e.desertBeige[50], 0.48),
-    60: r(e.desertBeige[50], 0.6),
-    72: r(e.desertBeige[50], 0.72)
-  },
-  orange: {
-    4: r(e.blazeOrange[50], 0.08),
-    12: r(e.blazeOrange[50], 0.12),
-    24: r(e.blazeOrange[50], 0.16),
-    36: r(e.blazeOrange[50], 0.32),
-    48: r(e.blazeOrange[50], 0.48),
-    60: r(e.blazeOrange[50], 0.6),
-    72: r(e.blazeOrange[50], 0.72)
-  },
-  cool: {
-    4: r(e.coolGrey[70], 0.08),
-    12: r(e.coolGrey[70], 0.12),
-    24: r(e.coolGrey[70], 0.16),
-    36: r(e.coolGrey[70], 0.32),
-    48: r(e.coolGrey[70], 0.48),
-    60: r(e.coolGrey[70], 0.6),
-    72: r(e.coolGrey[70], 0.72)
-  },
-  marbel: {
-    4: r(e.marbleLight[30], 0.08),
-    12: r(e.marbleLight[30], 0.12),
-    24: r(e.marbleLight[30], 0.16),
-    36: r(e.marbleLight[30], 0.32),
-    48: r(e.marbleLight[30], 0.48),
-    60: r(e.marbleLight[30], 0.55),
-    72: r(e.marbleLight[30], 0.72)
-  },
-  mint: {
-    4: r(e.mint[40], 0.04),
-    12: r(e.mint[20], 0.08),
-    24: r(e.mint[50], 0.1),
-    36: r(e.mint[30], 0.14),
-    48: r(e.mint[70], 0.18),
-    60: r(e.mint[60], 0.28),
-    72: r(e.mint[10], 0.5)
-  },
-  oxford: {
-    4: r(e.oxford[90], 0.32),
-    12: r(e.oxford[90], 0.04),
-    24: r(e.oxford[90], 0.16),
-    36: r(e.oxford[90], 0.31),
-    48: r(e.oxford[90], 0.49),
-    60: r(e.oxford[90], 0.1)
-  }
-}, o = {
-  lighter: e.patronusBlue[60],
-  light: e.patronusBlue[40],
-  main: e.patronusBlue[50],
-  dark: e.patronusBlue[30],
-  darker: e.patronusBlue[10],
-  contrastText: e.marbleLight[10]
-}, A = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: "#fff0",
-  dark: "#fff0",
-  darker: "#fff0"
-}, n = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: e.crayonBlue[50],
-  dark: "#fff0",
-  darker: "#fff0",
-  opacity: r(e.crayonBlue[50], 0.08)
-}, t = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: e.acidGreen[60],
-  dark: "#fff0",
-  darker: "#fff0",
-  opacity: r(e.acidGreen[60], 0.08)
-}, l = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: e.middleYellow[60],
-  dark: "#fff0",
-  darker: "#fff0",
-  opacity: r(e.middleYellow[60], 0.08)
-}, i = {
-  lighter: "#fff0",
-  light: "#fff0",
-  main: e.flameRed[40],
-  dark: "#fff0",
-  darker: "#fff0",
-  opacity: r(e.flameRed[40], 0.08)
-}, F = {
-  0: "#FFFFFF",
-  100: "#F9FAFB",
-  200: "#F4F6F8",
-  300: "#DFE3E8",
-  400: "#C4CDD5",
-  500: "#919EAB",
-  600: "#637381",
-  700: "#454F5B",
-  800: "#212B36",
-  900: "#161C24",
-  5008: r("#919EAB", 0.08),
-  50012: r("#919EAB", 0.12),
-  50016: r("#919EAB", 0.16),
-  50024: r("#919EAB", 0.24),
-  50032: r("#919EAB", 0.32),
-  50048: r("#919EAB", 0.48),
-  50056: r("#919EAB", 0.56),
-  50080: r("#919EAB", 0.8),
-  50: "",
-  A100: "",
-  A200: "",
-  A400: "",
-  A700: ""
-}, C = {
-  primary: a(o.light, o.main),
-  info: a(n.light, n.main),
-  success: a(t.light, t.main),
-  warning: a(l.light, l.main),
-  error: a(i.light, i.main)
-}, E = {
-  violet: ["#826AF9", "#9E86FF", "#D0AEFF", "#F7D2FF"],
-  blue: ["#2D99FF", "#83CFFF", "#A5F3FF", "#CCFAFF"],
-  green: ["#2CD9C5", "#60F1C8", "#A4F7CC", "#C0F2DC"],
-  yellow: ["#FFE700", "#FFEF5A", "#FFF7AE", "#FFF3D6"],
-  red: ["#FF6C40", "#FF8F6D", "#FFBD98", "#FFF2D4"]
-}, c = {
-  normal: e.crayonBlue[50],
-  hover: e.crayonBlue[70]
-}, g = {
-  normal: e.acidGreen[60],
-  hover: e.acidGreen[70]
-}, u = {
-  normal: e.flameRed[40],
-  hover: e.flameRed[60]
-}, m = {
-  normal: e.middleYellow[60],
-  hover: e.middleYellow[70]
-}, D = {
-  default: r(e.coolGrey[50], 0.24),
-  transition: r(e.coolGrey[50], 0.08)
-}, h = {
-  info: { ...c },
-  success: { ...g },
-  error: { ...u },
-  warning: { ...m },
-  skeleton: { ...D }
-}, f = {
-  common: { black: "#000", white: "#fff" },
-  primary: { ...o },
-  state: {
-    ...h
-  },
-  patronus: { ...e },
-  opacity: { ...B },
-  secondary: { ...A, contrastText: "#fff" },
-  info: { ...n, contrastText: "#fff" },
-  success: { ...t, contrastText: F[800] },
-  warning: { ...l, contrastText: F[800] },
-  error: { ...i, contrastText: "#fff" },
-  grey: F,
-  gradients: C,
-  chart: E
-}, y = {
-  light: {
-    ...f,
-    mode: "light",
-    text: {
-      primary: e.onyx[10],
-      secondary: e.coolGrey[60],
-      disabled: e.oxford[30],
-      bgPrimary: e.marbleLight[30],
-      primaryChannel: "",
-      secondaryChannel: ""
-    },
-    background: {
-      defaultChannel: e.marbleLight[10],
-      paperChannel: "#fff0",
-      paper: "#fff0",
-      default: e.marbleLight[10],
-      neutral: e.marbleLight[30],
-      background: e.marbleLight[60],
-      header: e.marbleLight[20],
-      autofill: ""
-    },
-    divider: e.coolGrey[20],
-    grid: { sectionHeader: "#F6F7F9", divider: "#EDEFF2", rowHover: "#FAFBFC" }
-  },
-  dark: {
-    ...f,
-    mode: "dark",
-    text: {
-      primary: e.marbleLight[30],
-      secondary: e.coolGrey[10],
-      disabled: e.coolGrey[50],
-      bgPrimary: e.marbleLight[30],
-      primaryChannel: "",
-      secondaryChannel: ""
-    },
-    background: {
-      paper: "#fff0",
-      default: e.onyx[40],
-      neutral: e.onyx[50],
-      background: e.onyx[60],
-      header: e.onyx[30],
-      autofill: e.onyx[40],
-      defaultChannel: "",
-      paperChannel: ""
-    },
-    divider: e.coolGrey[80],
-    grid: { sectionHeader: "#29313A", divider: "#3E464F", rowHover: "#1F262F" }
-  }
-};
-export {
-  f as C,
-  i as E,
-  F as G,
-  n as I,
-  B as O,
-  e as P,
-  h as S,
-  l as W,
-  o as a,
-  A as b,
-  t as c,
-  y as p
-};

package/theme/palette.d.ts

@@ -1,231 +0,0 @@
-import { Color } from '@mui/material';
-export declare type ColorSchema = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
-export declare type PatronusColors = 'patronusBlue' | 'crayonBlue' | 'middleYellow' | 'acidGreen' | 'grassGreen' | 'desertBeige' | 'turquiBlue' | 'blazeOrange' | 'flameRed' | 'coolGrey' | 'brown' | 'marbleLight' | 'onyx' | 'mint' | 'oxford';
-export declare type PatronusOpacityColors = 'patronus' | 'turqui' | 'grass' | 'brown' | 'beige' | 'orange' | 'cool' | 'marbel' | 'mint' | 'oxford';
-export interface PatronusColorOptions {
-    10: string;
-    20: string;
-    30: string;
-    40: string;
-    50: string;
-    60: string;
-    70: string;
-    80: string;
-    90: string;
-}
-export interface PatronusOpacityOptions {
-    4: string;
-    12: string;
-    24: string;
-    36: string;
-    48: string;
-    60?: string;
-    72?: string;
-}
-export declare type PatronusConstantColors = Record<PatronusColors, PatronusColorOptions>;
-export declare const PATRONUSCOLORS: PatronusConstantColors;
-export declare const OPACITYCOLORS: Record<PatronusOpacityColors, PatronusOpacityOptions>;
-export declare const PRIMARY: {
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    contrastText: string;
-};
-export declare const SECONDARY: {
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-};
-export declare const INFO: {
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    opacity: string;
-};
-export declare const SUCCESS: {
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    opacity: string;
-};
-export declare const WARNING: {
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    opacity: string;
-};
-export declare const ERROR: {
-    lighter: string;
-    light: string;
-    main: string;
-    dark: string;
-    darker: string;
-    opacity: string;
-};
-export declare const GREY: Color;
-export interface StateDefault {
-    normal: string;
-    hover: string;
-}
-export interface StateSkeleton {
-    default: string;
-    transition: string;
-}
-export declare const STATEDEFAULT: {
-    info: {
-        normal: string;
-        hover: string;
-    };
-    success: {
-        normal: string;
-        hover: string;
-    };
-    error: {
-        normal: string;
-        hover: string;
-    };
-    warning: {
-        normal: string;
-        hover: string;
-    };
-    skeleton: {
-        default: string;
-        transition: string;
-    };
-};
-export declare const COMMON: {
-    common: {
-        black: string;
-        white: string;
-    };
-    primary: {
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        contrastText: string;
-    };
-    state: {
-        info: {
-            normal: string;
-            hover: string;
-        };
-        success: {
-            normal: string;
-            hover: string;
-        };
-        error: {
-            normal: string;
-            hover: string;
-        };
-        warning: {
-            normal: string;
-            hover: string;
-        };
-        skeleton: {
-            default: string;
-            transition: string;
-        };
-    };
-    patronus: {
-        brown: PatronusColorOptions;
-        patronusBlue: PatronusColorOptions;
-        crayonBlue: PatronusColorOptions;
-        middleYellow: PatronusColorOptions;
-        acidGreen: PatronusColorOptions;
-        grassGreen: PatronusColorOptions;
-        desertBeige: PatronusColorOptions;
-        turquiBlue: PatronusColorOptions;
-        blazeOrange: PatronusColorOptions;
-        flameRed: PatronusColorOptions;
-        coolGrey: PatronusColorOptions;
-        marbleLight: PatronusColorOptions;
-        onyx: PatronusColorOptions;
-        mint: PatronusColorOptions;
-        oxford: PatronusColorOptions;
-    };
-    opacity: {
-        patronus: PatronusOpacityOptions;
-        turqui: PatronusOpacityOptions;
-        grass: PatronusOpacityOptions;
-        brown: PatronusOpacityOptions;
-        mint: PatronusOpacityOptions;
-        oxford: PatronusOpacityOptions;
-        beige: PatronusOpacityOptions;
-        orange: PatronusOpacityOptions;
-        cool: PatronusOpacityOptions;
-        marbel: PatronusOpacityOptions;
-    };
-    secondary: {
-        contrastText: string;
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-    };
-    info: {
-        contrastText: string;
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        opacity: string;
-    };
-    success: {
-        contrastText: string;
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        opacity: string;
-    };
-    warning: {
-        contrastText: string;
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        opacity: string;
-    };
-    error: {
-        contrastText: string;
-        lighter: string;
-        light: string;
-        main: string;
-        dark: string;
-        darker: string;
-        opacity: string;
-    };
-    grey: Color;
-    gradients: {
-        primary: string;
-        info: string;
-        success: string;
-        warning: string;
-        error: string;
-    };
-    chart: {
-        violet: string[];
-        blue: string[];
-        green: string[];
-        yellow: string[];
-        red: string[];
-    };
-};
-export declare const palette: any;
-export default palette;