@m4l/styles 0.0.15 → 0.0.17

package/theme/overrides/M4LRHFComponents/index.5f690e33.js

@@ -1,350 +0,0 @@
-import { alpha as o } from "@mui/system";
-import { alpha as e } from "@mui/material/styles";
-const r = (t) => ({
-  M4LRHFTextFieldPassword: {
-    styleOverrides: {
-      "&.M4LRHFTextFieldPassword-root": {
-        width: "100%"
-      }
-    }
-  }
-}), l = (t) => ({
-  M4LRHFTextField: {
-    styleOverrides: {
-      "&.M4LRHFTextField-root": {
-        display: "flex",
-        flexDirection: "column",
-        width: "100%",
-        gap: "4px",
-        "& .M4LRHFTextField-label": {
-          color: t.palette.text.secondary,
-          transition: "all .5s ease"
-        },
-        "& .MuiInputBase-root": {
-          padding: "0px",
-          "& .MuiInputBase-input": {
-            color: t.palette.text.secondary,
-            padding: "0px",
-            backgroundColor: "transparent",
-            ...t.typography.body
-          },
-          "& .MuiInputAdornment-root": {
-            margin: "0px",
-            padding: "0px"
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.text.secondary,
-            transition: "all .3s ease"
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            padding: "4px",
-            borderColor: t.palette.divider,
-            borderRadius: "4px",
-            inset: "0px",
-            transition: "all .3s ease",
-            "& legend": {
-              display: "none"
-            }
-          }
-        },
-        "&:hover": {
-          "& .M4LRHFTextField-label": {
-            color: t.palette.state?.hover
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            borderColor: t.palette.state?.hover,
-            boxShadow: `0px 1px 8px ${o(t.palette.primary.main, 0.32)}`
-          },
-          "& .MuiInputBase-input": {
-            color: t.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.state?.hover
-          }
-        },
-        "&.M4LRHFTextField-isFocus": {
-          "& .M4LRHFTextField-label": {
-            color: t.palette.state?.active
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            transition: "all .1s ease",
-            border: "2px solid",
-            borderColor: t.palette.state?.active,
-            boxShadow: `0px 1px 8px ${o(t.palette.primary.main, 0.32)}`
-          },
-          "& .MuiInputBase-input": {
-            color: t.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.state?.active
-          }
-        },
-        "&.M4LRHFTextField-variantError": {
-          "& .M4LRHFTextField-label": {
-            color: t.palette.state?.error.normal
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: t.palette.state?.error.normal
-          },
-          "& .MuiInputBase-input": {
-            color: t.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.state?.error.normal
-          },
-          "&:hover": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: t.customShadows?.error
-            }
-          },
-          "&.M4LRHFTextField-isFocus": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: t.customShadows?.error
-            }
-          }
-        },
-        "&.M4LRHFTextField-isDisabled": {
-          "& .M4LRHFTextField-label": {
-            color: t.palette.text.disabled
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: t.palette.text.disabled,
-            backgroundColor: t.palette.state?.default,
-            boxShadow: "none"
-          },
-          "& .MuiInputBase-input": {
-            color: t.palette.text.disabled
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.text.disabled
-          }
-        },
-        "&.M4LRHFTextField-sizeSmall": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
-            height: "24px",
-            padding: "0px 8px"
-          }
-        },
-        "&.M4LRHFTextField-sizeMedium": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFTextField-skeleton": {
-            height: "28px",
-            padding: "0px 8px"
-          }
-        }
-      }
-    }
-  }
-}), n = (t) => ({
-  M4LRHFCheckbox: {
-    styleOverrides: {
-      "&.M4LRHFCheckbox-root": {
-        display: "flex",
-        flexDirection: "column",
-        gap: t.spacing(0.5),
-        ".M4LRHFCheckbox-checkTypography": {
-          display: "flex",
-          gap: t.spacing(2),
-          [t.breakpoints.down("sm")]: {
-            gap: t.spacing(1),
-            ...t.typography.paragraph
-          }
-        },
-        "& .MuiTypography-root": {
-          color: t.palette.text.primary,
-          ...t.typography.body
-        },
-        ".M4LRHFCheckbox-small .MuiButtonBase-root": {
-          width: "20px",
-          height: "20px"
-        },
-        ".MuiCheckbox-root .MuiSvgIcon-fontSizeSmall": {
-          width: "16px",
-          height: "16px"
-        },
-        ".M4LRHFCheckbox-medium .MuiButtonBase-root": {
-          width: "24px",
-          height: "24px"
-        },
-        ".MuiCheckbox-root .MuiSvgIcon-fontSizeMedium": {
-          width: "20px",
-          height: "20px"
-        },
-        ".MuiButtonBase-root": {
-          borderRadius: "4px"
-        },
-        ".MuiButtonBase-root:hover": {
-          backgroundColor: t.palette.state?.active12
-        },
-        ".Mui-focusVisible": {
-          border: "1px solid",
-          borderColor: t.palette.state?.focus
-        },
-        ".MuiButtonBase-root:hover .MuiSvgIcon-root": {
-          fill: t.palette.state?.hover
-        },
-        ".M4LRHFCheckbox-checkTypography .MuiTypography-root": {
-          ...t.typography.body
-        },
-        ".M4LRHFCheckbox-stateDisabled .MuiSvgIcon-root": {
-          fill: t.palette.state?.default
-        },
-        ".M4LRHFCheckbox-stateDisabled .MuiTypography-root": {
-          color: t.palette.text.disabled
-        },
-        ".MuiButtonBase-root .Mui-focusVisible:focus-visible": {
-          outline: "#fff00"
-        }
-      }
-    }
-  }
-}), p = (t) => ({
-  M4LRHFAutocomplete: {
-    styleOverrides: {
-      "&.M4LRHFAutocomplete-root": {
-        display: "flex",
-        flexDirection: "column",
-        width: "100%",
-        gap: "4px",
-        "& .M4LRHFAutocomplete-label": {
-          color: t.palette.text.secondary,
-          transition: "all .3s ease"
-        },
-        "& .MuiAutocomplete-endAdornment": {
-          top: "unset"
-        },
-        "& .MuiInputBase-root": {
-          padding: "0px",
-          "& .MuiInputBase-input": {
-            color: t.palette.text.secondary,
-            padding: "4px",
-            backgroundColor: "transparent",
-            ...t.typography.body
-          },
-          "& .MuiInputAdornment-root": {
-            margin: "0px",
-            padding: "0px"
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.text.secondary,
-            transition: "all .3s ease"
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: t.palette.divider,
-            borderRadius: "4px",
-            inset: "0px",
-            transition: "all .3s ease",
-            "& legend": {
-              display: "none"
-            }
-          }
-        },
-        "&:hover": {
-          "& .M4LRHFAutocomplete-label": {
-            color: t.palette.state?.hover
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            borderColor: t.palette.state?.hover,
-            boxShadow: `0px 1px 8px ${e(t.palette.primary.main, 0.32)}`
-          },
-          "& .MuiInputBase-input": {
-            color: t.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.state?.hover
-          }
-        },
-        "&.M4LRHFAutocomplete-isFocus": {
-          "& .M4LRHFAutocomplete-label": {
-            color: t.palette.state?.active
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            transition: "all .1s ease",
-            border: "2px solid",
-            borderColor: t.palette.state?.active,
-            boxShadow: `0px 1px 8px ${e(t.palette.primary.main, 0.32)}`
-          },
-          "& .MuiInputBase-input": {
-            color: t.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.state?.active
-          }
-        },
-        "&.M4LRHFAutocomplete-variantError": {
-          "& .M4LRHFAutocomplete-label": {
-            color: t.palette.state?.error.normal
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: t.palette.state?.error.normal
-          },
-          "& .MuiInputBase-input": {
-            color: t.palette.text.primary
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.state?.error.normal
-          },
-          "&:hover": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: t.customShadows?.error
-            }
-          },
-          "&.M4LRHFAutocomplete-isFocus": {
-            "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-              boxShadow: t.customShadows?.error
-            }
-          }
-        },
-        "&.M4LRHFAutocomplete-isDisabled": {
-          "& .M4LRHFAutocomplete-label": {
-            color: t.palette.text.disabled
-          },
-          "& .MuiInputBase-root .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid",
-            borderColor: t.palette.text.disabled,
-            backgroundColor: t.palette.state?.default,
-            boxShadow: "none"
-          },
-          "& .MuiInputBase-input": {
-            color: t.palette.text.disabled
-          },
-          "& .M4LIcon-icon": {
-            backgroundColor: t.palette.text.disabled
-          }
-        },
-        "&.M4LRHFAutocomplete-sizeSmall": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton": {
-            height: "24px",
-            padding: "0px 8px"
-          }
-        },
-        "&.M4LRHFAutocomplete-sizeMedium": {
-          "& .MuiInputBase-input, & .MuiOutlinedInput-notchedOutline, & .M4LRHFAutocomplete-skeleton": {
-            height: "28px",
-            padding: "0px 8px"
-          }
-        }
-      }
-    }
-  }
-}), u = (t) => ({
-  M4LRHFAutocompleteAsync: {
-    styleOverrides: {
-      "&.M4LRHFAutocompleteAsync-root": {
-        width: "100%",
-        padding: "4px"
-      }
-    }
-  }
-});
-export {
-  l as M,
-  r as a,
-  p as b,
-  u as c,
-  n as d
-};

