@max-ts/components 0.3.10 → 0.4.0

package/lib/theme/components/MuiPaper.mjs

@@ -1,17 +0,0 @@
-const t = (e, r) => e === 0 ? "none" : e === 1 ? r.elevation[200] : r.elevation[300], n = {
-  styleOverrides: {
-    elevation({ theme: e, ownerState: { elevation: r } }) {
-      return {
-        boxShadow: t(r, e)
-      };
-    },
-    outlined({ theme: e }) {
-      return {
-        border: `1px solid ${e.palette.grey[300]}`
-      };
-    }
-  }
-};
-export {
-  n as MuiPaper
-};

package/lib/theme/components/MuiStep.mjs

@@ -1,15 +0,0 @@
-const e = {
-  styleOverrides: {
-    horizontal({ theme: t }) {
-      return {
-        "&:first-of-type": {
-          paddingLeft: 0
-        },
-        padding: t.spacing(0, 2.5)
-      };
-    }
-  }
-};
-export {
-  e as MuiStep
-};

package/lib/theme/components/MuiStepConnector.mjs

@@ -1,10 +0,0 @@
-const r = {
-  styleOverrides: {
-    lineHorizontal({ theme: e }) {
-      return { borderTopWidth: 2, borderColor: e.palette.grey[300] };
-    }
-  }
-};
-export {
-  r as MuiStepConnector
-};

package/lib/theme/components/MuiStepLabel.mjs

@@ -1,28 +0,0 @@
-import p from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/StepLabel/stepLabelClasses.mjs";
-const r = {
-  styleOverrides: {
-    label({ theme: t }) {
-      const { active: o, completed: i, error: n } = p;
-      return {
-        fontSize: t.typography.fontSize,
-        lineHeight: t.typography.caption.lineHeight,
-        fontWeight: t.typography.caption.fontWeight,
-        color: t.palette.grey[700],
-        [`&.${o}, &.${i}, &.${n}`]: {
-          color: t.palette.grey[900],
-          fontSize: t.typography.caption.fontSize,
-          lineHeight: t.typography.caption.lineHeight,
-          fontWeight: t.typography.caption.fontWeight
-        }
-      };
-    },
-    iconContainer({ theme: t }) {
-      return {
-        paddingRight: t.spacing(2.5)
-      };
-    }
-  }
-};
-export {
-  r as MuiStepLabel
-};

package/lib/theme/components/MuiSwitch.mjs

