JSPM

@mui/system

5.16.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6500435
  • Score
    100M100P100Q229658F
  • License MIT

MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.

Package Exports

  • @mui/system
  • @mui/system/Box/Box
  • @mui/system/Box/boxClasses
  • @mui/system/Box/index
  • @mui/system/Container/Container
  • @mui/system/Container/ContainerProps
  • @mui/system/Container/containerClasses
  • @mui/system/Container/createContainer
  • @mui/system/Container/index
  • @mui/system/DefaultPropsProvider/DefaultPropsProvider
  • @mui/system/DefaultPropsProvider/index
  • @mui/system/GlobalStyles/GlobalStyles
  • @mui/system/GlobalStyles/index
  • @mui/system/InitColorSchemeScript/InitColorSchemeScript
  • @mui/system/InitColorSchemeScript/index
  • @mui/system/RtlProvider/index
  • @mui/system/Stack/Stack
  • @mui/system/Stack/StackProps
  • @mui/system/Stack/createStack
  • @mui/system/Stack/index
  • @mui/system/Stack/stackClasses
  • @mui/system/ThemeProvider/ThemeProvider
  • @mui/system/ThemeProvider/index
  • @mui/system/Unstable_Grid/Grid
  • @mui/system/Unstable_Grid/GridProps
  • @mui/system/Unstable_Grid/createGrid
  • @mui/system/Unstable_Grid/gridClasses
  • @mui/system/Unstable_Grid/gridGenerator
  • @mui/system/Unstable_Grid/index
  • @mui/system/Unstable_Grid/traverseBreakpoints
  • @mui/system/borders
  • @mui/system/breakpoints
  • @mui/system/colorManipulator
  • @mui/system/compose
  • @mui/system/createBox
  • @mui/system/createStyled
  • @mui/system/createTheme/applyStyles
  • @mui/system/createTheme/createBreakpoints
  • @mui/system/createTheme/createSpacing
  • @mui/system/createTheme/createTheme
  • @mui/system/createTheme/index
  • @mui/system/createTheme/shape
  • @mui/system/cssGrid
  • @mui/system/cssVars/createCssVarsProvider
  • @mui/system/cssVars/createCssVarsTheme
  • @mui/system/cssVars/createGetCssVar
  • @mui/system/cssVars/cssVarsParser
  • @mui/system/cssVars/getInitColorSchemeScript
  • @mui/system/cssVars/index
  • @mui/system/cssVars/prepareCssVars
  • @mui/system/cssVars/useCurrentColorScheme
  • @mui/system/display
  • @mui/system/esm/Box/Box
  • @mui/system/esm/Box/boxClasses
  • @mui/system/esm/Box/index
  • @mui/system/esm/Container/Container
  • @mui/system/esm/Container/ContainerProps
  • @mui/system/esm/Container/containerClasses
  • @mui/system/esm/Container/createContainer
  • @mui/system/esm/Container/index
  • @mui/system/esm/DefaultPropsProvider/DefaultPropsProvider
  • @mui/system/esm/DefaultPropsProvider/index
  • @mui/system/esm/GlobalStyles/GlobalStyles
  • @mui/system/esm/GlobalStyles/index
  • @mui/system/esm/InitColorSchemeScript/InitColorSchemeScript
  • @mui/system/esm/InitColorSchemeScript/index
  • @mui/system/esm/RtlProvider/index
  • @mui/system/esm/Stack/Stack
  • @mui/system/esm/Stack/StackProps
  • @mui/system/esm/Stack/createStack
  • @mui/system/esm/Stack/index
  • @mui/system/esm/Stack/stackClasses
  • @mui/system/esm/ThemeProvider/ThemeProvider
  • @mui/system/esm/ThemeProvider/index
  • @mui/system/esm/Unstable_Grid/Grid
  • @mui/system/esm/Unstable_Grid/GridProps
  • @mui/system/esm/Unstable_Grid/createGrid
  • @mui/system/esm/Unstable_Grid/gridClasses
  • @mui/system/esm/Unstable_Grid/gridGenerator
  • @mui/system/esm/Unstable_Grid/index
  • @mui/system/esm/Unstable_Grid/traverseBreakpoints
  • @mui/system/esm/borders
  • @mui/system/esm/breakpoints
  • @mui/system/esm/colorManipulator
  • @mui/system/esm/compose
  • @mui/system/esm/createBox
  • @mui/system/esm/createStyled
  • @mui/system/esm/createTheme/applyStyles
  • @mui/system/esm/createTheme/createBreakpoints
  • @mui/system/esm/createTheme/createSpacing
  • @mui/system/esm/createTheme/createTheme
  • @mui/system/esm/createTheme/index
  • @mui/system/esm/createTheme/shape
  • @mui/system/esm/cssGrid
  • @mui/system/esm/cssVars/createCssVarsProvider
  • @mui/system/esm/cssVars/createCssVarsTheme
  • @mui/system/esm/cssVars/createGetCssVar
  • @mui/system/esm/cssVars/cssVarsParser
  • @mui/system/esm/cssVars/getInitColorSchemeScript
  • @mui/system/esm/cssVars/index
  • @mui/system/esm/cssVars/prepareCssVars
  • @mui/system/esm/cssVars/useCurrentColorScheme
  • @mui/system/esm/display
  • @mui/system/esm/flexbox
  • @mui/system/esm/getThemeValue
  • @mui/system/esm/index
  • @mui/system/esm/memoize
  • @mui/system/esm/merge
  • @mui/system/esm/palette
  • @mui/system/esm/positions
  • @mui/system/esm/propsToClassKey
  • @mui/system/esm/responsivePropType
  • @mui/system/esm/shadows
  • @mui/system/esm/sizing
  • @mui/system/esm/spacing
  • @mui/system/esm/style
  • @mui/system/esm/styleFunctionSx/defaultSxConfig
  • @mui/system/esm/styleFunctionSx/extendSxProp
  • @mui/system/esm/styleFunctionSx/index
  • @mui/system/esm/styleFunctionSx/styleFunctionSx
  • @mui/system/esm/styled
  • @mui/system/esm/typography
  • @mui/system/esm/useMediaQuery/index
  • @mui/system/esm/useMediaQuery/useMediaQuery
  • @mui/system/esm/useTheme
  • @mui/system/esm/useThemeProps/getThemeProps
  • @mui/system/esm/useThemeProps/index
  • @mui/system/esm/useThemeProps/useThemeProps
  • @mui/system/esm/useThemeWithoutDefault
  • @mui/system/flexbox
  • @mui/system/getThemeValue
  • @mui/system/index
  • @mui/system/index.js
  • @mui/system/legacy/Box/Box
  • @mui/system/legacy/Box/boxClasses
  • @mui/system/legacy/Box/index
  • @mui/system/legacy/Container/Container
  • @mui/system/legacy/Container/ContainerProps
  • @mui/system/legacy/Container/containerClasses
  • @mui/system/legacy/Container/createContainer
  • @mui/system/legacy/Container/index
  • @mui/system/legacy/DefaultPropsProvider/DefaultPropsProvider
  • @mui/system/legacy/DefaultPropsProvider/index
  • @mui/system/legacy/GlobalStyles/GlobalStyles
  • @mui/system/legacy/GlobalStyles/index
  • @mui/system/legacy/InitColorSchemeScript/InitColorSchemeScript
  • @mui/system/legacy/InitColorSchemeScript/index
  • @mui/system/legacy/RtlProvider/index
  • @mui/system/legacy/Stack/Stack
  • @mui/system/legacy/Stack/StackProps
  • @mui/system/legacy/Stack/createStack
  • @mui/system/legacy/Stack/index
  • @mui/system/legacy/Stack/stackClasses
  • @mui/system/legacy/ThemeProvider/ThemeProvider
  • @mui/system/legacy/ThemeProvider/index
  • @mui/system/legacy/Unstable_Grid/Grid
  • @mui/system/legacy/Unstable_Grid/GridProps
  • @mui/system/legacy/Unstable_Grid/createGrid
  • @mui/system/legacy/Unstable_Grid/gridClasses
  • @mui/system/legacy/Unstable_Grid/gridGenerator
  • @mui/system/legacy/Unstable_Grid/index
  • @mui/system/legacy/Unstable_Grid/traverseBreakpoints
  • @mui/system/legacy/borders
  • @mui/system/legacy/breakpoints
  • @mui/system/legacy/colorManipulator
  • @mui/system/legacy/compose
  • @mui/system/legacy/createBox
  • @mui/system/legacy/createStyled
  • @mui/system/legacy/createTheme/applyStyles
  • @mui/system/legacy/createTheme/createBreakpoints
  • @mui/system/legacy/createTheme/createSpacing
  • @mui/system/legacy/createTheme/createTheme
  • @mui/system/legacy/createTheme/index
  • @mui/system/legacy/createTheme/shape
  • @mui/system/legacy/cssGrid
  • @mui/system/legacy/cssVars/createCssVarsProvider
  • @mui/system/legacy/cssVars/createCssVarsTheme
  • @mui/system/legacy/cssVars/createGetCssVar
  • @mui/system/legacy/cssVars/cssVarsParser
  • @mui/system/legacy/cssVars/getInitColorSchemeScript
  • @mui/system/legacy/cssVars/index
  • @mui/system/legacy/cssVars/prepareCssVars
  • @mui/system/legacy/cssVars/useCurrentColorScheme
  • @mui/system/legacy/display
  • @mui/system/legacy/flexbox
  • @mui/system/legacy/getThemeValue
  • @mui/system/legacy/index
  • @mui/system/legacy/memoize
  • @mui/system/legacy/merge
  • @mui/system/legacy/palette
  • @mui/system/legacy/positions
  • @mui/system/legacy/propsToClassKey
  • @mui/system/legacy/responsivePropType
  • @mui/system/legacy/shadows
  • @mui/system/legacy/sizing
  • @mui/system/legacy/spacing
  • @mui/system/legacy/style
  • @mui/system/legacy/styleFunctionSx/defaultSxConfig
  • @mui/system/legacy/styleFunctionSx/extendSxProp
  • @mui/system/legacy/styleFunctionSx/index
  • @mui/system/legacy/styleFunctionSx/styleFunctionSx
  • @mui/system/legacy/styled
  • @mui/system/legacy/typography
  • @mui/system/legacy/useMediaQuery/index
  • @mui/system/legacy/useMediaQuery/useMediaQuery
  • @mui/system/legacy/useTheme
  • @mui/system/legacy/useThemeProps/getThemeProps
  • @mui/system/legacy/useThemeProps/index
  • @mui/system/legacy/useThemeProps/useThemeProps
  • @mui/system/legacy/useThemeWithoutDefault
  • @mui/system/memoize
  • @mui/system/merge
  • @mui/system/modern/Box/Box
  • @mui/system/modern/Box/boxClasses
  • @mui/system/modern/Box/index
  • @mui/system/modern/Container/Container
  • @mui/system/modern/Container/ContainerProps
  • @mui/system/modern/Container/containerClasses
  • @mui/system/modern/Container/createContainer
  • @mui/system/modern/Container/index
  • @mui/system/modern/DefaultPropsProvider/DefaultPropsProvider
  • @mui/system/modern/DefaultPropsProvider/index
  • @mui/system/modern/GlobalStyles/GlobalStyles
  • @mui/system/modern/GlobalStyles/index
  • @mui/system/modern/InitColorSchemeScript/InitColorSchemeScript
  • @mui/system/modern/InitColorSchemeScript/index
  • @mui/system/modern/RtlProvider/index
  • @mui/system/modern/Stack/Stack
  • @mui/system/modern/Stack/StackProps
  • @mui/system/modern/Stack/createStack
  • @mui/system/modern/Stack/index
  • @mui/system/modern/Stack/stackClasses
  • @mui/system/modern/ThemeProvider/ThemeProvider
  • @mui/system/modern/ThemeProvider/index
  • @mui/system/modern/Unstable_Grid/Grid
  • @mui/system/modern/Unstable_Grid/GridProps
  • @mui/system/modern/Unstable_Grid/createGrid
  • @mui/system/modern/Unstable_Grid/gridClasses
  • @mui/system/modern/Unstable_Grid/gridGenerator
  • @mui/system/modern/Unstable_Grid/index
  • @mui/system/modern/Unstable_Grid/traverseBreakpoints
  • @mui/system/modern/borders
  • @mui/system/modern/breakpoints
  • @mui/system/modern/colorManipulator
  • @mui/system/modern/compose
  • @mui/system/modern/createBox
  • @mui/system/modern/createStyled
  • @mui/system/modern/createTheme/applyStyles
  • @mui/system/modern/createTheme/createBreakpoints
  • @mui/system/modern/createTheme/createSpacing
  • @mui/system/modern/createTheme/createTheme
  • @mui/system/modern/createTheme/index
  • @mui/system/modern/createTheme/shape
  • @mui/system/modern/cssGrid
  • @mui/system/modern/cssVars/createCssVarsProvider
  • @mui/system/modern/cssVars/createCssVarsTheme
  • @mui/system/modern/cssVars/createGetCssVar
  • @mui/system/modern/cssVars/cssVarsParser
  • @mui/system/modern/cssVars/getInitColorSchemeScript
  • @mui/system/modern/cssVars/index
  • @mui/system/modern/cssVars/prepareCssVars
  • @mui/system/modern/cssVars/useCurrentColorScheme
  • @mui/system/modern/display
  • @mui/system/modern/flexbox
  • @mui/system/modern/getThemeValue
  • @mui/system/modern/index
  • @mui/system/modern/memoize
  • @mui/system/modern/merge
  • @mui/system/modern/palette
  • @mui/system/modern/positions
  • @mui/system/modern/propsToClassKey
  • @mui/system/modern/responsivePropType
  • @mui/system/modern/shadows
  • @mui/system/modern/sizing
  • @mui/system/modern/spacing
  • @mui/system/modern/style
  • @mui/system/modern/styleFunctionSx/defaultSxConfig
  • @mui/system/modern/styleFunctionSx/extendSxProp
  • @mui/system/modern/styleFunctionSx/index
  • @mui/system/modern/styleFunctionSx/styleFunctionSx
  • @mui/system/modern/styled
  • @mui/system/modern/typography
  • @mui/system/modern/useMediaQuery/index
  • @mui/system/modern/useMediaQuery/useMediaQuery
  • @mui/system/modern/useTheme
  • @mui/system/modern/useThemeProps/getThemeProps
  • @mui/system/modern/useThemeProps/index
  • @mui/system/modern/useThemeProps/useThemeProps
  • @mui/system/modern/useThemeWithoutDefault
  • @mui/system/palette
  • @mui/system/positions
  • @mui/system/propsToClassKey
  • @mui/system/responsivePropType
  • @mui/system/shadows
  • @mui/system/sizing
  • @mui/system/spacing
  • @mui/system/style
  • @mui/system/styleFunctionSx/defaultSxConfig
  • @mui/system/styleFunctionSx/extendSxProp
  • @mui/system/styleFunctionSx/index
  • @mui/system/styleFunctionSx/styleFunctionSx
  • @mui/system/styled
  • @mui/system/typography
  • @mui/system/useMediaQuery/index
  • @mui/system/useMediaQuery/useMediaQuery
  • @mui/system/useTheme
  • @mui/system/useThemeProps/getThemeProps
  • @mui/system/useThemeProps/index
  • @mui/system/useThemeProps/useThemeProps
  • @mui/system/useThemeWithoutDefault

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@mui/system) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

MUI System

MUI System is a set of CSS utilities to help you build custom designs more efficiently. It makes it possible to rapidly lay out custom designs.

Installation

Install the package in your project directory with:

npm install @mui/system @emotion/react @emotion/styled

Documentation

Visit https://mui.com/system/getting-started/ to view the full documentation.