Partial copy paste of the MUI Theme type definition

Author: garronej

src/lib/tools/@mui/material/styles/createMixins.ts

@@ -0,0 +1,7 @@
+
+import type { CSSProperties } from "@mui/material/styles/createMixins";
+
+export interface Mixins {
+  toolbar: CSSProperties;
+  // ... use interface declaration merging to add custom mixins
+}

src/lib/tools/@mui/material/styles/createPalette.ts

@@ -0,0 +1,23 @@
+
+import type { PaletteMode, Color } from "@mui/material";
+import type { CommonColors, PaletteTonalOffset, PaletteColor, TypeText, TypeDivider, TypeAction, TypeBackground, PaletteAugmentColorOptions } from "@mui/material/styles/createPalette";
+
+export interface Palette {
+  common: CommonColors;
+  mode: PaletteMode;
+  contrastThreshold: number;
+  tonalOffset: PaletteTonalOffset;
+  primary: PaletteColor;
+  secondary: PaletteColor;
+  error: PaletteColor;
+  warning: PaletteColor;
+  info: PaletteColor;
+  success: PaletteColor;
+  grey: Color;
+  text: TypeText;
+  divider: TypeDivider;
+  action: TypeAction;
+  background: TypeBackground;
+  getContrastText: (background: string) => string;
+  augmentColor: (options: PaletteAugmentColorOptions) => PaletteColor;
+}

src/lib/tools/@mui/material/styles/createTheme.ts

@@ -0,0 +1,24 @@
+
+import type { Theme as SystemTheme } from '@mui/system';
+import type { Transitions } from '@mui/material/styles/createTransitions';
+import type { ZIndex } from '@mui/material/styles/zIndex';
+import type { Components } from '@mui/material/styles/components';
+
+import type { Mixins } from "./createMixins";
+import type { Palette } from "./createPalette";
+import type { Shadows } from './shadows';
+import type { Typography } from './createTypography';
+
+export interface BaseTheme extends SystemTheme {
+    mixins: Mixins;
+    palette: Palette;
+    shadows: Shadows;
+    transitions: Transitions;
+    typography: Typography;
+    zIndex: ZIndex;
+    unstable_strictMode?: boolean;
+}
+
+export interface Theme extends BaseTheme {
+    components?: Components<BaseTheme>;
+}

src/lib/tools/@mui/material/styles/createTypography.ts

@@ -0,0 +1,64 @@
+import type * as React from 'react';
+import type * as CSS from 'csstype';
+
+export type Variant =
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'h6'
+  | 'subtitle1'
+  | 'subtitle2'
+  | 'body1'
+  | 'body2'
+  | 'caption'
+  | 'button'
+  | 'overline';
+
+export interface FontStyle
+  extends Required<{
+    fontFamily: React.CSSProperties['fontFamily'];
+    fontSize: number;
+    fontWeightLight: React.CSSProperties['fontWeight'];
+    fontWeightRegular: React.CSSProperties['fontWeight'];
+    fontWeightMedium: React.CSSProperties['fontWeight'];
+    fontWeightBold: React.CSSProperties['fontWeight'];
+    htmlFontSize: number;
+  }> {}
+
+export type NormalCssProperties = CSS.Properties<number | string>;
+export type Fontface = CSS.AtRule.FontFace & { fallbacks?: CSS.AtRule.FontFace[] };
+
+/**
+ * Allows the user to augment the properties available
+ */
+export interface BaseCSSProperties extends NormalCssProperties {
+  '@font-face'?: Fontface | Fontface[];
+}
+
+export interface CSSProperties extends BaseCSSProperties {
+  // Allow pseudo selectors and media queries
+  // `unknown` is used since TS does not allow assigning an interface without
+  // an index signature to one with an index signature. This is to allow type safe
+  // module augmentation.
+  // Technically we want any key not typed in `BaseCSSProperties` to be of type
+  // `CSSProperties` but this doesn't work. The index signature needs to cover
+  // BaseCSSProperties as well. Usually you would use `BaseCSSProperties[keyof BaseCSSProperties]`
+  // but this would not allow assigning React.CSSProperties to CSSProperties
+  [k: string]: unknown | CSSProperties;
+}
+
+
+// TODO: which one should actually be allowed to be subject to module augmentation?
+// current type vs interface decision is kept for historical reasons until we
+// made a decision
+export type TypographyStyle = CSSProperties;
+
+export interface TypographyUtils {
+  pxToRem: (px: number) => string;
+}
+
+export interface Typography extends Record<Variant, TypographyStyle>, FontStyle, TypographyUtils {}
+
+

src/lib/tools/@mui/material/styles/shadows.ts

@@ -0,0 +1,29 @@
+export type Shadows = [
+  'none',
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+  string,
+];
+declare const shadows: Shadows;
+export default shadows;