@@ -1,123 +0,0 @@
-const o = (t) => t.replace("#", "%23"), e = (t) => `url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 6L4.5 8.5L10 3.5" stroke="${o(t)}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>')`, i = (t) => {
-  const r = o(t);
-  return `url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.00005 5.41087L3.79463 3.20545C3.71605 3.12955 3.6108 3.08755 3.50155 3.0885C3.3923 3.08945 3.28779 3.13327 3.21054 3.21053C3.13329 3.28778 3.08947 3.39228 3.08852 3.50153C3.08757 3.61078 3.12957 3.71603 3.20546 3.79462L5.41088 6.00003L3.20546 8.20545C3.12957 8.28403 3.08757 8.38929 3.08852 8.49853C3.08947 8.60778 3.13329 8.71229 3.21054 8.78954C3.28779 8.86679 3.3923 8.91062 3.50155 8.91156C3.6108 8.91251 3.71605 8.87052 3.79463 8.79462L6.00005 6.5892L8.20546 8.79462C8.28405 8.87052 8.3893 8.91251 8.49855 8.91156C8.6078 8.91062 8.7123 8.86679 8.78956 8.78954C8.86681 8.71229 8.91063 8.60778 8.91158 8.49853C8.91253 8.38929 8.87053 8.28403 8.79463 8.20545L6.58921 6.00003L8.79463 3.79462C8.83443 3.75618 8.86617 3.7102 8.88801 3.65937C8.90984 3.60853 8.92134 3.55386 8.92182 3.49853C8.9223 3.44321 8.91176 3.38834 8.89081 3.33714C8.86986 3.28593 8.83892 3.23941 8.7998 3.20029C8.76067 3.16116 8.71415 3.13023 8.66294 3.10927C8.61174 3.08832 8.55687 3.07778 8.50155 3.07826C8.44622 3.07874 8.39155 3.09024 8.34071 3.11207C8.28988 3.13391 8.2439 3.16565 8.20546 3.20545L6.00005 5.41087Z" fill="${r}" stroke="${r}" stroke-width="1.5" /></svg>')`;
-}, a = {
-  styleOverrides: {
-    root({ theme: t }) {
-      return {
-        width: "fit-content",
-        height: "fit-content",
-        padding: t.spacing(1),
-        // CHECKED
-        "& .Mui-checked.MuiSwitch-switchBase": {
-          padding: 0,
-          "& + .MuiSwitch-track": {
-            backgroundColor: t.palette.primary.main[800],
-            opacity: 1
-          }
-        },
-        // NOT CHECKED
-        "& :not(.Mui-checked).MuiSwitch-switchBase": {
-          padding: 0,
-          "& + .MuiSwitch-track": {
-            backgroundColor: t.palette.grey[600],
-            opacity: 1
-          }
-        },
-        // CHECKED HOVER
-        "& .Mui-checked:hover + .MuiSwitch-track": {
-          backgroundColor: t.palette.primary[700]
-        },
-        // NOT CHECKED HOVER
-        "& :not(.Mui-checked):hover + .MuiSwitch-track": {
-          backgroundColor: t.palette.grey[500]
-        },
-        // DISABLED TRACK
-        "& .MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled": {
-          "& + .MuiSwitch-track": {
-            backgroundColor: t.palette.grey[200],
-            "&::before": {
-              backgroundImage: e(t.palette.grey[500])
-            },
-            "&::after": {
-              backgroundImage: i(t.palette.grey[500])
-            }
-          }
-        },
-        // ACTIVE TRACK
-        "& :not(.Mui-disabled):active + .MuiSwitch-track": {
-          border: `2px solid ${t.palette.primary[400]}`
-        }
-      };
-    },
-    switchBase: {
-      padding: 0,
-      "&:hover, &.Mui-checked:hover": {
-        backgroundColor: "transparent"
-      }
-    },
-    track({ theme: t }) {
-      return {
-        borderRadius: 10,
-        boxSizing: "border-box",
-        "&::before, &::after": {
-          position: "absolute",
-          top: "50%",
-          transform: "translateY(-50%)",
-          content: '""',
-          backgroundSize: "cover"
-        },
-        "&::before": {
-          left: t.spacing(2),
-          backgroundImage: e(
-            t.palette.background.default
-          )
-        },
-        "&::after": {
-          right: t.spacing(2),
-          backgroundImage: i(
-            t.palette.background.default
-          )
-        }
-      };
-    },
-    thumb({ theme: t }) {
-      return {
-        backgroundColor: t.palette.background.default,
-        boxShadow: "none",
-        margin: t.spacing(1.5)
-      };
-    },
-    sizeSmall: {
-      "& .MuiSwitch-track": {
-        width: 32,
-        height: 16,
-        "&::before, &::after": {
-          width: 8,
-          height: 8
-        }
-      },
-      "& .MuiSwitch-thumb": {
-        width: 12,
-        height: 12
-      }
-    },
-    sizeMedium: {
-      "& .MuiSwitch-track": {
-        width: 40,
-        height: 20,
-        "&::before, &::after": {
-          width: 12,
-          height: 12
-        }
-      },
-      "& .MuiSwitch-thumb": {
-        width: 16,
-        height: 16
-      }
-    }
-  }
-};
-export {
-  a as MuiSwitch
-};

package/lib/theme/components/MuiTab.mjs

@@ -1,14 +0,0 @@
-const r = {
-  styleOverrides: {
-    root({ theme: n }) {
-      return {
-        minWidth: 0,
-        padding: n.spacing(0, 2),
-        textTransform: "none"
-      };
-    }
-  }
-};
-export {
-  r as MuiTab
-};

package/lib/theme/components/MuiTableCell.mjs