package/theme/overrides/index.19dec027.js

@@ -1,70 +0,0 @@
-import { F as s, T as o, C as r, M as n, L as i, I as L, a as p, R as M, B as c, b as u, c as l, P as d, S as g, d as B, e as b, D as T, A, f as F, g as I, h as f, i as k, j as v, k as C, l as P, m as y, n as R, o as S, p as x, q as D, r as w, s as H, t as j, u as G, v as E, w as O, x as q, y as z, z as N, E as V, G as J } from "./MUIComponents/index.56660771.js";
-import { M as K, a as Q, b as U, c as W, d as X, e as Y, f as Z, g as _, h as $, i as t, j as m, k as h, l as e, m as aa, n as sa } from "./M4LExtendedComponents/index.9ef37d1d.js";
-import { M as oa, a as ra, b as na, c as ia, d as La } from "./M4LRHFComponents/index.5f690e33.js";
-function ua(a) {
-  return Object.assign(
-    s(a),
-    o(a),
-    r(a),
-    n(a),
-    i(a),
-    L(a),
-    p(),
-    M(a),
-    c(),
-    u(a),
-    l(a),
-    d(a),
-    g(a),
-    B(a),
-    b(a),
-    T(a),
-    A(a),
-    F(a),
-    I(a),
-    f(a),
-    k(a),
-    v(),
-    C(),
-    P(a),
-    y(a),
-    R(a),
-    S(a),
-    x(a),
-    D(a),
-    w(a),
-    H(a),
-    j(a),
-    G(a),
-    E(a),
-    O(),
-    q(a),
-    z(a),
-    N(a),
-    V(a),
-    K(a),
-    J(),
-    Q(a),
-    oa(a),
-    ra(),
-    na(a),
-    ia(),
-    U(a),
-    W(a),
-    X(),
-    Y(a),
-    Z(a),
-    _(),
-    $(a),
-    La(a),
-    t(a),
-    m(a),
-    h(a),
-    e(a),
-    aa(a),
-    sa(a)
-  );
-}
-export {
-  ua as f
-};