@@ -1,15 +0,0 @@
-const r = {
-  styleOverrides: {
-    root({ theme: e }) {
-      return {
-        border: "none",
-        padding: e.spacing(1, 4),
-        // 44px - минимальная высота ячейки, установленная в дизайн-системе
-        height: 44
-      };
-    }
-  }
-};
-export {
-  r as MuiTableCell
-};

package/lib/theme/components/MuiTableHead.mjs

@@ -1,14 +0,0 @@
-const t = {
-  styleOverrides: {
-    root({ theme: e }) {
-      return {
-        th: {
-          borderBottom: `2px solid ${e.palette.grey[300]}`
-        }
-      };
-    }
-  }
-};
-export {
-  t as MuiTableHead
-};

package/lib/theme/components/MuiTableRow.mjs

@@ -1,18 +0,0 @@
-const r = {
-  styleOverrides: {
-    root({ theme: e }) {
-      return {
-        "&.MuiTableRow-hover:hover": {
-          backgroundColor: e.palette.background.elementHover,
-          cursor: "pointer"
-        },
-        "&.Mui-selected": {
-          backgroundColor: e.palette.primary[100]
-        }
-      };
-    }
-  }
-};
-export {
-  r as MuiTableRow
-};

package/lib/theme/components/MuiTabs.mjs

@@ -1,18 +0,0 @@
-const e = {
-  styleOverrides: {
-    root() {
-      return {
-        minHeight: 38,
-        height: 38
-      };
-    },
-    indicator({ theme: r }) {
-      return {
-        borderRadius: r.shape.small
-      };
-    }
-  }
-};
-export {
-  e as MuiTabs
-};

package/lib/theme/components/MuiTextField.mjs

@@ -1,25 +0,0 @@
-import d from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/OutlinedInput/outlinedInputClasses.mjs";
-import n from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/InputBase/inputBaseClasses.mjs";
-const e = {
-  styleOverrides: {
-    root({ theme: t }) {
-      return {
-        [`& .${n.adornedStart}`]: {
-          paddingLeft: t.spacing(2)
-        },
-        [`& .${n.adornedEnd}`]: {
-          paddingRight: t.spacing(2)
-        },
-        [`& .${n.inputAdornedStart}`]: {
-          paddingLeft: t.spacing(1)
-        },
-        [`& .${d.notchedOutline}`]: {
-          top: -4.5
-        }
-      };
-    }
-  }
-};
-export {
-  e as MuiTextField
-};

package/lib/theme/components/MuiToggleButton.mjs

@@ -1,13 +0,0 @@
-const r = {
-  styleOverrides: {
-    root({ theme: t }) {
-      return {
-        textTransform: "initial",
-        padding: t.spacing(1, 2)
-      };
-    }
-  }
-};
-export {
-  r as MuiToggleButton
-};

package/lib/theme/components/MuiToggleButtonGroup.mjs

@@ -1,9 +0,0 @@
-const o = {
-  defaultProps: {
-    size: "small",
-    color: "primary"
-  }
-};
-export {
-  o as MuiToggleButtonGroup
-};

package/lib/theme/components/MuiTypography.mjs

@@ -1,17 +0,0 @@
-const a = {
-  variants: [
-    {
-      props: { variant: "button" },
-      style: {
-        textTransform: "capitalize"
-      }
-    }
-  ],
-  defaultProps: {
-    fontFamily: '"Roboto Variable", "Roboto","Helvetica","Arial",sans-serif'
-  }
-};
-export {
-  a as MuiTypography,
-  a as default
-};

package/lib/theme/components/components.mjs

@@ -1,83 +0,0 @@
-import { MuiAlert as o } from "./MuiAlert.mjs";
-import { MuiAutocomplete as i } from "./MuiAutocomplete.mjs";
-import { MuiButton as r } from "./MuiButton.mjs";
-import { MuiButtonBase as t } from "./MuiButtonBase.mjs";
-import { MuiCircularProgress as m } from "./MuiCircularProgress.mjs";
-import { MuiDialog as p } from "./MuiDialog.mjs";
-import { MuiDialogActions as u } from "./MuiDialogActions.mjs";
-import { MuiDialogContent as e } from "./MuiDialogContent.mjs";
-import { MuiDialogTitle as M } from "./MuiDialogTitle.mjs";
-import { MuiDrawer as f } from "./MuiDrawer.mjs";
-import { MuiFormHelperText as l } from "./MuiFormHelperText.mjs";
-import { MuiFormLabel as a } from "./MuiFormLabel.mjs";
-import { MuiInputLabel as n } from "./MuiInputLabel.mjs";
-import { MuiLinearProgress as s } from "./MuiLinearProgress.mjs";
-import { MuiListItemButton as g } from "./MuiListItemButton.mjs";
-import { MuiListItemText as T } from "./MuiListItemText.mjs";
-import { MuiMenu as b } from "./MuiMenu.mjs";
-import { MuiMenuItem as c } from "./MuiMenuItem.mjs";
-import { MuiOutlinedInput as d } from "./MuiOutlinedInput.mjs";
-import { MuiPaginationItem as B } from "./MuiPaginationItem.mjs";
-import { MuiPaper as I } from "./MuiPaper.mjs";
-import { MuiStep as L } from "./MuiStep.mjs";
-import { MuiStepConnector as P } from "./MuiStepConnector.mjs";
-import { MuiStepLabel as x } from "./MuiStepLabel.mjs";
-import { MuiSwitch as C } from "./MuiSwitch.mjs";
-import { MuiTab as D } from "./MuiTab.mjs";
-import { MuiTableCell as R } from "./MuiTableCell.mjs";
-import { MuiTableHead as S } from "./MuiTableHead.mjs";
-import { MuiTableRow as h } from "./MuiTableRow.mjs";
-import { MuiTabs as w } from "./MuiTabs.mjs";
-import { MuiTextField as A } from "./MuiTextField.mjs";
-import { MuiToggleButton as F } from "./MuiToggleButton.mjs";
-import { MuiToggleButtonGroup as y } from "./MuiToggleButtonGroup.mjs";
-import { MuiTypography as H } from "./MuiTypography.mjs";
-const k = {
-  defaultProps: {
-    disableRipple: !0
-  }
-}, G = {
-  defaultProps: {
-    disableRipple: !0
-  }
-}, bo = {
-  MuiAlert: o,
-  MuiButton: r,
-  MuiButtonBase: t,
-  MuiTypography: H,
-  MuiInputLabel: n,
-  MuiOutlinedInput: d,
-  MuiFormLabel: a,
-  MuiFormHelperText: l,
-  MuiAutocomplete: i,
-  MuiCheckbox: k,
-  MuiMenu: b,
-  MuiMenuItem: c,
-  MuiRadio: G,
-  MuiDialog: p,
-  MuiDialogTitle: M,
-  MuiDialogContent: e,
-  MuiDialogActions: u,
-  MuiDrawer: f,
-  MuiTableCell: R,
-  MuiTableHead: S,
-  MuiTableRow: h,
-  MuiPaginationItem: B,
-  MuiPaper: I,
-  MuiCircularProgress: m,
-  MuiListItemButton: g,
-  MuiListItemText: T,
-  MuiLinearProgress: s,
-  MuiTab: D,
-  MuiTabs: w,
-  MuiStepLabel: x,
-  MuiStep: L,
-  MuiStepConnector: P,
-  MuiToggleButtonGroup: y,
-  MuiToggleButton: F,
-  MuiTextField: A,
-  MuiSwitch: C
-};
-export {
-  bo as components
-};

package/lib/theme/constants.mjs

@@ -1,4 +0,0 @@
-const o = 4;
-export {
-  o as SPACING
-};

package/lib/theme/elevation.mjs

@@ -1,10 +0,0 @@
-const p = {
-  100: "0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;",
-  200: "0px 0px 1px 0px #072D574F, 0px 3px 5px 0px #072D5733;",
-  300: "0px 0px 1px 0px #072D574F, 0px 8px 12px 0px #072D5726;",
-  400: "0px 0px 1px 0px #072D574F, 0px 10px 18px 0px #072D5726;",
-  500: "0px 0px 1px 0px #072D574F, 0px 18px 28px 0px #072D5726;"
-};
-export {
-  p as elevation
-};