package/utils/getColorState.456150fd.js

@@ -1,136 +0,0 @@
-import { alpha as a } from "@mui/system";
-import "../theme/defaultThemeOptions.364b28b6.js";
-import "../theme/shadows.b2f38616.js";
-import { P as e, S as r } from "../theme/palette.4b477f9b.js";
-import "../theme/typography.1db0276b.js";
-import "@mui/material";
-import "@mui/material/styles";
-const g = (u, l) => {
-  let t = {};
-  switch (u) {
-    case "patronus":
-      t = {
-        light: {
-          active12: a(e?.patronusBlue[50], 0.12),
-          active: e?.patronusBlue[50],
-          focus: e?.patronusBlue[70],
-          hover: e?.patronusBlue[60],
-          default: a(e?.coolGrey[70], 0.04),
-          ...r
-        },
-        dark: {
-          active12: a(e?.patronusBlue[50], 0.12),
-          active: e?.patronusBlue[50],
-          focus: e?.patronusBlue[30],
-          hover: e?.patronusBlue[40],
-          default: a(e?.marbleLight[10], 0.04),
-          ...r
-        }
-      };
-      break;
-    case "turqui":
-      t = {
-        light: {
-          active12: a(e?.turquiBlue[50], 0.12),
-          active: e?.turquiBlue[50],
-          focus: e?.turquiBlue[70],
-          hover: e?.turquiBlue[60],
-          default: a(e?.coolGrey[70], 0.12),
-          ...r
-        },
-        dark: {
-          active12: a(e?.turquiBlue[50], 0.12),
-          active: e?.turquiBlue[50],
-          focus: e?.turquiBlue[30],
-          hover: e?.turquiBlue[40],
-          default: a(e?.marbleLight[10], 0.12),
-          ...r
-        }
-      };
-      break;
-    case "grass":
-      t = {
-        light: {
-          active12: a(e?.grassGreen[50], 0.12),
-          active: e?.grassGreen[50],
-          focus: e?.grassGreen[70],
-          hover: e?.grassGreen[60],
-          default: a(e?.coolGrey[70], 0.12),
-          ...r
-        },
-        dark: {
-          active12: a(e?.grassGreen[50], 0.12),
-          active: e?.grassGreen[50],
-          focus: e?.grassGreen[30],
-          hover: e?.grassGreen[40],
-          default: a(e?.marbleLight[10], 0.12),
-          ...r
-        }
-      };
-      break;
-    case "candy":
-      t = {
-        light: {
-          active12: a(e?.candyRed[50], 0.12),
-          active: e?.candyRed[50],
-          focus: e?.candyRed[70],
-          hover: e?.candyRed[60],
-          default: a(e?.coolGrey[70], 0.12),
-          ...r
-        },
-        dark: {
-          active12: a(e?.candyRed[50], 0.12),
-          active: e?.candyRed[50],
-          focus: e?.candyRed[30],
-          hover: e?.candyRed[40],
-          default: a(e?.marbleLight[10], 0.12),
-          ...r
-        }
-      };
-      break;
-    case "blaze":
-      t = {
-        light: {
-          active12: a(e?.blazeOrange[50], 0.12),
-          active: e?.blazeOrange[50],
-          focus: e?.blazeOrange[70],
-          hover: e?.blazeOrange[60],
-          default: a(e?.coolGrey[70], 0.12),
-          ...r
-        },
-        dark: {
-          active12: a(e?.blazeOrange[50], 0.12),
-          active: e?.blazeOrange[50],
-          focus: e?.blazeOrange[30],
-          hover: e?.blazeOrange[40],
-          default: a(e?.marbleLight[10], 0.12),
-          ...r
-        }
-      };
-      break;
-    default:
-      t = {
-        light: {
-          active12: a(e?.turquiBlue[50], 0.12),
-          active: e?.turquiBlue[50],
-          focus: e?.turquiBlue[70],
-          hover: e?.turquiBlue[60],
-          default: a(e?.coolGrey[70], 0.12),
-          ...r
-        },
-        dark: {
-          active12: a(e?.turquiBlue[50], 0.12),
-          active: e?.turquiBlue[50],
-          focus: e?.turquiBlue[30],
-          hover: e?.turquiBlue[40],
-          default: a(e?.marbleLight[10], 0.12),
-          ...r
-        }
-      };
-      break;
-  }
-  return l === "light" ? { ...t.light } : { ...t.dark };
-};
-export {
-  g
-};