package/lib/theme/palette/componentsColors/componentsColors.mjs

@@ -1,7 +0,0 @@
-import { linkColors as o } from "./linkColors/linkColors.mjs";
-const r = {
-  link: o
-};
-export {
-  r as componentsColors
-};

package/lib/theme/palette/componentsColors/linkColors/linkColors.mjs

@@ -1,9 +0,0 @@
-const i = {
-  main: "#1874FF",
-  hover: "#268FF9",
-  visited: "#762376",
-  active: "#072D57"
-};
-export {
-  i as linkColors
-};

package/lib/theme/palette/palette.mjs

@@ -1,125 +0,0 @@
-import { componentsColors as e } from "./componentsColors/componentsColors.mjs";
-const F = () => {
-  const r = {
-    primary: {
-      900: "#013a63",
-      800: "#01497c",
-      700: "#014f86",
-      600: "#2a6f97",
-      500: "#2c7da0",
-      400: "#468faf",
-      300: "#61a5c2",
-      200: "#89c2d9",
-      100: "#a9d6e5"
-    },
-    secondary: {
-      800: "#55B8F0"
-    }
-  };
-  return {
-    red: {
-      900: "#E64343",
-      800: "#F24646",
-      700: "#F35959",
-      600: "#F67E7E",
-      500: "#F79090",
-      400: "#F8A3A3",
-      300: "#FAB5B5",
-      200: "#FCDADA",
-      100: "#FEEDED"
-    },
-    green: {
-      900: "#008055",
-      800: "#00875A",
-      700: "#19936A",
-      600: "#4DAB8C",
-      500: "#66B79C",
-      400: "#80C3AC",
-      300: "#99CFBD",
-      200: "#CCE7DE",
-      100: "#E6F3EF"
-    },
-    yellow: {
-      900: "#ED8000",
-      800: "#F98700",
-      700: "#FA961F",
-      600: "#FBAB4D",
-      500: "#FBB766",
-      400: "#FDCF99",
-      300: "#FDDBB2",
-      200: "#FBE6CC",
-      100: "#FEF3E6"
-    },
-    grey: {
-      900: "#072D57",
-      800: "#1D3F66",
-      700: "#557192",
-      600: "#778DA8",
-      500: "#99A9BA",
-      400: "#B7C2CE",
-      300: "#DDE2E8",
-      200: "#EBEEF1",
-      100: "#F0F4F7"
-    },
-    primary: {
-      main: r.primary[800],
-      dark: r.primary[900],
-      contrastText: "#FFF",
-      ...r.primary
-    },
-    secondary: {
-      main: r.secondary[800],
-      dark: r.primary[900],
-      contrastText: "#FFF",
-      ...r.secondary
-    },
-    background: {
-      default: "#FFF",
-      paper: "#FFF",
-      element: "#FAFBFC",
-      elementHover: "#EEF1F4",
-      modalShadow: "#142A438A"
-    },
-    get text() {
-      return {
-        primary: this.grey[900],
-        secondary: this.grey[700],
-        disabled: this.grey[500]
-      };
-    },
-    get info() {
-      return this.primary;
-    },
-    get warning() {
-      return {
-        ...this.yellow,
-        light: this.yellow[100],
-        main: this.yellow[600],
-        dark: this.yellow[800],
-        contrastText: "#FFF"
-      };
-    },
-    get success() {
-      return {
-        ...this.green,
-        light: this.green[100],
-        main: this.green[600],
-        dark: this.green[800],
-        contrastText: "#FFF"
-      };
-    },
-    get error() {
-      return {
-        ...this.red,
-        light: this.red[100],
-        main: this.red[600],
-        dark: this.red[800],
-        contrastText: "#FFF"
-      };
-    },
-    components: e
-  };
-};
-export {
-  F as getPalette
-};

package/lib/theme/shape.mjs

@@ -1,8 +0,0 @@
-const p = {
-  small: "3px",
-  medium: "6px",
-  large: "9px"
-};
-export {
-  p as shape
-};